@charset "UTF-8";
/*======================-
general
======================-*/
html[lang="ja"] body {
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳ\ Ｐゴシック,Osaka,sans-serif;
}

html.ja body {
    font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,verdana,ＭＳ\ Ｐゴシック,Osaka,sans-serif;
}


html[lang="en"] body {
    font-family: "Myriad Pro","Myriad Pro Web","Droid Sans","Helvetica","Arial","HiraKakuProN-W3","HiraKakuPro-W3","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","ＭＳ\ Ｐゴシック","MS PGothic",sans-serif;
}

html.en body {
    font-family: "Myriad Pro","Myriad Pro Web","Droid Sans","Helvetica","Arial","HiraKakuProN-W3","HiraKakuPro-W3","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","Lucida Grande","Lucida Sans","Lucida Sans Unicode","Trebuchet MS","ＭＳ\ Ｐゴシック","MS PGothic",sans-serif;
}

.wp5 {width:5% !important;}
.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp100 {width:100% !important;}
/*======================-
layout
======================-*/.l-wrapper {
	overflow: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.l-main-block {
	height: 100%;
	width: 100%;
}

.l-main-block__first {
	margin-top: 80px;
	position: relative;
}

.l-popup {
	background: rgba(255,255,255,0.6);
	width: 100%;
}
.l-popup a {
	display: block;
	text-decoration: underline;
	font-weight: bold;
	color: #002063;
}

.l-popup.l-back__gray {
	display: block;
	margin-top: 20px;
	background: none;
	text-align: center;
}
.l-popup.l-back__gray .p-popup__link {
	display: inline-block;
	padding: 1em;
	color: #002063;
	font-weight: bold;
	line-height: 1.5;
	background: #f3f3f3;
}
.l-popup.l-back__gray .p-popup__link a {
	text-decoration: underline;
}
@media (min-width: 1025px) {
	.res-tab-block {
		display: none;
	}
}
@media (max-width: 1024px) {
	.l-popup.l-back__gray .p-popup__link {
		display: block;	
	}
}

.l-topcis {
	height: 100%;
	width: 100%;
}

.l-topcis__inner {
	margin: 30px auto 0;
	max-width: 1280px;
	padding: 20px;
}

.l-countdown-2020 {
	width: 100%;
	margin-top: 0;
}

.l-countdown-2020__inner {
	align-items: center;
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	margin: 0 auto;
	max-width: 1280px;
	padding: 20px;
}

.l-countdown-2020__inner--olympic,
.l-countdown-2020__inner--paralympic {
	padding: 0 20px;
}
.l-countdown-2020__inner li:last-child {
	border-bottom: none;
}

.l-countdown-2020__inner--tokyo {
	border-left: 1px solid #3aa9d6;
	border-right: 1px solid #3aa9d6;
	padding: 0 80px;
}

.hbhf-countdown-2020 {
  padding: 40px 10px;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_inner {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_link {
  color: #002063;
  display: block;
  padding: 20px;
  position: relative;
  text-decoration: none;
  border: 2px solid #002063;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_link:hover,
.hbhf-countdown-2020 .hbhf-countdown-2020_link:focus {
  text-decoration: none;
  opacity: .6;
  transition: .2s;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_banner {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_banner_text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-around;
  padding-left: 20px;
  border-left: 1px solid #999;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_banner_list {
font-size: 0;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_olympic,
.hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_paralympic {
  font-size: 1.6rem;
  line-height: 1.2;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_olympic span,
.hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_paralympic span {
  color: #1372ea;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0 5px;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_lead {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  margin-right: 20px;
  position: relative;
  line-height: 1;
}

.hbhf-countdown-2020 .hbhf-countdown-2020_lead:after {
  content: "";
  border-top: 2px solid #002063;
  border-right: 2px solid #002063;
  position: absolute;
  height: 7px;
  width: 7px;
  transform: rotate(45deg);
  top: 3.5px;
  right: -20px;
}

.l-contentsbox {
	padding: 40px 10px;
	width: 100%;
}

.l-contentsbox__inner {
	margin: 0 auto;
	max-width: 1280px;
}

.l-contentsbox__inner__air {
/*	padding: 20px 10px 0 10px; */
	padding: 0px 10px 0 10px;
}

.l-contentsbox__inner__vision {
	padding: 0 10px;
}

.l-back--air {
	background: url(/tokyo2020/tokyo2020_images/pc_air_back.jpg) no-repeat left bottom;
	background-size: cover;
	display: block;
	height: 0;
	padding: 0;
	padding-bottom: 50%;
}

.l-back--air--en {
	background-size: 100% 100%;
	height: 100%;
	padding-bottom: 0;
}

.l-back--vision {
	background: url(/tokyo2020/tokyo2020_images/pc_air_back.jpg) no-repeat;
	background-size: 100% 100%;
	height: 100%;
}

.l-back__gray {
	background: #f3f3f3;
}

.l-back__white {
	background: #fff;
}

.l-back__blue {
	background: #002063;
}

.l-contents--tvBanner a img {
	width: 100%;
}

.bottomBanner {
	text-align: center;
}

.bottomBanner a {
	display: inline-block;
	margin-bottom: 20px;
}

.bottomBanner a:last-child {
	margin-bottom: 0;
}

.l-header {
	background: #002063;
	position: fixed;
	width: 100%;
	z-index: 4;
}

.l-header__inner {
	align-items: center;
	display: flex;
	height: 80px;
	justify-content: space-between;
	margin: 0 auto;
	padding: 0px 20px;
	width: 100%;
	max-width: 1280px;
}

.l-header__spinner {
	display: none;
}

.p-header-secondinner img {
	width: 100%;
}

header .u-pconly {
	display: block;
}

header .u-sponly {
	display: none;
}

.select_lang {
  width: 160px;
}

.select_lang ul {
  display: table;
  width: 100%;
  font-size: 1.4rem;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.select_lang li {
  display: table-cell;
  width: 50%;
  font-size: 1.3rem;
}

.select_lang .selectBg {
  background: #fff;
  box-shadow: 0 2px 6px 1px #363636;
  border-radius: 4px;
  color: #002063;
  font-weight: bold;
}

.select_lang li a {
  display: block;
  color: #fff;
  padding: 6px 0;
  text-decoration: none;
  line-height: 1;
}

.l-footer {
	height: auto;
	position: relative;
	width: 100%;
}

.l-footer--lower {
	background: #002063;
	font-size: 1.2rem;
	position: relative;
}

.l-footer--lower__inner {
	margin: 0 auto;
	max-width: 1280px;
	padding: 20px 10px;
}

/*======================-
object
======================-*/
.c-h2heading {
	color: #fff;
	display: block;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.c-h2heading span[lang],
.p-topics__heading--label span[lang] {
	font-weight: inherit;
}

.c-h2heading--blue {
	color: #002063;
}

.c-headinglead {
	display: block;
	line-height: 1.7;
	text-align: center;
}

.c-headinglead--left {
	padding: 0 20px;
	text-align: left;
}

.c-headinglead--white {
	color: #fff;
}

.c-h2heading--margin {
	padding: 40px 0;
}

.c-h2heading--margin--rft {
	padding: 25px 0;
}

.c-headinglead--vision {
	padding: 10px 20px;
}

.c-h3heading {
	color: #333;
	font-size: 2rem;
	font-weight: bold;
	margin: 30px 20px;
	text-align: center;
}

.c-linkblock {
	display: block;
}
.c-linkblock:hover .c-link-under,
.c-linkblock:focus .c-link-under {
	text-decoration: underline;
}
.c-link-icon {
	position: relative;
	padding-left: 23px;
}
.c-link-icon:before {
	content: " ";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	top: 3px;
	left: 0;
	background: url("/tokyo2020/images/arr_icon_2.png") no-repeat;
}
.c-link-icon--white:before {
	background: url("/tokyo2020/images/arr_icon_3.png") no-repeat;
}

.c-btn {
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 360px;
	text-decoration: none;
}

.c-btn {
	display: block;
	font-size: 1.8rem;
	padding: 15px 20px;
}

.c-btn:hover,
.c-btn:focus {
	background: rgba(255, 255, 255, 1);
	transition: .2s;
	text-decoration: none;
	color: #002063!important;
}

.c-btn .blank,
.c-btn .blank {
	padding: 0 2px;
}
.c-btn:hover.c-btn__back--thingray .blank,
.c-btn:focus.c-btn__back--thingray .blank {
	background: rgba(255, 255, 255, 1);
}



.c-btn--center {
	display: block;
	margin: 30px auto;
	text-align: center;
}

.media-wrap .thum-wrap .text .c-btn--center {
	margin: 0 auto;
}

.c-btn__back--gray {
	background: #40515f;
	color: #fff !important;
}

.c-btn__back--thingray {
	background: #e7e8ec;
	color: #002063 !important;
}

.c-btn__back--blue {
	background: #26417a;
	color: #fff !important;
}

.c-white__arrow {
	position: relative;
}

.c-white__arrow:after {
	border: 1px solid #fff;
	border-bottom: none;
	border-left: none;
	bottom: 0;
	content: "";
	height: 7px;
	margin: auto 0;
	position: absolute;
	right: 15px !important;
	top: 0;
	transform: rotate(45deg);
	width: 7px;
}
.c-btn.c-white__arrow:hover:after,
.c-btn.c-white__arrow:focus:after {
	border: 1px solid #002063;
	border-bottom: none;
	border-left: none;
}

.c-blue__arrow {
	position: relative;
}

.c-blue__arrow:after {
	border: 1px solid #002063;
	border-bottom: none;
	border-left: none;
	bottom: 0;
	content: "";
	height: 7px;
	margin: auto 0;
	position: absolute;
	right: 15px !important;
	top: 0;
	transform: rotate(45deg);
	width: 7px;
}
.c-btn.c-blue__arrow:hover:after,
.c-btn.c-blue__arrow:focus:after {
	border: 1px solid #fff;
	border-bottom: none;
	border-left: none;
}

.c-arrow--down::after {
	transform: rotate(133deg);
}

.c-btn__border--white {
	border: 2px solid #fff;
}

.c-btn__border--blue {
	border: 2px solid #002063;
}

.c-btn.c-btn__border--blue:hover,
.c-btn.c-btn__border--blue:focus {
	background: #002063;
	color: #fff!important;
}

.fadeInDown {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}

.c-flexgrid {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	padding: 30px 0;
}

.c-flexgrid a {
	text-decoration: none;
}

.c-flexgrid a:hover,
.c-flexgrid a:focus {
	opacity: .6;
	transition: .2s;
}

.c-flexgrid__item {
	min-width: 0;
	padding: 0 10px;
	text-align: center;
}

.c-flexgrid__item img {
	width: 100%;
	max-width: 380px;
}

.c-flexgrid__text {
	color: #002063;
	line-height: 1.7;
	margin-top: 10px;
	text-align: left;
}

.c-flexgrid__text--white {
	color: #fff;
}

.c-flexgrid__text--white {
	color: #fff;
}

.c-flexgrid .c-flexfrid__text--width {
	max-width: 380px;
}

.c-flexgrid__item--modifeir {
	border: 1px solid #ccc;
}

.c-flexgrid--modifeir {
	flex-wrap: wrap;
}

.c-flexgrid--modifeir::after {
	content: "";
	display: block;
	padding: 0;
	width: 28%;
}

.c-flexgrid--modifeir a {
	color: #333 !important;
	display: block;
}

.c-flexgrid--modifeir__item {
	background-color: white;
	border: 1px solid #ccc;
	margin: 20px 0px;
	max-width: 28%;
	padding: 0;
	position: relative;
}

.c-flexgrid--modifeir__item__inner {
	padding: 10px 10px 25px;
	text-align: left;
}

.c-flexgrid--modifeir__item__date {
	font-size: 2rem;
	margin-bottom: 20px;
}

.c-flexgrid--modifeir__item__text {
	line-height: 1.7;
	overflow: hidden;
}

.c-flexgrid--modifeir__item--border {
	background-image: linear-gradient(-45deg, #002063 15px, transparent 0px);
}

.c-flexgrid--entop::after {
	content: "";
	display: block;
	padding: 0;
	width: 28%;
}

.c-flexgrid--entop__item {
	max-width: 28%;
	width: 28%;
}

.p-header-globalnavigation {
	margin: 0 10px;
  line-height: 1;
}

.p-header__logo img {
width: 120px;
}

.p-header-navigation__item {
	border-left: 1px solid #fff;
	display: table-cell;
}

.p-header-navigation__item:first-child {
  border-left: none;
}

.p-header-navigation__link:hover,
.p-header-navigation__link:focus {
	background: rgba(255, 255, 255, .2);
}

.p-header-navigation__item--active .p-header-navigation__link {
	background: rgba(255, 255, 255, .3);
}

.p-header-navigation__link {
	color: #fff !important;
	display: block;
	font-size: 1.8rem;
	padding: 15px 20px;
	text-decoration: none;
}

.p-header-navigation__link:hover,
.p-header-navigation__link:focus {
	text-decoration: none;
}

.p-header-lang-ijclogo {
	padding: 10px 0;
	position: relative;
}

.p-header-lang-ijclogo__lang {
	display: inline-block;
	vertical-align: middle;
}

.p-header-lang-ijclogo .p-header-lang-ijclogo__link {
	color: #fff !important;
	font-size: 1.8rem;
	text-decoration: none;
}
.p-header-lang-ijclogo .p-header-lang-ijclogo__link:hover,
.p-header-lang-ijclogo .p-header-lang-ijclogo__link:focus {
	text-decoration: underline;
}

.p-header-lang-ijclogo__image {
	display: inline-block;
	margin-left: 40px;
	vertical-align: middle;
}

.p-header__arrow {
	display: inline-block;
	padding-left: 20px;
	position: relative;
}

.p-header__arrow:before {
	border: 0;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	content: "";
	height: 6px;
	left: 0;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}

.p-main-block__centertext {
	position: absolute;
}

#playerWall {
	background-color: #fff;
	border: none;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}

.p-movie--content {
	display: block;
	margin: 0 auto;
	max-width: 1280px;
	padding: 0 100px;
	position: relative;
	z-index: 3;
}

.p-movie--content__inner {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.p-movie--content__caption {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 20%;
}

.p-movie--content__caption img {
	display: block;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	width: 70%;
}

.p-carousel--content {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 3;
}

.p-carousel--content__inner {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.p-carousel--content__caption {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 52%;
}

.p-carousel--content__caption img {
	display: block;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	width: 70%;
}

#player {
	display: inline-block;
}

.p-sp--mainblock {
	display: none;
}

.p-movie--content__inner iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-topics {
	position: relative;
}
.p-topics__heading {
	display: inline-block;
	width: 15%;
	vertical-align: middle;
}
.p-topics__heading--label {
	display: flex;
	color: #cf3600;
	font-size: 2.8rem;
	font-weight: bold;
}
.p-topics__heading--label:before,
.p-topics__heading--label:after {
	content: "-";
}
.p-topics__heading--label:before {
	margin-right: 0.5em;
}
.p-topics__heading--label:after {
	margin-left: 0.5em;
}

.p-topics__accordion {
	display: inline-block;
	margin-left: 3%;
	vertical-align: middle;
	width: 75%;
}

.p-popup__link {
	display: block;
	padding: 20px 0;
	text-align: center;
}

.p-popup__link a {
	color: #16015c;
	text-decoration: none;
}

.p-popup__link a:hover,
.p-popup__link a:focus {
	text-decoration: underline;
}

.p-popup__link--arrow {
	padding-left: 20px;
	position: relative;
}

.p-popup__link--arrow a:after {
	border: 0;
	border-right: solid 2px #16015c;
	border-top: solid 2px #16015c;
	content: "";
	height: 6px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 6px;
}

.p-accordion__item {
	border-bottom: 1px dotted #ccc;
	padding: 0;
}

.p-accordion__item__date {
	display: inline-block;
	margin-right: 1.5rem;
	width: 10rem;
	font-weight: bold;
	vertical-align: top;
}

.p-accordion__item__text {
	display: inline-block;
	color: #002063;
	text-decoration: underline;
	width: calc(100% - 18rem);
	padding-left: 6.5rem;
}
.p-accordion__item__new-icon {
	background: #e80000;
	border-radius: 4px;
	width: 5rem;
	display: inline-block;
	text-align: center;
	margin-right: 1.5rem;
	font-size: 1.4rem;
	vertical-align: middle;
	color: #fff;
	margin-bottom: 2px;
}

.p-accordion__item__text .p-accordion__item__new-icon {
	margin-left: -6.5rem;
}

.p-accordion__link {
	color: #333!important;
	font-size: 1.4rem;
	text-decoration: none;
	padding: 0;
	padding-right: 25px;
	display: block;
	line-height: 1.5;
	position: relative;
}

.p-accordion__link:hover .p-accordion__item__text {
	text-decoration: none;
}

.p-accordion__link:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: auto;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.p-accordion__item.not-link{
	color: #333!important;
	font-size: 1.6rem;
	padding-right: 25px!important;
	line-height: 1.5;
}

.p-accordion__link:hover {
	text-decoration: none;
}
.p-accordion__link:hover:after,
.p-accordion__link:focus:after {
	border-color: #002063;
}

.p-accordion__link:hover,
.p-accordion__link:focus {
	color: #002063!important;
}

.p-accordion .p-accordion__item {
	border-bottom: 1px dotted #ccc;
	padding: 15px 0;
	display: none;
}

.p-accordion .p-accordion__item:nth-child(-n+2) {
	display: block;
}

.p-accordion.is-active .p-accordion__item {
	display: block!important;
}

.p-wrapicon_plus-minus {
	background: #636363;
	border: 1px solid #636363;
	cursor: pointer;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
}
.p-wrapicon_plus-minus:hover,
.p-wrapicon_plus-minus:focus {
	background: #767676;
	border: 1px solid #636363;
}

.p-wrapicon_plus-minus-inner {
	display: block;
	position: relative;
	padding: 20px;
	margin: auto;
	width: 20px;
}

.p-icon_plus {
	display: block;
	position: relative;
}
.p-icon_minus {
	display: none;
	position: relative;
}

.p-icon_plus:after, .p-icon_plus:before,
.p-icon_minus:after, .p-icon_minus:before {
	background-color: #fff;
	content: "";
	display: block;
	position: absolute;
}
.p-icon_plus:after {
	height: 4px;
	left: -10px;
	top: -2px;
	width: 20px;
}
.p-icon_plus:before {
	height: 20px;
	left: -2px;
	top: -10px;
	width: 4px;
}
.p-icon_minus:after {
	height: 4px;
	left: -10px;
	top: -2px;
	width: 20px;
}

.p-wrapicon_plus-minus.active .p-icon_plus {
	display: none;
}
.p-wrapicon_plus-minus.active .p-icon_minus {
	display: block;
}

.p-countdown__text {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: bottom;
}

.p-countdown__text span {
	color: #3aa9d6;
	font-size: 2.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 20px;
}

.p-countdown__center {
	color: #3aa9d6;
	font-size: 4rem;
}

.p-back--air__text {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.7;
	margin-bottom: 20px;
	padding-left: 15%;
}

.p-back--air__text--first {
/*	padding-top: 5%; */
	padding-top: 0%;
}

.p-back--air__bold {
	font-size: 2rem;
}

.p-back--vision__text {
	color: #fff;
	display: blok;
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: center;
	background: rgba(0, 13, 39, .5);
	margin: 0 15%;
	padding: 30px;
}

.p-sp--slider a {
	color: #002063 !important;
	text-decoration: none !important;
}

.p-slick {
	margin-top: 30px;
}

.p-slick .slick-track {
	display: flex !important;
}

.p-slick .slick-slide {
	margin: 0 10px;
	height: auto;
	background: #fff;
}

.p-slick .slick-slide > div {
	height: 100%;
}

.p-slick-item {
	background: #fff;
	display: flex !important;
	flex-direction: column;
	height: 100%;
}
.p-slick-item a {
	transition: .2s;
	text-decoration: none;
	flex-shrink: 0;
}
.p-slick-item a:hover,
.p-slick-item a:focus {
	opacity: 0.7;
}


.p-slick--caption {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px 10px 10px;
	position: relative;
	height: 100%;
}

.p-slick--caption h3 {
	font-size: 1.6rem;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0;
}
.p-slick--caption h3 span {
	position: relative;
	padding-left: 25px;
}
.p-slick--caption h3 span:before {
	background: url(/tokyo2020/images/arr_icon_2.png) no-repeat;
	content: " ";
	display: block;
	height: 15px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 15px;
	margin-top: -8px;
}

.p-slick--caption p {
	font-size: 1.4rem;
	margin-top: 10px;
	line-height: 1.5;
	text-decoration: none;
}
.p-slick-item a:hover .p-slick--caption h3,
.p-slick-item a:focus .p-slick--caption h3 {
	text-decoration: underline;
}

.p-slick--caption .p-slick--caption-link {
	text-align: right;
}

.p-slick--caption .p-slick--caption-link a {
	display: inline-block;
}

.p-back--footer__snsicon {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 52%;
}

.p-back--footer__snsicon__item {
	display: inline-block;
	vertical-align: middle;
}

.p-back--footer__snsicon__item a {
	display: block;
}

.p-back--footer__snsicon__item:first-child {
	padding-right: 20px;
}

.p-back--footer__snsicon__item:nth-child(2) {
	padding-left: 20px;
}

.p-footer--lower__link ul{
	display: flex;
	flex-direction: row;
	margin-right: -15px;
	font-size: 0;
	align-items: center;
}

.p-footer--lower__link ul li {
	display: inline-block;
	margin-right: 15px;
	font-size: 1.2rem;
}

.p-footer--lower__link a {
	color: #fff !important;
}

.p-footer--lower__link a:hover,
.p-footer--lower__link a:focus {
	text-decoration: none;
}

.p-footer--lower__star:hover,
.p-footer--lower__star:focus {
	outline-color: #fff;
}

.p-footer--lower__copy, .p-footer--lower__link {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.p-footer--lower__link {
	justify-content: flex-end;
}

.p-actions--read {
	color: #002063;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2.0;
}
/* For modern browsers */.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}/* For IE 6/7 (trigger hasLayout) */.cf {
	zoom: 1;
}

.u-basefont {
	color: #fff !important;
}

.u-image-center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.u-image-right {
	display: block;
	text-align: right;
}

.u-image-left {
	display: block;
	text-align: left;
}

.u-text-center {
	display: block;
	line-height: 1.7;
	margin: 0 auto;
	text-align: center;
}

.u-hover__animation:hover,
.u-hover__animation:focus {
	opacity: .6;
	transition: .2s;
}

.u-margin {
	display: block;
	margin: 30px 0;
}

.u-img100 {
	width: 100%;
}

.u-pt0 {
	padding-top: 0 !important;
}

.u-pb0 {
	padding-bottom: 0 !important;
}

.u-mt0 {
	margin-top: 0 !important;
}

.u-p0 {
	padding: 0 !important;
}

.u-link__none {
	pointer-events: none;
}

.u-pconly {
	display: block;
}

.u-sponly {
	display: none;
}

.js-more--contents {
	display: none;
}

.js-more--contents__item {
	margin-top: 0;
}

.js-p-accordion {
	display: none;
}
.banner-blank {
	position: relative;
}
.banner-blank .blank {
	display: block;
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 23px;
	height: 23px;
	background: #fff;
	padding: 5px;
	font-size: 1.4rem;
	line-height: 1;
}
.blank {
	display: inline-block;
	margin-left: 5px;
}
.blank img {
	vertical-align: middle;
	width: auto!important;
	max-width: 100%!important;
}
.c-h2heading-logo {
  margin-top: 88px;
  position: relative;
}
.c-h2heading-logo .joc_logo {
    display: block;
    position: absolute;
    right: 0;
    top: -88px;
}
.joc-text {
  margin-top: 16px;
  display: block;
  font-size: 0.8em;
  line-height: 1.2;
}
.p-accordion .p-accordion__item .joc-text {
  color: #666;
  text-align: right;
}

/*======================-
media
@media (max-width: 768px)
======================-*/
@media (max-width: 1026px) {
	.l-back--air {
		padding-bottom: 65%;
	}

	.l-back--air--en {
		padding-bottom: 0;
	}

}

@media (max-width: 1024px) {

	header .p-header__splogo {
		padding: 20px 0;
	}

	header .u-pconly {
		display: none;
	}

	header .u-sponly {
		display: block;
	}

	header + .u-pconly {
		display: none;
	}

	.l-header {
		position: relative;
	}

	.l-header__inner {
		display: none;
	}

	.l-header__spinner {
		display: flex;
		display: block;
		height: 100%;
		justify-content: space-between;
		padding: 0px 10px;
	}
}

@media (max-width: 1024px) {
	.l-main-block__first {
		margin-top: 0;
	}

	.l-topcis .l-topcis__inner {
		margin: 0;
		padding: 20px 10px;
		width: 100%;
	}

	.l-countdown-2020__inner {
		padding: 0;
	}

	.l-countdown-2020__inner li {
		border-bottom: 1px solid #3aa9d6;
		margin: 10px 0;
		padding-bottom: 10px;
		width: 90%;
	}

	.l-countdown-2020__inner--tokyo {
		border-left: none;
		border-right: none;
		padding: 0;
		text-align: center;
	}

	.l-countdown-2020__inner {
		flex-direction: column;
	}
  .hbhf-countdown-2020 .hbhf-countdown-2020_banner {
    display: block;
  }

  .hbhf-countdown-2020 .hbhf-countdown-2020_banner_logo {
    text-align: center;
  }

  .hbhf-countdown-2020 .hbhf-countdown-2020_banner_text {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid #999;
    padding-top: 20px;
    margin-top: 20px;
    display: block;
    text-align: center;
  }

  .hbhf-countdown-2020 .hbhf-countdown-2020_banner_list {
    margin-right: -5%;
   }

  .hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_olympic, .hbhf-countdown-2020 .hbhf-countdown-2020_banner_list_paralympic {
    display: inline-block;
    width: 45%;
    margin-right: 5%;
    text-align: center;
    vertical-align: top;
   }

  .hbhf-countdown-2020 .hbhf-countdown-2020_lead {
    margin-right: 0;
    margin-top: 20px;
    display: inline-block;
  }

	.hbhf-countdown-2020 .hbhf-countdown-2020_inner {
		max-width: 600px;
	}

	.l-back--air {
		background: url(/tokyo2020/tokyo2020_images/sp_air_back_02.jpg) no-repeat;
		background-size: 100% 100%;
		height: 100%;
		padding-bottom: 75%;
	}

	.l-back--vision {
		background: url(/tokyo2020/tokyo2020_images/sp_air_back_02.jpg) no-repeat;
		background-size: 100% 100%;
		height: 100%;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}

	.RF-langsns {
		align-items: center;
		display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -moz-flex;
		display: -webkit-flex;
	}

	.l-footer--lower__inner {
		max-width: 100%;
		padding: 10px;
	}

	.c-h2heading {
		font-size: 2.5rem;
	}

	.c-headinglead--left {
		padding: 0 10px;
	}

	.c-btn {
		width: 100%;
	}

	.c-flexgrid {
		flex-direction: column;
	}

	.c-flexgrid__item {
		margin-bottom: 20px;
	}

	.c-flexgrid__item img {
		max-width: 100%;
	}

	.c-flexgrid .c-flexfrid__text--width {
		max-width: 100%;
		width: 100%;
	}

	.c-flexgrid--modifeir {
		flex-wrap: nowrap;
	}

	.c-flexgrid--modifeir__item img {
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
	}

	.c-flexgrid--modifeir__item {
		max-width: 100%;
	}

	.c-flexgrid--modifeir__item__inner {
		display: inline-block;
		padding: 10px 5px 5px;
		vertical-align: top;
		width: 50%;
	}

	.c-flexgrid--modifeir__item__date {
		display: none;
	}

	.c-flexgrid--entop__item {
		max-width: 100%;
		width: 100%;
	}

	.p-movie--content {
		display: none;
	}

	.p-carousel--content {
		padding: 0;
		width: 100%;
	}

	.p-sp--mainblock {
		display: block;
		width: 100%;
	}

	.p-sp--mainblock img {
		width: 100%;
	}

	.p-topics .p-topics__heading {
		display: block;
		margin-left: 0;
		margin-top: 0;
		text-align: center;
		width: 100%;
	}
	.p-topics__heading--label {
		display: block;
	}
	.p-topics .p-topics__accordion {
		margin-left: 0;
		width: 100%;
	}

	.p-popup__link a {
		display: inline-block;
		vertical-align: middle;
		width: 80%;
	}
	.l-popup.l-back__gray .p-popup__link a {
		display: block;
		width: auto;
	}

	.p-popup__link--arrow {
		padding-left: 0;
	}

	.p-popup__link--arrow a:after {
		display: inline-block;
		vertical-align: middle;
	}

	.p-accordion__item__date {
		display: block;
		width: 100%;
	}

	.p-accordion__item__text {
		margin-left: 0;
		width: 100%;
		padding-left: 0;
	}

	.p-accordion__item__text .p-accordion__item__new-icon {
		margin-left: 0;
	}

	.p-wrapicon_plus-minus {
		margin: 10px 0;
		position: relative;
		width: 100%;
	}

	.p-icon_plus-minus {
		display: block;
		margin: 0 auto;
		width: 10px;
	}

	.p-back--air__text {
		padding-left: 0;
	}

	.p-slick--caption {
		max-width: 100%;
	}

	.p-pc--movie {
		display: none;
	}

	.p-footer--lower__top {
		margin-bottom: 10px;
		text-align: center;
	}

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

	.p-footer--lower__copy, .p-footer--lower__link {
		flex-direction: column;
	}

	.p-footer--lower__link {
		margin-top: 0;
	}

	.p-footer--lower__link ul {
		margin-right: 0;
		flex-direction: column;
	}

	.p-footer--lower__link ul li {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.p-footer--lower__logo {
		padding-top: 10px;
	}

	.p-header__splogo {
		padding: 20px 0;
	}

	.p-header__splogo img {
		width: 232px;
	}

	.u-pconly {
		display: none;
	}

	.u-sponly {
		display: block;
	}

	.js-more--contents__item {
		margin-top: 20px;
	}

	.p-back--vision__text {
		width: 100%;
		margin: 0 auto;
	}
}

/*@media (min-width: 1025px) {
	.l-popup {
	display: none;
	}
}*/

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@media (max-width: 570px) {
	.joc-text{
		margin-top: 8px;
		font-size: 0.7em;
	}
	.p-back--footer__snsicon {
		top: 45%;
	}
}

.new_icon_bg{
position:absolute;
background:linear-gradient(to top left, rgba(255,255,255,0) 50%, #e80000 50.5%) no-repeat top left/100% 100%;
width: 60px;
height: 60px;
text-align: left;
}

.new_icon {
position: absolute;
transform: rotate(-45deg);
width: 75px;
height: 25px;
color: #fff;
}

.icon {
	display: inline-block;
	margin-left: 5px;
}

.icon a.move-info-modal-link img {
	max-height: 20px;
	height: auto;
	width: auto;
	vertical-align: middle;
}

/*pagetop*/
.js-pagetop {
  position: relative;
  z-index: 5;
}

.js-pagetop p {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.js-pagetop a {
  display: inline-block;
  background: #438dae;
  width: 55px;
}
.js-pagetop a:hover,
.js-pagetop a:focus {
  background: #7cb8d2;
}

.media-wrap {
	border-bottom: 0!important;
}

.media-wrap .text {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #232323;
	padding: 0 13px 0 22px;
	background: #fff;
	width: calc(100% - 360px);

}

/*
.media-wrap .text:before {
	content: " ";
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	top: 12px;
	left: 0;
	background: url("/tokyo2020/images/arr_icon_2.png") no-repeat;
}
*/
.media-wrap .thum {
	width: 360px;
}
.media-wrap .thum-wrap {
	margin-top: 25px;
}
.media-wrap .caption {
	color: #333;
}

.media-wrap .thum-wrap a img {
  -webkit-transition: .3s;
  transition: .3s;
}
.media-wrap .thum-wrap a:hover img,
.media-wrap .thum-wrap a:focus img {
  opacity: 0.7;
}
.media-wrap .thum-wrap a:hover .text,
.media-wrap .thum-wrap a:focus .text {
  text-decoration: underline;
}

.media-wrap .pc-link {
	display: block;
}
.media-wrap .sp-link {
	display: none!important;
}

@media (max-width: 1024px) {
	.media-wrap .thum {
		width: 100%;
	}
	.media-wrap .text {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.media-wrap .text {
		padding-right: 0;
		padding-left: 0;
	}
	.media-wrap .caption {
		padding-top: 8px;
	}

	.media-wrap .thum-wrap .text .c-btn--center {
		margin-top: 30px;
	}
}

@media (min-width: 0px) and (max-width: 570px) {
	.media-wrap .pc-link {
		display: none!important;
	}
	.media-wrap .sp-link {
		display: block!important;
	}

	.media-wrap .thum-wrap {
		margin-top: 15px;
	}

	.media-wrap .thum-wrap .box + .box {
		margin-top: 5px!important;
	}

	.p-slick-item {
		padding: 0;
	}
}

/* 190911フッターだし分けclass */
.lp-wrapper .l-footer .p-back--footer,
.lp-wrapper .l-footer .p-back--footer__snsicon,
.lp-wrapper .l-footer .js-pagetop,
.p-footer--lower__center {
  display: none;
}
.p-footer--lower__link a {
  color: #fff !important;
  text-decoration: underline;
}
.p-footer--lower__center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -9px auto 0;
  text-align: center;
}
.p-footer--lower__hbhf a {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.p-footer--lower__hbhf a:before {
  border: 0;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: "";
  height: 6px;
  left: 0;
  margin-top: -0.45em;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}
iframe + img[width="1"] {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width:1024px) {
  .p-footer--lower__center {
    margin: 0 0 10px;
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
  }
}

/* 210303 */

.c-h2heading img {
	margin-bottom: 20px;
}

.c-h2heading--margin {
	margin: 0 11%;
}

.c-h3heading .c-h3heading-underline {
	border-bottom: 1px solid #333333;
	font-weight: bold;
	line-height: 1.7;
}

.c-headinglead {
	text-align: left;
	font-size: 1.6rem;
	margin: 0 11%;
}

.c-headinglead-bold {
	font-weight: bold;
}

.vision-contents-image {
	width: 76%;
	margin: 50px auto;
}

@media (max-width: 768px) {
.vision-contents-image {
	width: 92%;
}
}

.res-movie-block {
	text-align: center;
}

.l-contentsbox__inner__pd {
    padding: 50px;
}

@media (max-width: 570px) {
.l-contentsbox__inner__pd {
    padding: 20px 10px;
}
	
.res-movie-block.youtube {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}
}

/* 210329 backnumber */

.bn-h1heading {
    color: #002063;
    display: block;
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

.bn-h1heading--margin {
    margin: 0 11%;
    padding: 40px 0 10px;
}

@media (max-width: 1024px) {
  .bn-h1heading {
  font-size: 3.5rem;
  }
}


.bn-h2heading {
    color: #002063;
    display: block;
    font-size: 3.6rem;
    font-weight: normal;
    line-height: 1.0;
    text-align: center;
}

.bn-h2heading--margin {
    margin: 0 11%;
    padding: 0 0 40px;
}

@media (max-width: 1024px) {
  .bn-h2heading {
  font-size: 3.2rem;
  }
}