@charset "utf-8";
/* CSS Document */


/*===========tokyo2020====================*/
/********reset seting*********/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}
img {border-style: none;}
a { overflow: hidden; outline: none;}
a:hover {text-decoration: none;color: #0ebccc;}
/* clearfix-------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix { display: inline-block; } */

/* reset */
.none{display:none;}
small {font-size: 80%;}

#tokyo2020 * {vertical-align: middle;list-style: none;text-decoration: none;}
#tokyo2020 {width: 100%; font-size: 16px;margin-bottom: 10%;font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", arial, helvetica, sans-serif;font-weight: 500;color: #111;}

/*** all*****************************************************/
.SPonly{display:none;}
.PConly{display:block;}
.SPonly{display: none\9;}
.PConly{display: block\9;}
.fa {margin-top: -1%;}
.mtp5 {margin-top: 5%;}
a.anchor {display: block; padding-top: 20px; margin-top: -20px;}
.tokyo2020_category p, .TYO_tokyo2020guide01 p, .TYO_tokyo2020guideGList li, .TYO_tokyo2020guideSList li {font-weight: 500;}

/* More Link */
.morebtn { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; text-decoration: none;margin: 2% auto;text-align: center; position: relative;width: 200px;font-family:'Arial', san-serif, -apple-system, BlinkMacSystemFont, Meiryo, "メイリオ";}


.morebtnT .jp{ font-size: 60%; position: absolute;width: 100%;top: 5%;left:0;font-weight: 500;}
.morebtnT { -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; box-sizing: border-box; display: inline-block; position: relative; min-width: 200px; padding: 10% 0 0% 0; border: #000 solid 2px; background: 0 0; color: #000; font-size: 140%; font-weight: 500; line-height: 1.5; text-align: center; vertical-align: top; letter-spacing: .08em; outline: 0; cursor: pointer;transition: .4s;}

.morebtnT:after, .morebtnT:before { -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; speak: none; font-style: normal !important; font-weight: 400 !important; font-variant: normal; text-transform: none; line-height: 1; text-decoration: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 5 Free";content: '\f30b'; /* アイコンのunicode */ position: absolute; top: 50%;
 margin-top: -1rem; font-size: 2.1rem}
.morebtnT:before { right: -1.2rem; color: #000}
.morebtnT:after { overflow: hidden; width: 1rem; right: 0; color: #fff; opacity: 0;}
.morebtnT:hover{background: #555; color: #fff;}

/*** color *****************************************************/
.bulueA {color: #004c9a;} .bulueB {color: #0183bd;} .bulueC {color: #68b2d5;}
.pinkA {color: #e72585;} .pinkB {color: #e25778;} .pinkC {color: #f4b3bb;}

/* font-family */
#TYO_PageTITLE .subT, #TYO_PageTITLE .subTP, #TYO_GameTITLE .subT, #TYO_GameTITLE .subTP {font-family:'Arial', san-serif, -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ";}


* TITLE下 (ロゴあり)
-------------------------------------------------------------*/
#TYO_tokyo2020Title {width: 100%; overflow: hidden;margin-bottom: 1%;}
#TYO_MainTITLE {width: 100%; position: relative; overflow: hidden; text-align: center;margin-bottom:1%;height: 110px;}
#TYO_MainTITLE h1 {background-image: url(../images/all/TITLE_jiji.comTokyo2020.png); background-repeat: no-repeat; background-position: left top; overflow: hidden;text-indent: 100%;white-space: nowrap;height: 105px; }

#TYO_Medalwaku {width: 440px; position: absolute;left: 120px; top:58px;height: 30px;}
#TYO_MainTITLE .updateAll {position: absolute;right: 120px; top:95px;font-size: 70%;}

/* info */
#TYO_kokuchi {width: 97%;margin-bottom: 3%;background-image: url(../images/all/img_TitleBottomBG.gif); background-repeat:repeat-x; background-position: left top;padding-top: 3%;padding-left: 20px;}
#TYO_kokuchi ul{ margin: 0; padding: 0;list-style: none;line-height: 170%;font-size: 90%;}
#TYO_kokuchi li{ padding: 0;margin: 0;font-size: 92%;}
#TYO_kokuchi li:before { font-family: "Font Awesome 5 Free"; content: '\f0c8';/*f0da*/ margin-right: 8px; color: firebrick; margin-left: -20px;}
#TYO_kokuchi li a{text-decoration: none;text-align: left;}

/*
* TITLE下 (all)
-------------------------------------------------------------*/
.Medalstep { list-style-type: none; display:table; width:100%; padding:0; margin:0; overflow:hidden; display: table;}
.Medalstep li{ display:table-cell; position:relative; background: #022164; padding: 0.8% 0 0% 2%; color: #fff;font-size: 14px;letter-spacing: 0;text-align: left;height: 30px;vertical-align: middle!important;line-height: 30px; }
.Medalstep li:last-child{ padding-right: 3%; text-align: right;}
.Medalstep li:last-child:before,.Medalstep li:last-child:after{ display:none;}
.Medalstep li:before,.Medalstep li:after{ content: ""; position: absolute; width: 0; height: 0; margin: auto;}
.Medalstep li:before{ top:-15px; right:-1em; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 32px 0 32px 1em; z-index: 10;}
.Medalstep li:after{ top:-15px; right:-.8em; border-style: solid; border-color: transparent transparent transparent #504944; border-width: 32px 0 32px 1em; z-index: 10;}
.Medalstep li.is-current{ background: #004c9a; padding-left: 5%; }
.Medalstep li.is-current:after{ border-color: transparent transparent transparent #004c9a;}
.Medalstep li .goldC {color: #fdd64b;}
.Medalstep li .FRGjpn{background-image: url(../images/joyfru/medal/ico_flagJP.gif); background-repeat: no-repeat; padding-left: 34px;margin-left: 4px;}
.Medalstep li .goldC {font-family: "Century Gothic", 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;font-weight: 500;font-size: 150%; margin: 0 5px; /*line-height:140%;*/}

.Medalstep li .goldMedal{background-image: url(../images/joyfru/medal/medal_icon_gold.svg); background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; color: #fdd64b;margin:0 5% 0 0%;background-size: 33%;}
.Medalstep li .silverMedal{background-image: url(../images/joyfru/medal/medal_icon_silver.svg); background-repeat: no-repeat; background-position: left 1px;padding-left: 19px; color: #d4d4d6;margin-right: 5%;background-size: 33%;}
.Medalstep li .copperCMedal{background-image: url(../images/joyfru/medal/medal_icon_copper.svg); background-repeat: no-repeat; background-position: left 1px; padding-left: 19px; color: #c57e41;background-size:33%;}
.Medalstep li .goldMedal, .Medalstep li .silverMedal, .Medalstep li .copperCMedal {font-family:'Arial',san-serif, Meiryo, "メイリオ";font-size: 150%;font-weight: 600;letter-spacing:0;}


/* MENU */
#TYO_tokyo2020Menu{width:100%;}
#TYO_tokyo2020Menu .MenuInner { width: 100%; height: 25px; padding-bottom: 1em; }
#TYO_tokyo2020Menu ul{ width: 670px; height: 25px; padding: 10px 0 5px 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f8f8f8;}
#TYO_tokyo2020Menu ul li{float:left; margin-right:10px;font-size: 95%;}
#TYO_tokyo2020Menu ul li:first-child{margin-right:10px;}
#TYO_tokyo2020Menu ul li:before{font-family: "Font Awesome 5 Free"; content: '\f111'; color: #0ebccc; font-size: 80%; margin-right: 5px;}
#TYO_tokyo2020Menu ul li a{ text-decoration:none;font-size:100%;/*display:block;*/}

/* TOP NEWS */
#tokyo2020TopNews {width: 100%; overflow: hidden;margin:5% 0 5% 0;}
.panel {display: block;padding-bottom: 20px;}

#tokyo2020TopNews .TopicsPhoto{padding:0;float:left;width:260px;height:auto;background:#004c9a;background-repeat: repeat; text-align: left;}
#tokyo2020TopNews .TopicsPhoto img{margin-bottom:5px;}
#tokyo2020TopNews .TopicsPhoto span{font-weight:bold;color: #fff;font-size: 90%;display: inline-block; padding-left: 2%;}
#tokyo2020TopNews .TopicsList{float:right;width:400px;}
#tokyo2020TopNews .TopicsList li{border-bottom:1px dotted #999;font-weight:bold;}
#tokyo2020TopNews .TopicsList li a{display:block;padding:8px 0px;font-weight:600;padding-left:5px;}
#tokyo2020TopNews .TopicsList li a:hover{background-color:#f5f5f5;}
#tokyo2020TopNews .TopicsList li span.PhotoIcon { width: 21px; height: 13px; background: url(../images/all/ico_camera.png) left top no-repeat; display: inline-block; margin-left: 2%; text-indent: -9999px; vertical-align: middle;}

/*** NEWS 作り直し 0529 ********************/
.ArticleListMain ul.LinkList {margin-top: 0;}

.ArticleListMain .newslist{width: 100%;}
.ArticleListMain .newslist{padding: 0% 3% 0% 0%; list-style: none!important; position: relative; min-height: 80px;border-bottom: 1px dashed #ddd;display: table;}
.ArticleListMain .newslist p {display: block; padding-top: 3%;margin-bottom: 0;}
.ArticleListMain .newslist img {float: left; margin: 1% 2% 1% 0%;}
.ArticleListMain .newslist span.time { color: #8e8e8e; font-size: 75%; font-weight: 500; padding: 0; vertical-align: bottom;}
.ArticleListMain .newslist a:hover {background: #f5f5f5;} 
.LinkList li span.PhotoIcon { width: 21px; height: 13px; background: url(../images/all/ico_camera.png) left top no-repeat; display: inline-block; margin-left: 2%; text-indent: -9999px; vertical-align: middle;}

/* site.cssの調整 */
ul.LinkList li{border-bottom: none}
ul.LinkList li a span.PhotoIcon {margin: 0px;margin-left: 9px;vertical-align: 0px!important;}
ul.LinkList li a {padding: 0px 0px!important;}
ul.LinkList li a:hover {background: none;}

/********** category **********/
.tokyo2020_category{width:100%;margin:0% 0 8% 0;padding-bottom:2%;line-height:160%;text-align: left;position: relative;overflow: hidden;}
.tokyo2020_category p{/* margin-bottom: 2%; */}
.tokyo2020_category h2 {border-bottom: 1px solid #888;padding-bottom: 0%;font-size: 170%;margin: 1% 0 1% 0;position: relative;vertical-align: middle;/*letter-spacing: 3px;*/height: 50px;line-height: 50px;}
.tokyo2020_category h2:after{position: absolute; content: " "; display: block; border-bottom: solid 5px #68b2d5; bottom: -3px; width: 16%;}
.tokyo2020_category h3 {border-bottom: 1px solid #888; padding-bottom: 0%; font-size: 170%;margin:3% 0 4% 0;position: relative;vertical-align: middle;/*letter-spacing: 3px;*/height: 50px; line-height: 50px;}
.tokyo2020_category h3:after{position: absolute; content: " "; display: block; border-bottom: solid 5px #68b2d5; bottom: -3px; width: 16%;left:0;}

.tokyo2020Para_category{width:100%;margin:0% 0 4% 0;padding-bottom:2%;line-height:160%;text-align: left;position: relative;overflow: hidden;}
.tokyo2020Para_category h2 {border-bottom: 1px solid #888; padding-bottom: 0%; font-size: 170%;margin:3% 0 4% 0;position: relative;vertical-align: middle;/*letter-spacing: 3px;*/height: 50px; line-height: 50px;}
.tokyo2020Para_category h2:after{position: absolute; content: " "; display: block; border-bottom: solid 5px #e25778; bottom: -3px; width: 16%;}
.tokyo2020Para_category h3 {border-bottom: 1px solid #888; padding-bottom: 0%; font-size: 170%;margin:0 0 4% 0;position: relative;vertical-align: middle;/*letter-spacing: 3px;*/height: 50px; line-height: 50px;}
.tokyo2020Para_category h3:after{position: absolute; content: " "; display: block; border-bottom: solid 5px #e25778; bottom: -3px; width: 16%;left:0;}
/* Para */
.tokyo2020Para_category h3 span { position: relative; line-height: 1.4; padding:0 1%; display: inline-block; top:0;font-size:50%; margin:0 3% 1% 1%; font-weight:600}
.tokyo2020Para_category h3 span:before, .tokyo2020Para_category h3 span:after {position: absolute; top: 0; content:''; width: 5px; height: 90%; display: inline-block;}
.tokyo2020Para_category h3 span:before { border-left: solid 1px #ea829b; border-top: solid 1px #ea829b; border-bottom: solid 1px #ea829b; left: 0;}
.tokyo2020Para_category h3 span:after { content: ''; border-top: solid 1px #ea829b; border-right: solid 1px #ea829b; border-bottom: solid 1px #ea829b; right: 0;}


.fadein {opacity : 0.7;transform : translate(0, 50px);transition : all 500ms; padding-top: 30px; margin-top: -30px;}
.fadein.scrollin {opacity : 1;transform : translate(0, 0);}

/*** ////////////all*************************************/



/********** button ************************************************************/

/* page TOP */
.TYOgotop {z-index: 9999999;border-radius: 35px;color: #fff;cursor:pointer;text-align: center;width: 50px;height: 50px;position: right;background: #333;transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;float: right;vertical-align: middle!important;}
.TYOgotop:hover {z-index: 9999999;border-radius: 35px;color: #fff;cursor:pointer;text-align: center;width: 100px;height: 50px;line-height: 50px;background: #666;}
.TYOgotop:hover:after{content:"TOP";text-transform:uppercase;font-size:15px;padding-left:10px; font-weight: bold;}
.TYOgotop i {font-size: 16px;line-height: 50px;}

/*TIME LINE reload*/
.btnTYO { margin-right: 0; margin-bottom: 1%; font-size: 16px; font-weight: 500; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s;}
.btnTYO:hover { box-shadow: none !important; outline: none !important;}
.btn_reload { background: #fff; color: #333; padding:1% 2%; border: 1px dotted #333;}
.btn_reload:hover, .btn_reload:focus, .btn_reload:active {color: #fff;border: none;background: #333;}
.btnTYO.faicon { position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;float: left;margin-bottom: 2%;}
.btnTYO.faicon i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s;
 -o-transition: 0.2s; transition: 0.2s;}
.btnTYO.faicon:hover { padding-right: 50px;}
.btnTYO.faicon:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; }

/* TIME LINE 先頭に戻る */
/*.scroller-status{width: 20%;float:left;}*/
.TYOButt_head{ /*display: inline-block;*/display:none; color: #333;border-radius: 50%; width:60px; line-height: 60px; height: 60px; text-align: center; text-decoration: none; transition: .4s ease-out; background: #fff; border:1px dashed #333}
.TYOButt_head:hover{ cursor: pointer; text-decoration: none; transform: translateY(-8px); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.12), 0 3px 3px 0 rgba(0,0,0,0.12), 0 2px 5px -2px rgba(0,0,0,0.2); background:#333; border:none; coloe:#fff;}
.TYOButt_head:hover, active {color: #fff!important;} */

/* TIME LINE もっと見る */
.scroller-more {width: 100%; margin: 5% 0;text-align: center;}
.TYOButt {outline: none; border: none; padding: 10px 6%!important; display: inline-block; cursor: pointer; font-size: 16px; font-weight:500; background-color: transparent; position: relative; border: 2px solid #444!important; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;width: 60%;}
.TYOButt.more { overflow: hidden;margin: 5% 0 0 20%;}
.TYOButt.more span { color: #333; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.TYOButt.more .icon { position: absolute; right: 0; top: 0; color: #fff; padding: 10.5px 20px; background:#333; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.TYOButt.more:hover {background:#f8f8f8;}
/*.TYOButt.more:hover .icon { right: 0px;}
.TYOButt.more:hover span { color: #111; margin-right: 50px;}*/
.TYOButt.more .status-bar{margin-left:-8%;font-size: 16px; font-weight:600; }
.TYOButt.more:hover .icon {background:#555;}


/* 競技別一覧へ戻る */
.TYObuttonW{width: 100%; margin: 2% 0; display: inline-block; background: #fff;text-align: center;}

.TYOButt.back { overflow: hidden;margin-right: 0%;}
.TYOButt.back span { color: #333; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.TYOButt.back span:first-child{display:none;}
.TYOButt.back .icon { position: absolute; left: -60px; top: 0; color: #ddd; padding: 11px 20px!important; background:#333; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;}
.TYOButt.back:hover .icon { left: 0px;}
.TYOButt.back:hover span { color: #111; margin-left: 50px!important;}

/*** ////////////button　*************/





/*** TIME LINE *****************************************************/

/* 日付リンク */
.TlDays {width: 100%;font-size: 75%;margin: 0% 0 0% 0;}
.TlDays ul{width: 100%;float: right;text-align:right;}
.TlDays ul li{display: inline;margin-right:5px;padding: 3px 5px 3px 5px;transition: .4s;border: 1px solid #68b2d5;}
.TlDays ul li a{text-decoration:none;font-size:100%;/*display:block;*/}
.TlDays ul li a:link, .TlDays ul li a:visited{color:#666;}
.TlDays ul li.on {border: 1px solid #68b2d5;color: #fff;background: #68b2d5;padding: 3px 5px 3px 5px;margin-right:5px;}
.TlDays ul li.on a:link{color: #fff;}
.TlDays ul li.on a:visited{color:#fff;}
.TlDays ul li.on a:link:hover{none;}
.TlDays ul li:hover { background: #68b2d5; color: fff;}
.TlDays ul li a:link:hover { color: white;}

/* V7 css */
#TimeLinewaku {padding: 0;padding: 1% 0;width: 100%;overflow: hidden;}
.timeline{padding: 1% 0 1% 0;display: table;width: 100%;display: inline-block;text-align: center;border-bottom: 1px solid #ddd;overflow: hidden;margin: 0;position: relative;}
.timeline:last-child{border: none;}

.timeline .newsTitle {width: 100%;margin-bottom: 1%;overflow: hidden;float: left;display:table;}
.timeline .newsTitle dt {clear: left; float: left; width: auto;max-width: 80px; margin: 0!important;vertical-align:middle;display:table-cell;}
.timeline .newsTitle dd {padding-left: 1%;width: auto;text-align: left;vertical-align:middle!important;display:table-cell;font-size: 110%;font-weight: 600;line-height: 150%;min-width: 600px;}

ul.bottominfo {width: 100%;position: absolute;right:0;bottom: 1%;font-size: 74%;}
ul.bottominfo { float: right;text-align:right;}
ul.bottominfo li{color: #555;display: inline;line-height: 150%; margin-left: 1.5%;}
ul.bottominfo li.discipline{background: #F5f5f5;border: 1px solid #ddd;border-radius: 5px;padding: .2% 1%;line-height: 150%;}
/*ul.bottominfo li:last-child{line-height: 150%; margin-left: 1.5%;}*/

.timeline .Box {width: 100%;display: inline-block;margin-bottom: 1%!important;}
.timeline .TextR {/*width: 70%;*/float: left; text-align: left;}
.timeline .Text p{line-height: 1.7em;margin-bottom: 2%;font-size: 90%;text-align: left;overflow: hidden;}
.timeline .Image{text-align: center;position: relative;width: min-content;width: -webkit-min-content;width: -moz-min-content;margin: auto;margin-bottom: 10px;border: 1px dotted #ddd;/* width: 20%; */}
.timeline .Image a{ position: relative; width: 100%; display: block; text-align: center;}
.timeline .Image img{max-width: auto;display: inline;vertical-align: top;}
.timeline .Image.right{float:right;margin-left: 10px;margin-bottom: 4%;}
.timeline .Image.right img{max-height: 80px!important;}
.timeline .Image.left{ float:left; margin-right: 10px;margin-bottom: 2%;}
.timeline .Image.left img{max-height: 80px!important;}
.timeline .Image.none { display: none;}
.timeline .ImageCaption{ position: absolute; width: 100%; bottom: 0; left: 0px; background-color: rgba(0,0,0,0.5);}
.timeline .Image.full {width: auto; position: relative;overflow: hidden; display: inline-block;margin-bottom: 7%;}
.timeline .Image.full img{max-width:480px!important;}
.timeline .Image.full .ImageCaption{z-index: 100; position: absolute; background-color: rgba(0,0,0,0.5);}
.timeline .ImageCaption p { color: #FFF; font-size: 87.5%; line-height: 1em; padding: 10px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.timeline .Comment .Text p{ padding-left: 10px; /*border-left: 4px solid #174487; */font-size: 105%;}
.timeline .MovieContents { display: inline;}
.twitter-tweet {margin: 2% auto;}
/* /V7 css */

/*
* Schedule list (TOP)
-------------------------------------------------------------*/
ul.schedule_list {width:100%;margin-bottom: 4%;}
ul.schedule_list li{list-style:none;padding-bottom: 0%;text-align:left;font-size:100%;margin-bottom: 2%;}
ul.schedule_list li.oly {border-left: 8px solid #004c9a; padding-left: 3%}
ul.schedule_list li.para {border-left: 8px solid #e72585; padding-left: 3%}
ul.schedule_list li span {font-size: 100%;color: #000; margin-left: 5px;text-decoration: none;font-weight: bold;}
.article_list {text-align: right;margin-top: 8px;}
ul.news_list li a:hover{text-decoration: none;color: #0eaccc}
.CommonButtonMargin {display: none;}

/*
* Game list (TOP)
-------------------------------------------------------------*/
.tokyo2020Game_List { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap;
 -webkit-flex-wrap: wrap; flex-wrap: wrap;margin-top: 3%;}
.tokyo2020Game_List li { width: 13.4%; margin: 0 1% 0 0; /*border: 1px solid #ccc;*/ box-sizing: border-box; padding-bottom: 1%;}
.tokyo2020Game_List li:nth-child(7n) { margin-right: 0;}
.tokyo2020Game_List li img {width: 80%;}
.tokyo2020Game_List li p { font-size: 80%;line-height: 120%; text-align: center;margin-top: 5%;width: 98%;}
.tokyo2020Game_List li a{width: 23.2%;}
.tokyo2020Game_List li .inner {position: relativere;}

/* TAB */
@keyframes tabAnim{0%{opacity:0;}100%{opacity:1;}}
.tab_wrap{width:100%; margin:0;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0;}
.tab_area label{width:42%; margin-left:5%; display:inline-block; padding:2% 0; color:#999; border: 1px solid #666; text-align:center; font-size:20px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5; }
.tab_panel{width:100%; opacity:0; padding:3% 0 0 0; display:none;}
.panel_area{background:#fff;}


#TYO_tab1:checked ~ .tab_area .tab1_label{background:#68b2d5; color:#fff;}
#TYO_tab1:checked ~ .panel_area #TYO_panel1{display:block; animation:tabAnim ease 0.9s forwards; -ms-animation:tabAnim ease 0.9s forwards;}
#TYO_tab2:checked ~ .tab_area .tab2_label{background:#e25778; color:#fff;}
#TYO_tab2:checked ~ .panel_area #TYO_panel2{display:block; animation:tabAnim ease 0.9s forwards; -ms-animation:tabAnim ease 0.9s forwards;}


/*
* Movie list (all)
-------------------------------------------------------------*/

.TYO_tokyo2020movList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.TYO_tokyo2020movList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020movList li {float:left;position: relative;width:220px;overflow:hidden;display:block;margin:1% 1.45% 1% 0;}
.TYO_tokyo2020movList li .pbtn{background: url(../images/all/ico_play.svg) no-repeat; position: absolute;text-indent: 100%;top:40%; left:43%;width: 34px; height: 32px;text-indent: 100%;overflow: hidden; white-space: nowrap;}
.TYO_tokyo2020movList li:nth-of-type(3n){margin-right: 0;}

.movbox { overflow: hidden; width: 220px; padding: 0; margin:0 auto;}
.movbox_text { padding: 1% 0;text-align: left;}
.movbox_text .movcap { margin: 1% 0 0 0; font-size: 100%; color: #111;}

/*thumbnail*/
.mov_thumb { position: relative; overflow: hidden; width: 100%; height: auto;}
.mov_thumb_wrapper { display: block; margin: 0; padding: 0;}
.mov_thumb_wrapper::after { transition: 0.5s; content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); opacity: 0;}
.mov_thumb_wrapper img{ transition: 0.5s; display: block; max-width: 100%;}
.movbox:hover .mov_thumb_wrapper::after { opacity: 1;}

/*
* Tokusyu list (all)
-------------------------------------------------------------*/
.TYO_tokyo2020spList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.TYO_tokyo2020spList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020spList li {float:left;position: relative;width:220px;overflow:hidden;display:block;margin:1% 1.4% 1% 0;}
.TYO_tokyo2020spList li:nth-child(1) {margin-left: 0;}
.TYO_tokyo2020spList li:nth-of-type(4n){margin-left: 0;}
.TYO_tokyo2020spList li:nth-of-type(3n) {margin-right: 0;}


.tokusyubox {position: relative;overflow: hidden; width: 220px; padding: 0; margin:0 auto; border: 1px solid #68b2d5; background: #fff;height: 185px;box-sizing: border-box;}
.tokusyubox_text { padding: 1%;text-align: center;}
.tokusyubox_text .tokusyucap { margin: 2%; font-size: 100%; color: #111; line-height: 120%;text-align: center;}

/*thumbnail*/
.tokusyu_thumb { position: relative; overflow: hidden; width: 100%; }
.tokusyu_thumb_wrapper { display: block; margin: 0; padding: 0;}

.tokusyu_thumb_wrapper img{ transition: 0.5s; display: block; width: 100%; }
.tokusyu_more { transition: 0.7s; position: absolute; left: 10px; bottom: 10px; transform: translateX(-5%); display: inline-block; padding: 2% 3%;
 color: #fff; font-size: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0;}
.tokusyubox:hover .tokusyu_thumb_wrapper img { filter: grayscale(70%);}
.tokusyubox:hover .tokusyu_more { opacity: 0.9; transform: translateX(0);}
.tokusyubox:hover .tokusyu_thumb_wrapper img { transform: scale(1.1);*filter: blur(3px) grayscale(100%);}
.tokusyubox:hover {color: #68b2d5;}

/*
* Shashin-Tokusyu list (all)
-------------------------------------------------------------*/
/* Pnews */
.TYO_tokyo2020PicList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.TYO_tokyo2020PicList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020PicList li {float:left;position: relative;width: calc(100% / 5 - 10px); overflow:hidden;display:block;margin:1% 1.8% 1% 0; font-size: 95%;}
.TYO_tokyo2020PicList li:nth-child(1) {margin-left: 0;}
.TYO_tokyo2020PicList li:nth-of-type(6n){margin-left: 0;}
.TYO_tokyo2020PicList li:nth-of-type(5n){margin-right: 0;}
.TYO_tokyo2020PicList li .Pnewscap { margin: 0; font-size: 90%; color: #111; line-height: 140%; padding-top: 2%;}

/* gallery */
.TYO_tokyo2020PgalleryList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.TYO_tokyo2020PgalleryList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020PgalleryList li {float:left;position: relative;width: calc(100% / 4 - 10px); overflow:hidden;display:block;margin:0% 1.96% 1% 0;min-height: 215px;}
.TYO_tokyo2020PgalleryList li:nth-child(1) {margin-left: 0;}
.TYO_tokyo2020PgalleryList li:nth-of-type(5n){margin-left: 0;}
.TYO_tokyo2020PgalleryList li:nth-of-type(4n){margin-right: 0;}


.shashinbox {position: relative;overflow: hidden; width: 100%; padding: 0; margin:0 auto; background: #fff;box-sizing: border-box;}
.shashinbox_text {padding: 3% 1% 0 1%;text-align: left;}
.shashinbox_text .shashincap { margin: 1% 0 0 0; font-size: 95%; color: #111; line-height: 120%;}

/*thumbnail*/
.shashin_thumb { position: relative; overflow: hidden; width: 100%; height: auto;}
.shashin_thumb_wrapper { display: block; margin: 0; padding: 0;box-sizing: border-box;border-bottom: 8px solid #0ebccc;}
.shashin_thumb_wrapper::after { transition: 0.5s; content:""; box-sizing: border-box; position: absolute; left: 0; top: 0; transform: translateY(5%); width: 100%; height: 100%; border-bottom: 8px solid #0e9dcc;}
.shashin_thumb_wrapper img{ transition: 0.5s; display: block; width: 100%;}
.shashin_more { transition: 0.5s; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding-top: 40%; text-align: center; color: #fff; font-size: 18px; background: rgba(0, 0, 0, 0.2); opacity: 0;}
.shashinbox:hover .shashin_thumb_wrapper::after { transform: translateY(0);}
.shashinbox:hover .shashin_thumb_wrapper img { filter: grayscale(100%);}
.shashinbox:hover .shashin_more { opacity: 1;}



/*** 中ページ *****************************************************/

/*
* 各ページTITLE
-------------------------------------------------------------*/
#TYO_PageTITLE {width: 100%; /*float: left;*/ height: 100px; overflow: hidden;font-weight: 600;margin: 3% 0 0 0;position: relative;}
#TYO_PageTITLE .mainT {border-bottom: 1px dashed #111; padding-bottom: 0%; font-size: 180%;margin:0% 0 .5% 0%;position: relative;vertical-align: middle;letter-spacing: 1px;width: 100%;}
#TYO_PageTITLE .subT {position: relative;margin:0% 0 1% 0.3%; color: #68b2d5;text-transform: uppercase;letter-spacing: 0px;font-size: 120%;}
#TYO_PageTITLE .subTP {position: relative;margin:0% 0 1% 0.3%; color: #e25778;text-transform: uppercase;letter-spacing: 0px!important;font-size: 120%;}

#TYO_PageTITLE .Dete {position: absolute; font-size: 75%; color: #888; bottom: 30%;right: 0;font-weight: 500;}
#TYO_PageTITLE .Dete:before{font-family: "Font Awesome 5 Free"; content: '\f017 ';margin-right: 5%;}

/* TITLE 共通 */
#TYO_PageTITLE .subT, #TYO_PageTITLE .subTP, #TYO_GameTITLE .subT, #TYO_GameTITLE .subTP {letter-spacing: 1px; font-weight: 500; font-size: 130%;}

/*
* 競技TITLE
-------------------------------------------------------------*/
#TYO_GameTITLE {width: 100%; position: relative;height: 100px; overflow: hidden;font-weight: 600;margin: 0;position: relative;padding-top: 3%;}
#TYO_GameTITLE .mainT {border-bottom: 1px dashed #111; padding-bottom: 0%; font-size: 180%;/*margin:0% 0 1% 14%;position: relative;*/vertical-align: middle;letter-spacing: 1px;width: 86%;float: right;margin-bottom: 1%;}
#TYO_GameTITLE .subT {position: relative;margin:0% 0 1% 14%; color: #389ecc;text-transform: uppercase;letter-spacing: 1px!important;}
#TYO_GameTITLE .subTP {position: relative;margin:0% 0 1% 14%; color: #e25778;text-transform: uppercase;letter-spacing: 1px!important;}
#TYO_GameTITLE .circleT {width: 70px; height: 70px; ;position: relative;float: left;border: double 4px #333;}
#TYO_GameTITLE .circleT img {width: 100%;}
#TYO_GameTITLE .circleTO {width: 80px; ;position: absolute;top: 15%;left: 0;}

#TYO_GameTITLE .Details {position: absolute; font-size: 110%; color: #555; bottom: 25%;right: 0;font-weight: 600; width: 15%;}
#TYO_GameTITLE .Details:before{font-family: "Font Awesome 5 Free"; content: '\f35a';margin-right: 5%;color:#0ebccc;}
#TYO_GameTITLE .TYKO_venue {position: absolute; font-size: 90%; color: #555; top: 55%;right: 0;font-weight: 600; text-align: right;width: 50%;}
#TYO_GameTITLE .TYKO_venue::before{content: "\f35a"; position: relative; font-family: "Font Awesome 5 Free";color: #0ebccc; font-size: 100%; display: inline; vertical-align: middle;margin-right: 2%;}
#TYO_GameTITLE .TYKO_venueP {position: absolute; font-size: 90%; color: #555; top: 55%;right: 0;font-weight: 600; text-align: right;width: 50%;}
#TYO_GameTITLE .TYKO_venueP::before{content: "\f35a"; position: relative; font-family: "Font Awesome 5 Free";color: #e25778; font-size: 100%; display: inline; vertical-align: middle;margin-right: 2%;}
/* Para */
#TYO_PageTITLE .mainT span, #TYO_GameTITLE .mainT span {font-size:60%; border:solid 1px #e25778; padding:.5% 1% 0 1%; display:inline-block; margin:0 0% 1% 2%;}


/** pagination ---*/
.newspagination_wrap{width: 100%; text-align: center;overflow: hidden;position: relative;} 
.newspagination { width:auto; margin: 3% auto;overflow: hidden;display: inline-block}

/*----- 0530修正分 -----*/
.pagination { font-size: 100%; margin:10px 0; padding:0 auto; text-align:center; clear:both;}
.pagination ul.pagenavi_inner { margin:0 auto; padding:0; text-align:center; display:inline-block;}
.pagination ul.pagenavi_inner li { display:inline; margin:0; padding:0; float:left;}
.pagination ul.pagenavi_inner li span.pagenavi_now,.pagination ul.pagenavi_inner li a:link,.pagination ul.pagenavi_inner li a:visited { border: 1px solid #cccccc; background:#fff; display:inline-block; text-decoration:none; padding:2px 8px; margin:0 2px;}
.pagination ul.pagenavi_inner li span.pagenavi_now {font-weight:bold; background:#ebf4fd; color:#3498DB;
 border:1px solid #d8d8d8;font-weight: 600;}
.pagination ul.pagenavi_inner li span.pagenavi_clear { border:1px solid #d8d8d8; background:#ECF0F1; display:inline-block; color:#fff; padding:2px 8px; margin:0 2px;}
.pagination ul.pagenavi_inner li a:link,.pagination ul.pagenavi_inner li a:visited { color:#3498DB;}
.pagination ul.pagenavi_inner li a:hover,.pagination ul.pagenavi_inner li a:active { border:1px solid #3498DB; background:#ebf4fd; color:#3498DB;}


/*
* Photo News list
-------------------------------------------------------------*/
.tokyo2020PnewsList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.tokyo2020PnewsList ul{ width: 100%; padding: 2% 0;}
.tokyo2020PnewsList li {float:left;position: relative;width: calc(100% / 4 - 10px); margin-bottom: 10px; margin-left: 10px;overflow:hidden;display:block;margin:1% .98%;}
.tokyo2020PnewsList li:nth-child(1) {margin-left: 0;}
.tokyo2020PnewsList li:nth-of-type(5n){margin-left: 0;}
.tokyo2020PnewsList li:nth-of-type(4n){margin-right: 0;}

.Pnewsbox {position: relative;overflow: hidden; width: 100%; padding: 0; margin:0 auto; background: #fff;box-sizing: border-box;}
.Pnewsbox_text {padding: 3% 1% 0 1%;text-align: left;}
.Pnewsbox_text .Pnewscap { margin: 1% 0 0 0; font-size: 90%; color: #111; line-height: 140%;}

/*thumbnail*/
.Pnews_thumb { position: relative; overflow: hidden; width: 100%; height: auto;}
.Pnews_thumb_wrapper { display: block; margin: 0 0 3% 0; padding: 0;box-sizing: border-box;}
.Pnews_thumb_wrapper::after { transition: 0.5s; content:""; box-sizing: border-box; position: absolute; left: 0; top: 0; transform: translateY(5%); width: 100%; height: 100%; }
.Pnews_thumb_wrapper img{ transition: 0.5s; display: block; width: 100%;margin-bottom: 1%;}
.Pnews_more { transition: 0.5s; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding-top: 40%; text-align: center; color: #fff; font-size: 15px; background: rgba(0, 0, 0, 0.5); opacity: 0;font-weight: 600; }
.Pnewsbox:hover .Pnews_thumb_wrapper::after { transform: translateY(10);}
.Pnewsbox:hover .Pnews_thumb_wrapper img { filter: grayscale(0%);}
.Pnewsbox:hover .Pnews_more { opacity: 1;}

.MainPhotoBlock img.MainPhotoImg {display: inline;vertical-align: top;}

/* Masonry用追加0603 */
.Pnews_MSgrid {width: 680px;list-style: none;margin-top: 8%;}
.Pnews_MSgrid__item {margin-bottom: 20px;width: 29.7%;border: 1px solid #eee; box-shadow: 0px 3px 8px rgba(247,247,247,1);padding: 4px;background: #fff;transition: 0.8s;}
.Pnews_MSgrid__item:hover{border: 1px solid #68b2d5;border-image: linear-gradient(120deg, #f4b3bb 0%, #68b2d5 100%);border-image-slice: 1;}
.Pnews_MSgrid__item .MSPnewscap { margin: 7% 2%; font-size: 95%; color: #444; line-height: 120%;}

.Pnews_MSlist { display: block; margin: 0; padding: 0;box-sizing: border-box;background: #68b2d5;}
.Pnews_MSlist img{ display: block; width: 100%;cursor: pointer; transition-duration: 0.8s;}
.Pnews_MSlist img:hover{opacity: 0.6; transition-duration: 0.3s;}



/*
* GameSpList list (all)
-------------------------------------------------------------*/
.tokyo2020GameSpList{width:100%;position: relative;overflow: hidden; margin-bottom: 5%;}
.tokyo2020GameSpList ul{ width: 100%; padding: 2% 0;}
.tokyo2020GameSpList li {float:left;position: relative;width:220px;overflow:hidden;display:block;margin:1% .7%;}
.tokyo2020GameSpList li .pbtn{background: url(../images/all/ico_play.png) no-repeat; position: absolute;text-indent: 100%;top:40%; left:40%;width: 34px; height: 32px;text-indent: 100%;overflow: hidden; white-space: nowrap;}
.tokyo2020GameSpList li:nth-child(1) {margin-left: 0;}
.tokyo2020GameSpList li:nth-of-type(4n){margin-left: 0;}
.tokyo2020GameSpList li:nth-of-type(3n) {margin-right: 0;}

.GAMEtokusyubox {position: relative;overflow: hidden; width: 220px; padding: 0; margin:0 auto; border: 1px solid #68b2d5; background: #fff;height: 185px;box-sizing: border-box;}
.GAMEtokusyubox_text { padding: 1%;text-align: center;}
.GAMEtokusyubox_text .tokusyucap { margin: 2%; font-size: 100%; color: #111; line-height: 120%;}

/*thumbnail*/
.GAMEtokusyu_thumb { position: relative; overflow: hidden; width: 100%; }
.GAMEtokusyu_thumb_wrapper { display: block; margin: 0; padding: 0;}

.GAMEtokusyu_thumb_wrapper img{ transition: 0.5s; display: block; width: 100%; }
.GAMEtokusyu_more { transition: 0.7s; position: absolute; left: 10px; bottom: 10px; transform: translateX(-5%); display: inline-block; padding: 2% 3%;
 color: #fff; font-size: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0;}
.GAMEtokusyubox:hover .tokusyu_thumb_wrapper img { filter: grayscale(70%);}
.GAMEtokusyubox:hover .tokusyu_more { opacity: 0.9; transform: translateX(0);}
.GAMEGAMEtokusyubox:hover .tokusyu_thumb_wrapper img { transform: scale(1.1);*filter: blur(3px) grayscale(100%);}
.GAMEtokusyubox:hover {color: #68b2d5;}

/*
* PHOTO NEWS
-------------------------------------------------------------*/
.tokyo2020_category .MainInner, .tokyo2020Para_category .MainInner{width: 100%; margin-top: -5%;}
.tokyo2020_category .MainInner .ArticleTitle, .tokyo2020Para_category .MainInner .ArticleTitle{border-bottom: 1px solid #555;;border-top:none;padding-left:0;margin-bottom:2.5%;padding-bottom: 0px;}
.tokyo2020_category .MainInner .ArticleTitle h1, .tokyo2020Para_category .MainInner .ArticleTitle h1{font-size: 140%;margin: 5% 0 1% 0!important;line-height: 120%;text-indent: 0;color: #333; }

.tokyo2020_category .MainInner .MainPhotoBlock,.tokyo2020Para_category .MainInner .MainPhotoBlock {position: relative;text-align: center;margin-bottom: 10px;}
.tokyo2020_category .MainInner .PageNumberPhoto, .tokyo2020Para_category .MainInner .PageNumberPhoto {font-size: 160%;text-align: center;color: #3491bc;position: absolute;top: 3%;right: 2%;letter-spacing: 3px;border: 1px solid #3491bc;padding:1% 1% 1.5% 1%;background-color :rgba(255,255,255,0.7);z-index: 1;font-family: 'Georgia',san-serif, Meiryo, "メイリオ"}
.tokyo2020_category .MainInner .MainPhoto, .tokyo2020_category .MainInner .PhotogalleryInner, .tokyo2020Para_category .MainInner .MainPhoto, .tokyo2020Para_category .MainInner .PhotogalleryInner{background:#fff;border:none;}

/*paging*/
.PNpaging {text-align: center;padding: 5% 0 3% 0; overflow: hidden;width: 100%;margin-bottom: 10%;color:#68b2d5;}
.PNpaging span {display: inline-block;width: 60px;border: 1px solid #eee;padding: .6% 4% .6% 2%;transition: .5s;}
.PNpaging span a:link{border: 1px solid #eee;padding: .6% 4% .6% 2%}
.PNpaging span a:hover{color:#68b2d5; }
.PNpaging span:hover{background: #eee; border: 1px solid #ddd;}
.PNpaging span.prev{width: 70px;float: left;padding: .6% 2%;}
.PNpaging span.next{width: 70px;float: right;padding: .6% 2%;}

.tokyo2020_category .MainInner .Dete, .tokyo2020Para_category .MainInner .Dete {font-size: 75%; color: #888; font-weight: 500;/*width: 12%; float: right;*/}
.tokyo2020_category .MainInner .Dete:before, .tokyo2020Para_category .MainInner .Dete:before{font-family: "Font Awesome 5 Free"; content: '\f017 ';margin-right: 1%;}
/*thumbnail*/
.thumbnail_area {width: 98%; margin-left:1%;} 
.thumbnail_area ul li {display: block;float: left;}
.thumbnail_area ul li img {width: 128px;margin-right: 5px;margin-bottom: 5px;}
.MainPhotoText {margin-bottom: 4%;}

.TitleBackBlue{background: none; margin-top: -4%;}
.TitleBackBlue ul{float:right;padding-right:2px;}
.TitleBackBlue ul li{float:left;}
.TitleBackBlue ul li span{font-size:85%;padding-right:10px; border-right:1px solid #ddd;border-left:1px solid #ddd;line-height:35px;color:#68b2d5;font-weight:bold;}
.TitleBackBlue ul li a{float:none;padding-right:10px; border-right:1px solid #ddd; }
.TitleBackBlue ul li:last-child{padding-right: 10px;}


/*
* GUIDE
-------------------------------------------------------------*/
.TYO_tokyo2020guideList{width:100%;position: relative;overflow: hidden; margin:5% 0 5% 0;text-align: center;}
.TYO_tokyo2020guideList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020guideList li {position: relative; display: inline-block; padding: 1% 0;border-top: 1px solid #222;border-bottom: 1px solid #222; color: #222; text-align: center; text-decoration: none; outline: none; transition: all .3s;margin: 0 1%;}
.TYO_tokyo2020guideList li::before,.TYO_tokyo2020guideList li::after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px;
 z-index: 2; content: ''; transition: all .3s;}
.TYO_tokyo2020guideList li::before { border-top: 2px solid #0ebccc; border-bottom: 2px solid #0ebccc; transform: scale(0, 1);}
/*.TYO_tokyo2020guideList li::after { border-right: 2px solid #3be5ae; border-left: 2px solid #3be5ae; transform: scale(1, 0);}*/
.TYO_tokyo2020guideList li:hover { color: #0ebccc; }
.TYO_tokyo2020guideList li:hover::after,.TYO_tokyo2020guideList li:hover::before { transform: scale(1);}

.TYO_tokyo2020guideTOPa {width: 100%;}
.TYO_tokyo2020guideTOP {width: 100%;}
.TYO_tokyo2020guideTOP h3 {border-bottom: none; padding-bottom: 0%; font-size: 180%;margin:5% 0 0% 3%;position: relative;vertical-align: middle;letter-spacing: 1px; color: #333;font-weight: 500;text-align: center;}
.guideIllust{width: 530px; margin: 0 auto;}

.TYO_tokyo2020guide01 {overflow: hidden;margin-top: 0%;padding: 2% 0% 6% 0%; margin-bottom: 3%;background:/*#fbf8ef*/ #fff; }
.TYO_tokyo2020guide01 h3 {border-bottom: none; padding-bottom: 0%; font-size: 190%;margin:5% 0 4% 3%;position: relative;vertical-align: middle;letter-spacing: 1px; height: 50px; line-height: 50px;color: #222;font-weight: 500;text-align: center;}
.TYO_tokyo2020guide01 h3:after, .TYO_tokyo2020guideTOP h3:after{display: none;}
/* img */
.TYO_tokyo2020guide02 img, .TYO_tokyo2020guide03 img{position: relative; max-width:360px;margin: 5% auto!important;}
.TYO_tokyo2020guide01 .guideimg {position: relative;max-width: 480px;margin: 5% auto;}
.TYO_tokyo2020guide01 .guideimg .gcap{position: absolute; bottom: 3%; right: -2%; background: rgba(0,0,0,0.6); padding: 1% 2%; width: auto; text-align: left; color: #f5f5f5; font-size: 90%; line-height: 150%;z-index: 1;}

/* 色つき　*/
.TYO_tokyo2020guide02 {position: relative;overflow: hidden;margin-top: -8%;padding: 5% 0; margin-bottom: 0;}
.TYO_tokyo2020guide02:before {content: '';position: absolute;top: 0;left: 0;width: 120%;height: 100%;background: #444;margin: 2% -10% 0;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);transform: rotate(-3deg);	text-align: center;}

.TYO_tokyo2020guide03 {position: relative;overflow: hidden;margin-top: -12%;padding: 5% 0 5% 0; margin-bottom: 0;}
.TYO_tokyo2020guide03:before {content: '';position: absolute;top: 0;left: 0;width: 120%;height: 100%;background: #fcfcfc;margin: 2% -10% 0;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);transform: rotate(-3deg);	text-align: center;}

.TYO_tokyo2020guide04 {position: relative;overflow: hidden;margin-top: -12%;padding: 5% 0 2% 0; margin-bottom: 0;}
.TYO_tokyo2020guide04:before {content: '';position: absolute;top: 0;left: 0;width: 120%;height: 100%;background: #f4f4f4;margin: 2% -10% 0;-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);transform: rotate(-3deg);	text-align: center;}


.TYO_tokyo2020guide_inner, .TYO_tokyo2020guide_inner2 {box-sizing: boder-box;width: 90%;height: 100%;margin: 5% auto 5% auto;padding: 1% 2%;color: #fff;text-align: left;}
.TYO_tokyo2020guide_inner p{ color: #f9f9f9;position: relative; margin: 2% 0;}
.TYO_tokyo2020guide_inner h3 {border-bottom: none; padding-bottom: 0%; font-size: 200%;margin:8% 0 4% 3%;position: relative;vertical-align: middle;letter-spacing: 1px; height: 50px; line-height: 50px;color: #fff;font-weight: 500;text-align: center;}
.TYO_tokyo2020guide_inner h3:after, .TYO_tokyo2020guide_inner2 h3:after, .TYO_tokyo2020guideTOP:after {display: none;}
.TYO_tokyo2020guide_inner h3:first-letter, .TYO_tokyo2020guide01 h3:first-letter, .TYO_tokyo2020guide_inner2 h3:first-letter, .TYO_tokyo2020guide03 h3:first-letter{color: #0ebccc; font-size: 150%; padding-right: 2px;}
.TYO_tokyo2020guide_inner2 h3 {border-bottom: none; padding-bottom: 0%; font-size: 200%;margin:8% 0 4% 3%;position: relative;vertical-align: middle;letter-spacing: 1px; height: 50px; line-height: 50px;color: #333;font-weight: 500;text-align: center;}
.TYO_tokyo2020guide_inner2 p{ color: #333;position: relative; margin: 2% 0;}
.TYO_tokyo2020guide_inner2 img {position: relative;margin: 2% auto;}

/* Taikai List */
.TYO_tokyo2020guideGList{width:100%;position: relative;overflow: hidden; margin:-2% 0 5% 0;text-align: left;}
.TYO_tokyo2020guideGList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020guideGList li {display: block; padding: 1.5% 0 0 0; color: #222; text-align: left; text-decoration: none; outline: none; transition: all .3s;margin: 0 2%;padding-left: 1em; text-indent: -4.2%;}
.TYO_tokyo2020guideGList li::before{content: "\f152"; position: relative; font-family: "Font Awesome 5 Free";margin-right: 2%; color: #0ebccc; font-size: 110%; display: inline; vertical-align: middle;}

 /* Kyougi List */
.TYO_tokyo2020guideKList{width:100%;position: relative;overflow: hidden; margin:3% 0 5% 0;text-align: left;}
.TYO_tokyo2020guideKList ul{ width: 100%; padding: 2% 0;}
.TYO_tokyo2020guideKList li {display: block; padding: 1.5% 0 0 0; text-align: left; text-decoration: none; outline: none; transition: all .3s;margin: 0 2%;padding-left: 1em; text-indent: -4.2%;color: #f6f6f6;}
.TYO_tokyo2020guideKList li::before{content: "\f0c8"; position: relative; font-family: "Font Awesome 5 Free";margin-right: 1.5%; color: #0ebccc; font-size: 110%; display: inline; vertical-align: middle;}

/* dot (白BG) */
.TYO_tokyo2020guideSList{width:100%;position: relative;overflow: hidden; margin:3% 0 5% 0;text-align: left;padding-left: 1%}
.TYO_tokyo2020guideSList ul{ width: 100%; padding: 2% 0;padding-left}
.TYO_tokyo2020guideSList li {display: list-item; list-style-type: disc!important; padding-bottom: 2%; color: #0ebccc; text-align: left; margin: 0 2% 0 3%;}
.TYO_tokyo2020guideSList li span {color: #222;}
/* dot (黒BG) */
.TYO_tokyo2020guideSBList{width:100%;position: relative;overflow: hidden; margin:0;text-align: left;padding: 0 0 0 2%!important;}
.TYO_tokyo2020guideSList ul{ width: 100%; padding: 2% 0;padding-left}
.TYO_tokyo2020guideSBList li {display: list-item; list-style-type: disc!important; padding-bottom: 0%; color: #0ebccc; text-align: left; margin: 0 2% 0 2%;padding-left: 0%;text-indent: 0;}
.TYO_tokyo2020guideSBList li span {color: #f8f8f8;}
.TYO_tokyo2020guideSBList li:before{content: none;}

/* OL 白字 */
.TYO_guidenb ol { counter-reset:number; list-style-type: none!important; padding:2% 0; color: #222; }
.TYO_guidenb ol li { position: relative; line-height: 150%; padding: .8% 0% 0% 5%;margin-bottom: 2%;}
.TYO_guidenb ol li:before{ position: absolute; counter-increment: number; content: counter(number); display:inline-block; background: #0ebccc; color: white; font-family: 'Arial',sans-serif; font-weight:500; font-size: 15px; left: 0; width: 22px;
 height: 22px; line-height: 22px; text-align: center; top: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TYO_guidenb ol li span {border: 1px solid #333; padding: 0.2% 1.5%;}

/* OL 黒字 */
.TYO_guidenbB ol { counter-reset:number; list-style-type: none!important; padding:2% 0; color: #222; }
.TYO_guidenbB ol li { position: relative; line-height: 150%; padding: .8% 0% 0% 5%;margin-bottom: 2%;color: #f5f5f5;letter-spacing: 1px;}
.TYO_guidenbB ol li:before{ position: absolute; counter-increment: number; content: counter(number); display:inline-block; background: #0ebccc; color: white; font-family: 'Arial',sans-serif; font-weight:500; font-size: 15px; left: 0; width: 22px;
 height: 22px; line-height: 22px; text-align: center; top: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.TYO_guidenbB ol li span {border: 1px solid #333; padding: 0.2% 1.5%;}

/* OL abc */
.TYO_guidenbABC ol{width:100%;}
.TYO_guidenbABC ol li { position: relative; line-height: 150%; padding: .8% 0% 0% 1%;margin-bottom: 2%;color: #f5f5f5;list-style-type: lower-latin!important;}
.TYO_guidenbABC ol li:before{content: none;}

.TYO_tokyo2020guideKList li, .TYO_tokyo2020guide_inner p, .TYO_tokyo2020guide_inner2 p, .TYO_tokyo2020guideGList li {letter-spacing: 1px;}
.guidtp5 {margin-top: 5%; letter-spacing: 1px;}
.guidtp10 {margin-top: 10%; letter-spacing: 1px;}

.doubleP {border-bottom: double 5px #0ebccc;display: inline-block; padding: 0 1%;font-size: 110%;margin-top: 5%!important;}

/*実施種目 */

table.shumoku{width: 80%; margin: 0 auto;display: table;}
table.shumoku td {width: 100%;padding: 10px;vertical-align: top;line-height: 1.5;display: table-cell;vertical-align: top!important;border: 1px solid #ccc;}

table.shumokuTwo{width: 90%; margin: 0 auto;display: table;}
table.shumokuTwo th {width: 50%;padding: 5px 10px;font-weight: bold;vertical-align: top;background: #333;color: #ffffff;border-collapse: collapse;text-align: center;}
table.shumokuTwo th:first-child{border-right:1px solid #fff;}
table.shumokuTwo th:nth-child(2){border-right:1px solid #333;}
table.shumokuTwo td {width: 50%;padding: 10px;vertical-align: top;line-height: 1.5;display: table-cell;vertical-align: top!important;}

table.shumokuThree{width: 95%; margin: 0 auto;display: table;}
table.shumokuThree th {width: 33%;padding: 5px 10px;font-weight: bold;vertical-align: top;background: #333;color: #ffffff;border-collapse: collapse;text-align: center;}
table.shumokuThree th:first-child{border-right:1px solid #fff;}
table.shumokuThree th:nth-child(2){border-right:1px solid #fff;}
table.shumokuThree th:nth-child(3){border-right:1px solid #333;}
table.shumokuThree td {width: 33%;padding: 10px;vertical-align: top;line-height: 1.5;display: table-cell;vertical-align: top!important;}


/* accordion ----------------------- */

.TYO20guide_shumoku { width: 100%; margin: 2% auto 20px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
/*.TYO20guide_shumoku .link { cursor: pointer; display: block; padding: 1% 0%; color: #4D4D4D; font-size: 16px; font-weight: 700;  position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background:#fff;}
.TYO20guide_shumoku .link a:hover{background: #fff;}*/

.TYO20guide_shumoku .link {border-bottom: none; padding-bottom: 0%; font-size: 180%;margin-top:5%;position: relative;vertical-align: middle;letter-spacing: 1px; height: 50px; line-height: 50px;color: #333;font-weight: 500;text-align: center;}

.TYO20guide_shumoku li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.TYO20guide_shumoku li i.fa-chevron-down { right: auto; left: auto; font-size: 30px;}
.TYO20guide_shumoku li.open .link { color: #0eaccc; }
.TYO20guide_shumoku li.open i { color: #0eaccc; }
.TYO20guide_shumoku li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}


.shumokuOne{width: 100%;text-align:center;margin:0; overflow: hidden;}
.shumokuOne ul li{width:97%;float:left; margin: 1% 0;position:relative;overflow:hidden;background /*\**/:#fff\9;border-radius: 0%;opacity: 0.8; padding: 1%;border: 1px solid #999!important;background: #fff;text-align: left;font-weight: 500;}


.shumokuTwo{ width:100%;text-align:center; margin:0; padding:0%;overflow: hidden;}
.shumokuTwo ul{display:flex;}
.shumokuTwo ul li{width:47%;float:left; margin-left: 0.8%;position:relative;overflow:hidden;background /*\**/:#fff\9;border-radius: 0%;opacity: 0.8; padding: 1%;border: 1px solid #999!important;background: #fff;text-align: left;font-weight: 500;}
.shumokuTwo ul li:first-child{margin-left: 0;}

.shumokuThree{ width:100%;text-align:center; margin:0; padding:1%;overflow: hidden;}
.shumokuThree ul{display:flex;}
.shumokuThree ul li{width:30%;float:left; margin-left: 0.8%;position:relative;overflow:hidden;background /*\**/:#fff\9;border-radius: 0%;opacity: 0.8; padding: 1%;border: 1px solid #999!important;background: #fff;text-align: left;font-weight: 500;}
.shumokuThree ul li:first-child{margin-left: 0;}
.shumoku_name {font-weight: 600;font-size: 100%;margin:0% 0 2% 0;background: #333;color: #fff;padding: 1% 0;text-align: center;}





/*
* Stadium
-------------------------------------------------------------*/
#tokyo2020venue {width: 100%;overflow: hidden; display: block;margin: 3% 0 1% 0;padding-bottom: 5%;text-align: center;}
#tokyo2020venue p{line-height: 180%!important;margin-bottom: 2%;text-align: left; }
/* 開催競技 */
#tokyo2020venue .TYO_type {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#tokyo2020venue .TYO_type li { width: 49%; margin: 0 2% 3% 0; box-sizing: border-box; padding: .5%;position: relative; text-align: left; /*border: 1px solid #ddd;*/}
#tokyo2020venue .TYO_type li:nth-of-type(2n){ margin-right: 0;}
#tokyo2020venue .TYO_type li .ori {border-left: 5px solid #68b2d5;width: 98%; margin: 1%;padding-left: 5%;font-weight: 600;height: 95%;border-image: linear-gradient(to bottom, #68b2d5 0%, #004c9a 100%);border-image-slice: 1;}

#tokyo2020venue h3 { position: relative; color: #333; font-size: 150%; text-shadow: 0 0 2px white;border-bottom: none; text-align: left;padding-left: 2%;background: #f5f5f5;border-radius: 0 5px 5px 20px;margin: 0 0 4% 0;border-radius: 0;}
#tokyo2020venue h3:before { content: ""; position: absolute; background: #9de5ff; width: 50px; height: 50px; border-radius: 50%; top: 50%;
 /* border: dashed 1px white; */ left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1;}
#tokyo2020venue h3:after{display: none;}

/*#tokyo2020venue .TYO_type li .ori {background: #f2f2f2; color: #68b2d5; height: 30px; width: 100%; line-height: 35px; text-align: center; font-size: 110%;border-bottom: solid 4px #f2f2f2;position: relative;font-weight: 600;}*/
/*#tokyo2020venue .TYO_type li .ori:after {position: absolute;content: '';top: 100%;left: 45%;border: 12px solid transparent;border-top: 12px solid #f2f2f2;width: 0;height: 0;}
*/
#tokyo2020venue .TYO_type li .para {border-left: 5px solid #e25778;width: 98%; margin: 1%;padding-left: 5%;font-weight: 600;height: 95%;border-image: linear-gradient(to bottom, #f4b3bb 0%, #e72585 100%);border-image-slice: 1;}
/*#tokyo2020venue .TYO_type li .para {background: #f2f2f2; color: #e25778; height: 30px; width: 100%; line-height: 35px; text-align: center; font-size: 110%;border-bottom: solid 4px #f2f2f2;position: relative;font-weight: 600;}
#tokyo2020venue .TYO_type li .para:after {position: absolute;content: '';top: 100%;left: 45%;border: 12px solid transparent;border-top: 12px solid #f2f2f2;width: 0;height: 0;}*/
#tokyo2020venue .TYO_type li .inner {width: 96%; margin: 5% 2% 2% 0%;font-weight: 500;}
#tokyo2020venue .TYO_type li .inner a{border-bottom: dashed 1px #ddd;}

#tokyo2020venue .TYO_pic{width: 100%; padding: .5% 0 0% 0;position: relative;overflow: hidden;margin-bottom: 3%;}
#tokyo2020venue .TYO_pic figure {position: relative;}
#tokyo2020venue .TYO_pic figcaption {position: absolute; bottom: 3%; right:0; background:rgba(0,0,0,0.6); padding: 1% 2%; width: auto;text-align: left;color: #f5f5f5;font-size:90%; line-height: 150%;}

/* 形態 */
.formIco { display: inline-block; position: absolute; top: 0; right: 2%; margin: 0; padding: 10px 0; z-index: 2; width: 50px;
 text-align: center!important; font-size: 20px; color: white; background: #ff7328; font-weight: 600;}
.formIco:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 25px solid #ff7328; border-right: 25px solid #ff7328; border-bottom: 10px solid transparent;}

/* 情報 */
#tokyo2020venue .TYO_detail {width: 94%; margin: 5% 0; overflow: hidden; float: left;background: #f9f9f9;padding-bottom: 1%; padding-top: 3%; padding-left: 3%; padding-right: 3%; /*background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);*/}
#tokyo2020venue .TYO_detail dt {clear: left; float: left; width: 20%; padding: 1% 2%; margin-right: 3%; border: 1px solid #555; color: #333;-moz-text-align-last: justify; text-align-last: justify;margin-bottom: 2%;}
#tokyo2020venue .TYO_detail dd {padding: 1% 0; float: left; width: 64%; text-align: left; line-height: 180%;margin-bottom: 2%; }

/*#tokyo2020venue .venuedetail {width: 100%; margin-bottom:3%; overflow: hidden; float: left; display:table;}
#tokyo2020venue .venuedetail dt {clear: left; float: left; width: auto;min-width: 120px; margin: 0!important;vertical-align:middle;display:table-cell;}
#tokyo2020venue .venuedetail dd {padding: 0; width: auto; text-align: left; vertical-align:middle!important; display:table-cell;font-size: 120%;line-height: 150%;min-width: 380px;}*/

#tokyo2020venue .TYO_item { position: relative; display: inline-block; padding: 0 15px; width: auto; min-width: 115px; height: 30px; line-height: 30px; color: #555; text-align: center; background: #fff; border: 1px solid #333; z-index: 0; font-size:95%;
}/*
#tokyo2020venue .TYO_item:before { content: ""; position: absolute; top: 50%; right: -7px; margin-top: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #fff; z-index: 0;}
#tokyo2020venue .TYO_item:after { content: ""; position: absolute; top: 50%; right: -8px; margin-top: -8px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #555; z-index: -1;}*/

/* access */
#tokyo2020venue .TYO_access { position: relative; display: inline-block; padding: 0; width: 99%; min-width: 115px; height: 40px;
 line-height: 38px; color: #333; text-align: center; background: #fff; border: 1px solid #333; z-index: 0; margin: 2% auto;}
#tokyo2020venue .TYO_access:before { content: ""; position: absolute; bottom: -7px; left: 50%; margin-left: -9px; width: 0px;
 height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #fff transparent transparent transparent; z-index: 0;}
#tokyo2020venue .TYO_access:after { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 8px 8px 0 8px; border-color: #333 transparent transparent transparent; z-index: -1;}
#tokyo2020venue .TYO_accessTxt{width: 93%; margin: 2% auto;}

/* MAP */
.venuemap{width: 100%;margin: 5% 0 0% 0;/*border: double 4px #eee;padding: 1%;*/position: relative;}
.venuemap .mapIco { display: inline-block; position: absolute; top: -1%; left: 2%; margin: 0; padding: 10px 0; z-index: 2; width: 50px;
 text-align: center!important; font-size: 15px; color: white; background: #ff7328; font-weight: 600;}
.venuemap .mapIco:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 25px solid #ff7328; border-right: 25px solid #ff7328; border-bottom: 10px solid transparent;}

.vmap {position: relative;background: #fff;padding: 2px 5px 2px 40px;font-size: 110%;color: #474747;border-radius: 0 10px 10px 0;font-weight: 600;text-align: left;}
.vmap:before { font-family: "Font Awesome 5 Free"; content: "\f3c5"; display: inline-block; 
 position: absolute; padding: 0em; color: white; background: #333; font-weight: 500; width: 30px; text-align: center; height: 30px; line-height: 30px; left: 0; bottom: -30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);}
 
/* 使わなかったら消す */
.TYO_doubLine{ width:100%; text-align:center;margin-bottom: 3%;}
.TYO_doubLine p{ position:relative; display:inline-block;font-size: 150%;}
.TYO_doubLine p:before, .TYO_doubLine p:after{ content:""; display:block; width:180px; height:4px; border-top:1px solid #111;
 border-bottom:1px solid #111; position:absolute; top:50%; margin-top:-2px;}
.TYO_doubLine p:before{left:-200px;}
.TYO_doubLine p:after{right:-200px;}


/* TOP List */
#tokyo2020venue .TYO_venueList { position: relative; margin: 0 auto; padding: 0; max-width: 680px; list-style: none; text-align: center;overflow: hidden;}
#tokyo2020venue .TYO_venueList figure { position: relative; float: left; overflow: hidden; margin:1% ; width: 31%; background: #fff; text-align: center; cursor: pointer;border: 1px solid #ddd;}


#tokyo2020venue .TYO_venueList figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
#tokyo2020venue .TYO_venueList figure figcaption { padding: 1%; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#tokyo2020venue .TYO_venueList figure figcaption small{font-size: 70%; font-weight: 500;} 
#tokyo2020venue .TYO_venueList figure figcaption::before,
#tokyo2020venue .TYO_venueList figure figcaption::after { pointer-events: none;}
#tokyo2020venue .TYO_venueList figure figcaption,#tokyo2020venue .TYO_venueList figure figcaption > a { position: absolute; top: 0;
 left: 0; width: 100%; height: 100%;}
#tokyo2020venue .TYO_venueList figure.venuepic { background: #000;}
#tokyo2020venue .TYO_venueList figure.venuepic img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px);
 opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-30px,0,0) scale(1.12); transform: translate3d(-30px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden;}

#tokyo2020venue .TYO_venueList figure.venuepic:hover img { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1);opacity: 0.6;}
#tokyo2020venue .TYO_venueList figure.venuepic h3 {border-bottom:none;font-size: 70%; position: absolute;/*text-shadow: 2px 4px 3px rgba(0,0,0,0.8);*/ right: 0%; bottom: -3%; background:rgba(0,0,0,0.5);padding: 3% 2% 2% 1%; text-align: center; line-height: 115%;height: 30px;width: 97%;color: #fff;font-weight: 500;}
#tokyo2020venue .TYO_venueList figure.venuepic h3:after{border-bottom:none;}
#tokyo2020venue .TYO_venueList figure.venuepic p {font-size: 13px!important;line-height: 120%!important;color: #fff; padding: 3% 3% 3% 0; width: 90%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0);text-shadow:2px 2px 3px #111;}
#tokyo2020venue .TYO_venueList figure.venuepic:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

/*paging*/
.ListPaging { width: 100%; position: relative; overflow: hidden; margin: 5% 0; display: table;text-align: center;}
.ListPaging li {box-sizing: border-box; position: relative; border: 1px solid #eee;line-height: 110%; float: left; height: 60px; display: table;}
.ListPaging li.noneL{border:none;pointer-events: none;}
.ListPaging li:first-child{margin-left: 0;padding: 1% 1% 1% 6%;text-align: left;width: 260px;}
.ListPaging li:first-child::after{content: "\f053";font-family: "Font Awesome 5 Free";font-weight: 500;position: absolute;left: 10px;top: calc(50% - 8px);color: #409ec9;}
.ListPaging li:nth-child(3n){margin-right: 0;padding: 1% 6% 1% 2%;text-align: right;width: 260px; }
.ListPaging li:nth-child(3n)::after{content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 500;position: absolute;right: 10px;top: calc(50% - 8px);color: #409ec9;}
.ListPaging li:nth-child(3n) p {text-align:right!important;}
.ListPaging li:nth-child(2n) { width: 118px; margin: 0 3% 0% 3%;padding-top: 0%;text-align: center;}
.ListPaging li:nth-child(2n) p {text-align:center!important;}
.ListPaging li a{color: #409ec9;}
/*.ListPaging li:hover{background: #eee;transition:0.8s;}*/
.ListPaging li p {display: table-cell;vertical-align: middle!important;font-size: 90%;font-weight: 600;}	

.ListPaging li.para a{color:#e72585;}
.ListPaging li.para:first-child::after, .ListPaging li.para:nth-child(3n)::after{color: #e72585;}
/* Stadium end */

/*
* athlete
-------------------------------------------------------------*/
.athleteLINK {width: 100%;font-weight:600; margin-top:3%; text-align:right;}
.athleteLINK:after{font-family: "Font Awesome 5 Free"; content: '\f061';margin-left: 1%;color:#0ebccc;}




/*
* MOVIE Channel
-------------------------------------------------------------*/
.TYO2020_movieCH {width: 100%; margin: 3% 0; overflow: hidden;}


/*ADD */
.ArticleAd {text-align: center; margin-top: 2%!important;margin-bottom: 0%;}
.Rectangle2 {padding: 0px 0px!important; margin: -5% auto 5% auto!important; text-align: center;}




/* site.cssの調整 */
ul.LinkList li a span.PhotoIcon {margin: 0px;margin-left: 9px;vertical-align: 0px!important;}
/* fontawesome.cssの調整 */
.fa-lg {font-size:30px;padding:2% 0% 0 4%;}

/* font-family */
.TYO_tokyo2020guide01 h3, .TYO_tokyo2020guide_inner h3, .TYO_tokyo2020guide02 h3, .TYO_tokyo2020guide_inner2 h3, .TYO_tokyo2020guide03 h3, .TYO_tokyo2020guide04 h3, .TYO_tokyo2020guideTOP h3, .TYO20guide_shumoku .link {font-family: "游明朝", YuMincho, serif, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝";transform: rotate(.03deg);font-weight: 600!important;;}*/
.TYOButt {font-family:-apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ", arial, helvetica, sans-serif!important;}


/* ===== Firefox ===== */
@-moz-document url-prefix() {
#TYO_tokyo2020Menu ul{padding: 7px 0 5px 10px;}
#TYO_Medalwaku {height: 34px;}
.Medalstep li{padding: 0.8% 0 1% 2%;}
.Medalstep li:last-child{padding-right: 2%;}
.Medalstep li .goldMedal, .Medalstep li .silverMedal, .Medalstep li .copperCMedal{font-size: 165%;font-weight:500;}
#TYO_PageTITLE .subT, #TYO_PageTITLE .subTP, h2, h3, #TYO_PageTITLE .mainT, .tokyo2020_category .MainInner .ArticleTitle h1 {font-weight: 500!important;}
.TlDays ul li{padding: 3px 7px 5px 10px;}
.TlDays ul li.on{padding: 5px 10px 4px 10px;}
#joyfru-oc-content #joyfru-oc-sch001 .joyfru-schArea .joyfru-schTtlTable table th{padding: 34px 0 28px;}
#tokyo2020venue .TYO_venueList figure.venuepic h3{line-height: 100%;}
#TYO_GameTITLE .TYKO_venue::before{font-size: 145%;}
#TYO_GameTITLE .Details{font-weight: 500;}
}





/* ===== IE ===== */
@media all and (-ms-high-contrast: none){
#TYO_tokyo2020Menu ul{padding: 8px 0 2px 10px;}
#TYO_tokyo2020Menu ul li{font-size: 90%;font-family: "メイリオ",Meiryo,sans-serif;}
#TYO_GameTITLE .Details {font-size: 100%;font-family: "メイリオ",Meiryo,sans-serif;color: #777!important;font-weight: 500;}
#TYO_GameTITLE.tokyo2020_category h3:after .subT{font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Meiryo, "メイリオ";}
.tab_area label {padding: 2% 0 1% 0;}
.tokyo2020Game_List li p{width: 95%;}
.TlDays ul li {padding: 6px 7px 0px 10px;}
.TlDays ul li.on{padding: 6px 10px 0px 9px;}
.TYOButt.back .icon, .TYOButt.more .icon {padding: 11px 20px;}
.TYOButt.back {padding: 10px 6% 5px 6%!important;}
.Medalstep li {padding-top: 5px;}
.Medalstep li .goldC{line-height:1; margin: 0; font-family:"メイリオ",Meiryo!important;}
.pagination ul.pagenavi_inner li span.pagenavi_now, .pagination ul.pagenavi_inner li a:link, .pagination ul.pagenavi_inner li a:visited{padding: 5px 8px 0px 8px;}
.tokyo2020PlayerList li .daihyo{padding: 3px 3px 0 3px!important;}
#tokyo2020venue .TYO_pic figcaption{padding: 2% 2% 1.5% 2%;}
#tokyo2020venue .TYO_detail dt{padding:1% 2% 0.5% 2%;}
#tokyo2020venue .TYO_access{padding:1% 0 0 0;}
.ListPaging li p, .ListPaging li:nth-child(3n) p {padding-top: 3%;}
.PNpaging span, .PNpaging span.prev, .PNpaging span.next{padding:1% 4% .6% 2%; }

.Medalstep li .goldMedal{background-image: url(../images/joyfru/medal/medal_icon_gold.svg); background-repeat: no-repeat; background-position: left 2px; padding-left: 40px; color: #fdd64b;margin:0 0 0 0%;background-size: 90%;}
.Medalstep li .silverMedal{background-image: url(../images/joyfru/medal/medal_icon_silver.svg); background-repeat: no-repeat; background-position: left 2px;padding-left: 40px; color: #d4d4d6;margin-right: 0;background-size: 90%;}
.Medalstep li .copperCMedal{background-image: url(../images/joyfru/medal/medal_icon_copper.svg); background-repeat: no-repeat; background-position: left 2px; padding-left: 40px; color: #c57e41;background-size:90%;}
.Medalstep li .goldMedal, .Medalstep li .silverMedal, .Medalstep li .copperCMedal {font-family:'Arial'; font-size: 150%; font-weight: 500; letter-spacing:0;}
.tokusyubox_text .tokusyucap { font-size: 94%;}

#TYO_GameTITLE .Details{font-weight: 500;}
}


/* ===== Safari ===== */
_::-webkit-full-page-media, _:future, :root 
 .Medalstep li {vertical-align:bottom!important!;}

_::-webkit-full-page-media, _:future, :root #TYO_tokyo2020Menu ul {height:23px;}
_::-webkit-full-page-media, _:future, :root #TYO_tokyo2020Menu ul li {line-height:130%;}
_::-webkit-full-page-media, _:future, :root .TlDays ul li, .TlDays ul li.on {padding:5px 6px 10px 10px;}
_::-webkit-full-page-media, _:future, :root ul.bottominfo li.discipline {padding:.5% 2% 1% 2%;}
_::-webkit-full-page-media, _:future, :root #TYO_GameTITLE .circleT, .timeline .newsTitle dt .ico_game{border: double 4px #eee}




/*日程枠削除*/
#TYO_GameTITLE .mainT {width: 100%;}
#TYO_GameTITLE .subT, #TYO_GameTITLE .subTP {margin:0% 0 1% 0%;}
#TYO_GameTITLE .circleT{display: none;}
 .Details{font-weight: 500;}
}


/* ===== Safari ===== */
_::-webkit-full-page-media, _:future, :root 
 .Medalstep li {vertical-align:bottom!important!;}

_::-webkit-full-page-media, _:future, :root #TYO_tokyo2020Menu ul {height:23px;}
_::-webkit-full-page-media, _:future, :root #TYO_tokyo2020Menu ul li {line-height:130%;}
_::-webkit-full-page-media, _:future, :root .TlDays ul li, .TlDays ul li.on {padding:5px 6px 10px 10px;}
_::-webkit-full-page-media, _:future, :root ul.bottominfo li.discipline {padding:.5% 2% 1% 2%;}
_::-webkit-full-page-media, _:future, :root #TYO_GameTITLE .circleT, .timeline .newsTitle dt .ico_game{border: double 4px #eee}




/*日程枠削除*/
#TYO_GameTITLE .mainT {width: 100%;}
#TYO_GameTITLE .subT, #TYO_GameTITLE .subTP {margin:0% 0 1% 0%;}
#TYO_GameTITLE .circleT{display: none;}