@charset "utf-8";
.page-contents { margin: 0 auto; max-width: 750px }
.page-contents-inner { margin-right: 4%; margin-left: 4% }
.page-contents-inner p { padding: 0 }
.page-contents-inner img { line-height: 0; height: auto; width: auto; vertical-align: bottom; margin: 0 auto; display: block }
figure, figcaption { text-align: center }
.page-main-text { font-weight: 700; line-height: 1.5; text-align: center; margin-left: -4%; margin-right: -4% }
#page-screen { margin: 7.246% auto }
#page-screen img { max-width: 412px; width: 59.71% }
#page-screen figcaption { font-weight: 700; line-height: 1 }
#page-caption { margin: 7.826% auto 9.6% }
#page-caption img { max-width: 690px; width: 100% }
#page-caption figcaption { font-weight: 700; line-height: 1 }
#page-add-friend { margin-left: auto; margin-right: auto; margin-top: 10.579%; margin-bottom: 13.333% }
#page-add-friend img { max-width: 482px; width: 69.855% }
#page-add-friend figcaption { line-height: 1; color: #0060A2; padding-top: 7.826% }
.list-astarisk { margin-top: 10% }
.list-astarisk li { line-height: 1.43; padding-left: 1em; text-indent: -1em }
.list-astarisk li span { display: inline-block; width: 1em; text-indent: 0 }
.list-astarisk li+li { margin-top: .5% }
a.arrow-right { display: inline-block; position: relative; text-align: center; color: #0060A2 }
a.arrow-right:before { display: block; position: absolute; top: 50%; right: -.8em; width: .5em; height: .5em; margin-top: -.27em; border-top: solid 2px #0060A2; border-right: solid 2px #0060A2; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "" }
ul.btn-list { overflow: hidden; width: 100%; margin-top: 11.466% }
ul.btn-list li { float: left; width: 32.2666666667%; margin-left: 14% }
ul.btn-list li:only-child { float: none; margin-right: auto; margin-left: auto }
ul.btn-list li+li { margin-left: 7.4666666667% }
ul.btn-list li a { display: block }
ul.btn-list+p { padding-top: 0!important; margin-top: 4%; text-align: center }
ul.btn-list.row-link li { float: none; margin-right: auto; margin-left: auto; width: 100%; margin: 0 auto!important; text-align: center }
ul.btn-list.row-link li+li { margin-top: 3%!important }
ul.btn-list.row-link+p { margin-top: 2%!important }
.page-contents p.page-main-text:first-child { margin-top: 6.95% }
.list-astarisk li:nth-child(3) { margin-top: 6.52% }
.page-contents,.page-contents p { font-size: 11.093px }
.page-contents p.page-main-text, .page-contents figure { font-size: 12.2879px }
.list-astarisk li, ul.btn-list+p { font-size:7.67997px }
@media screen and (min-width: 375px) {
.page-contents,.page-contents p { font-size: 13px }
.page-contents p.page-main-text, .page-contents figure { font-size: 14.4px }
.list-astarisk li, ul.btn-list+p { font-size: 12px }
}
@media screen and (min-width: 400px) {
.page-contents,.page-contents p { font-size: 13.865px }
.page-contents p.page-main-text, .page-contents figure { font-size: 15.359px }
.list-astarisk li, ul.btn-list+p { font-size: 12.7992px }
}
@media screen and (min-width: 500px) {
.page-contents,.page-contents p { font-size: 17.329px }
.page-contents p.page-main-text, .page-contents figure { font-size: 19.1952px }
.list-astarisk li, ul.btn-list+p { font-size: 15.996px }
}
@media screen and (min-width: 736px) {
.page-contents,.page-contents p { font-size: 25.51458px }
.page-contents p.page-main-text, .page-contents figure { font-size: 28.2623px }
.list-astarisk li, ul.btn-list+p { font-size: 23.551px }
}

#main_v{width: 100%;}
#dcc-official-link { color:#168de2; border:solid 1.2px; padding:2% 0;  margin-top:40px; margin-bottom:6%; margin-left:auto; margin-right:auto; width:90%; display: inline-block; position: relative; text-align: center;}
#dcc-official-link:after { display: block; position: absolute; top: 50%; right: .7em; width: .5em; height: .5em; margin-top: -.27em; border-top: solid 2px rgba(255,255,255,0.8); border-right: solid 2px rgba(255,255,255,0.8); -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "" }
#dcc-official-link:hover { background-color:rgba(255,255,255,0.1); text-decoration:none}

a.dcc { display: block;}
.bg_movie { padding: 4%; /*background: url(../images/bg_dcc2018.png) no-repeat left top;*/ background-size: cover;}


/*a#dcc-project-link { color:#000; border:1px solid #168de2; background-color:#168de2; padding:2% 0; margin-bottom:12%; margin-left:auto; margin-right:auto; margin-bottom:6%; width:75%; display: inline-block; position: relative; text-align: center;}
a#dcc-project-link:after { display: block; position: absolute; top: 50%; right: .7em; width: .5em; height: .5em; margin-top: -.27em; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "" }
a#dcc-project-link:hover { background-color:#FFFF5C; text-decoration:none}*/

#dcc-report { color:#FFF; background-color:#168de2; padding:1.5% 0; margin-left:auto; margin-right:auto; margin-bottom:4%;margin-top: 12%; width:100%; display: inline-block; position: relative; text-align: center; font-size: 16px;}

.movie {background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(224, 244, 255, 1) 4px, rgba(224, 244, 255, 1) 5.5px ); margin:0 auto; text-align: center; padding-bottom: 40px; width:100%;}
.movie h1{font-size:22px; font-weight: bold; color:#ffffff; background-color:#168de2; width:100%; height:50px; padding-top:15px; text-align: center; margin-bottom: 50px;}
/*.movie h4{display:flex; align-items:center;justify-content: flex-start; padding:4% 0 4% 0%;}*/


.gallery h4{display:flex; align-items:center;　justify-content: flex-start; padding:4% 0 4% 0%;}

.movie-container {padding:0 4%;}

.photos-container{padding:0 4% 0;}

a#ceremony_link{color:#ffffff; font-weight: bold; background-color: #168de2; padding:2% 0; margin-bottom:6%; margin-left:auto; margin-right:auto;margin-top:10%; width:90%; display: inline-block; position: relative; text-align: center;}

a#report_link{color:#ffffff; font-weight: bold; background-color: #168de2; padding:2% 0; margin-bottom:3%; margin-left:auto; margin-right:auto;margin-top:0; width:90%; display: inline-block; position: relative; text-align: center;}

a#dcc-official-link1{color:#168de2; border:solid 1.2px;  border-color: #168de2; padding:2% 0; margin-left:auto; margin-right:auto;margin-top:40px; width:90%; display: inline-block; position: relative; text-align: center;}

a#dcc-report-link2{color:#fff; border:solid 1.2px;  border-color: #168de2;  background-color: #168de2;padding:2% 0; margin-top:40px; margin-bottom:40px; margin-left:auto; margin-right:auto; width:90%; display: inline-block; position: relative; text-align: center;}

a.dcc-report-link3{color:#fff; border:solid; border-color: #168de2; background-color:#168de2;  border-radius:5px; padding:1% 0; margin-top:20px; margin-right:auto; margin-bottom: 20px; width:100%; display: inline-block; position: relative; text-align: center; font-size: 13px; font-weight:bold; vertical-align: bottom;}

a#dcc-report-link4{color:#fff; margin-right:auto; width:100%; display: inline-block; font-size: 15px; font-weight:bold; vertical-align: bottom;}
.font_size { font-size: 17px; text-align: left;
}

.lead { line-height: 1.8;
	width: 90%; margin: 0 auto 5%; font-size: 13px; }
.lead span { font-weight: bold; }
.lead dl { margin-bottom: 1%; }
.lead dt { margin-bottom: 1%; font-size: 16px; font-weight: bold; color:  #ff0707; line-height: 1.8;}


.tokyo-headline-link {
	border: 1px solid #333333;
	width: 27em;
	min-height: 8em;
	padding: 4%;
	margin: 20px auto 0;
	text-align: left;
}

.tokyo-headline-link dt {
	/*position: relative;*/
    /*left: -122px;*/
}

.tokyo-headline-link dd {
	margin-top: -90px;
	margin-left: 80px;
	font-size: 13px;
	color: #333333;
}

.tokyo-headline-link dd p {
	text-align: left;
}

.overview {
	color:#FFF;
	background-color:#168de2;
	padding: 1em 0 0.5em;
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	/*padding: 10px 10px;*/
	/*display: inline-block;*/
}


.overview dl {
    margin: 0 auto;
	display: inline-block;
}

.overview dt {
    /*display: inline-block;*/
    /*margin-right: auto;*/
    font-size: 15px;
    font-weight: bold;
	width: 6em;
}

.overview dd {
	/*display: inline-block;*/
    margin-left: 5em;
    /*margin-right: auto;*/
    font-size: 18px;
    font-weight: bold;
    margin-top: -1.7em;
    width: 12em;
}


.category {
	width: 337.5px;
	margin: 20px auto 50px;
}

.category .wrapper {
	width: 250px;
	background-image: linear-gradient(-45deg, #fff 25%, #c3e3f9 25%, #c3e3f9 50%, #fff 50%, #fff 75%, #c3e3f9 75%, #c3e3f9);
    background-size: 5px 5px;
    padding: 10px;
	margin: auto;
}

.category .wrapper:first-child {
	margin-bottom: 20px;
}

.category dl {
	background-color: #ffffff;
	margin-bottom: 0;
}

.category dt {
	border-bottom: 1px solid #168de2;
	margin: 0 30px 0;
	padding-bottom: 10px;
}

.category dt h4 {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #168de2;
	padding: 15px 0 0;
	margin-bottom: 0;
}

.category dt h4 span {
	color: #fff;
    text-shadow: 1px 1px 0 #168de2, -1px 1px 0 #168de2, 0 0 #168de2, -1px -1px 0 #168de2, 1px 0 0 #168de2, 0 1px 0 #168de2, -1px 0 0 #168de2, 0 -1px 0 #168de2;
}

.category dt .team {
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin: 8px auto 15px;
	width: 10em;
	border-radius: 90px;
	background-color: #000000;
}

.category dd {
	min-height: 54px;
	padding: 15px 30px;
	line-height: 1.5;
}

.category dd ul {
	margin-top: 15px;
	font-size: 12px;
	text-align: left;
}

.category dd li {
	text-indent: -1em;
	padding-left: 1em;
}

.text-center { margin-bottom: 0;}

.report{background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(224, 244, 255, 1) 4px, rgba(224, 244, 255, 1) 5.5px ); margin:0 auto; text-align: center; padding-bottom: 40px; width:100%;}

.report h2{margin:0 auto; text-align: center; font-size:20px; font-weight: bold; width:100%; height:50px; padding-top:15px; margin-bottom:20px; background-color: #168de2; color:#ffffff;}
.report img{width:90%; margin-top:25px;margin-bottom:25px;text-align: center;}
.report p{margin: 0 auto; width:90%; font-size:14px; text-align: justify;}

.event_outline {margin:0 auto; background-color:#ffffff; border:1px solid #d6d6d6; width:80%; height:auto; padding:35px 0 40px 0; }
.event_outline h4{font-size:16px; font-weight: bold; margin:0 auto;text-align: center;}
.event_outline h3{font-size:18px; font-weight: bold; margin-top:10px;text-align: center;}
.event_outline p {margin-bottom:30px; text-align: center;}

.c_award{ margin:0;text-align: center; }
.c_award h1{font-size:22px; font-weight: bold; color:#ffffff; background-color:#168de2; width:100%; height:50px; padding-top:15px; text-align: center;}
.c_award h2{font-size:18px; font-weight: bold; margin:40px 0 5px 0; text-align: center;}
.c_award p{width:90%;   margin: 0 auto; margin-bottom:10px; font-size:14px; text-align: left; }
.c_award img{width:90%; margin:0 auto; padding-top:10px; text-align: center;}

.center-text p {
	text-align: center;
}

.button{margin:0 auto; text-align: center; background-color:#6baccf; width:90%; height:40px; padding-top:8px;}
.button a{color:#ffffff; font-size:16px; text-decoration: none;}