@media (max-width:1800px) {
	.search-wrap {
		margin-left: 20px;
	}
	.home .mid-header{
		padding: 30px;
	}
	.body-large .mid-header,
	.body-medium .mid-header{
		padding: 30px;
	}
	.main-slider .marquee {
		font-size: 350px;
	}
}
@media (max-width:1700px) {
	.main-menu ul li a{
		font-size: 16px;
	}
}
@media (max-width:1600px) {

	.main-slider .item .title{
		font-size: 300px;
	}
	.time-wrap .before, .time-wrap .after{
		font-size: 32px;
	}
	.time-wrap .note{
		font-size: 13px;
	}
	.time-wrap img{
		width: 92px;
		height: 92px;
	}
	.image-right-bottom{
		width: 100px;
		right: 100px;
	}
	.main-slider .owl-dots {
		margin-top: 30px;
	}
	.site-brand{
		margin-right: 10px;
	}
	.main-slider .marquee {
		font-size: 320px;
	}
}
@media (max-width:1441px) {
	.mid-header{
		padding: 30px 0;
	}
	.main-menu ul li a{
		padding: 0 8px;
	}
	.main-slider .item .title{
		font-size: 250px;
	}
	.site-name{
		letter-spacing: normal;
	}
	.home .mid-header{
		padding: 30px 10px;
	}
	.body-large .mid-header,
	.body-medium .mid-header{
		padding: 30px 10px;
	}
	.search-wrap{
		margin-left: 0;
	}
	.site-brand img{
		max-width: 300px;
	}
	/*.banner h2.title{
		font-size: 65px;
	}*/
	.owl-dots .owl-dot span{
		width: 170px;
	}
	.p-deaflympics .textbox-content-top .desc-content-2{
		font-size: 32px;
	}
	.textbox-content-top h1{
		font-size: 54px;
	}
	.textbox-content-top p,
	.textbox-athletics p,
	.box-topics p,
	.p-contents .list-banner .item .desc,
	.p-contents .list .item .desc p{
		text-transform: none;
	}
	.entertainer .entertainer-desc {
/*		font-size: var(--fs-h6);*/
		width: 100%;
	}
	.main-slider .marquee {
		font-size: 265px;
	}
}

@media only screen and (max-width: 1277px) and (min-width: 1201px)  {
	.open-search {
		width: 20px;
		height: 20px;
	}
	.main-menu ul li a {
		padding: 0 5px;
	}
}

@media (max-width:1200px) {
	.mobile-menu{
		display: flex;
		justify-content: flex-end;
	}
	.main-menu{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #fff;
		z-index: 99;
		display: none;
		height: calc(100vh - 51px);
		overflow: auto;
	}
	.main-menu.open{
		display: block;
	}
	.main-menu ul{
		width: 100%;
	}
	.main-menu ul li{
		display: block;
	}
	.main-menu ul li a{
		display: block;
		padding: 22px !important;
		border-top: 1px solid #ddd;
	}
	.main-slider .item .title{
		font-size: 180px;
	}
	.time-wrap .before, .time-wrap .after{
		font-size: 24px;
	}
	.time-wrap img{
		width: 80px;
		height: 80px;
	}
	.time-wrap.en .time {
		padding: 14px 40px 14px 75px;
	}
  .time-wrap .time span {
		width: 34px;
		height: 48px;
  }
	.image-right-bottom{
		width: 80px;
		right: 40px;
	}
	.about .item {
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0 !important;
	    margin-bottom: 80px;
	}
	.mid-header .search-wrap{
		order: 1;
		margin-left: 0;
		flex: 1;
	}
	.mid-header .site-brand{
		order: 2;
		flex-grow: unset;
		margin: 0 15px;
	}
	.mid-header{
		border-bottom: 1px solid #C8C8C8;
	}
	.mid-header .mobile-menu{
		order: 3;
		flex: 1;
		text-align: right;
	}
	.search-form-wrap{
		right: auto;
		left: 0;
	}
	.home .mid-header,
	.mid-header{
		padding: 0;
	}
	.body-large .mid-header,
	.body-medium .mid-header{
		padding: 0;
	}
	.site-header .container-fluid{
		padding: 0;
	}
	.open-search{
		width: 50px;
		height: 50px;
	}
	.mobile-menu .inner{
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		cursor: pointer;
	}
	.mobile-menu.open .inner{
		background-color: #000;
		color: #fff;
	}
	.mobile-menu .inner svg{
		display: none;
	}
	.mobile-menu.open .inner i{
		display: none;
	}
	.mobile-menu.open .inner svg{
		display: block;
	}
	.mb-languages{
	    display: block;
	    padding: 30px 50px;
	    border-top: 1px solid #C8C8C8;
	}
	.mb-languages .inner{
		display: flex;
		align-items: center;
		border: 1px solid #000;
		border-radius: 8px;
		padding: 12px 20px;
	}
	.mb-languages .inner svg{
		margin-right: 10px
	}
	.mb-languages .inner select{
		flex: 1;
		border: 0;
		font-family: Noto Sans JP;
		font-size: 16px;
		font-weight: 400;
		outline: 0;
		outline-offset: inherit;
	}
	.main-menu ul li.lang-item{
		display: none;
	}
	.main-slider .marquee {
		font-size: 234px;
	}
}
@media (max-width:1025px) {
	.heading .heading-title{
		letter-spacing: -3px;
	}
	.main-slider .item img{
		margin-top: 27px;
	}
	.main-slider .marquee{
		font-size: 280px;
	}
	.about .item .inner{
		padding: 60px 60px 0;
	}
	.body-large .about .item .inner,
	.body-medium .about .item .inner{
		padding: 60px 60px 0;

	}
	.about{
		padding-bottom: 0;
	}
	.news{
		padding-top: 60px;
	}
	.heading .heading-sub{
		letter-spacing: normal;
	}
	.site-bottom li a{
		font-size: 20px;
	}
	.main-slider .item > img{
		height: auto;
	}
	.main-slider .marquee {
		font-size: 200px;
		top: 58%;
	}
}
@media (max-width:992px) {
	:root{
	    --fs-h1: var(--fs-tablet-h1);
	    --fs-h2: var(--fs-tablet-h2);
	    --fs-h3: var(--fs-tablet-h3);
	    --fs-h4: var(--fs-tablet-h4);
	    --fs-h5: var(--fs-tablet-h5);
	    --fs-h6: var(--fs-tablet-h6);
	    --fs-p: var(--fs-tablet-p);
	    --fs-a: var(--fs-tablet-a);
	}
	.heading .heading-title{
		letter-spacing: normal;
	}
	.about-mobile{
		display: block;
		height: 32px;
	}
	.about .item{
		margin-bottom: 40px;
	}
	.main-slider .item .title{
		font-size: 100px;
	}
	.banner{
		padding: 80px 0;
	}
	.blog-grid .post {
	    flex: 0 0 50%;
	    max-width: 50%;
	    margin-bottom: 30px;
	}
	.site-bottom{
		padding-top: 80px;
	}
	.site-bottom .widget_nav_menu .menu-main-menu-container{
		padding-left: 0;
		margin-top: 40px;
	}
	.site-bottom .col-lg-4:last-child{
		padding-left: 15px;
		margin-top: 40px;
	}
	.finger-letters .list{
		flex-wrap: wrap;
	}
	.finger-letters .list .item{
		flex: 0 0 20%;
		max-width: 20%;
		margin-top: 20px !important;
	}
	.finger-letters .list{
		padding: 38px;
	}
	.p-contents .box > .list{
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	.p-contents .box > .list .item{
		flex: 0 0 50%;
		max-width: 50%;
		display: block;
		padding: 0 15px;
	}
	.p-contents .box > .list .item .thumb,
	.p-contents .box > .list .item .info{
		padding: 0;
		margin: 0 0 20px 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.p-contents .box > .list .item .info{
		margin: 0;
	}
	.footer-logo{
		text-align: center;
	}
	.main-slider .marquee {
		font-size: 170px;
	}
	.time-wrap.en .time {
		padding: 14px 40px 14px 75px;
	}
  .time-wrap .time span {
		width: 34px;
		height: 48px;
  }
}
@media (max-width:768px) {
	:root{
	    --fs-h1: var(--fs-mobile-h1);
	    --fs-h2: var(--fs-mobile-h2);
	    --fs-h3: var(--fs-mobile-h3);
	    --fs-h4: var(--fs-mobile-h4);
	    --fs-h5: var(--fs-mobile-h5);
	    --fs-h6: var(--fs-mobile-h6);
	    --fs-p: var(--fs-mobile-p);
	    --fs-a: var(--fs-mobile-a);
	}
	.main-slider,
	.main-slider .item > img{
		height: auto;
	}
	.about-mobile{
		display: block;
		height: 24px;
	}
	.about .item .desc{
		height: auto;
	}
	.image-right-bottom{
		width: 63px;
	    right: 20px;
	    bottom: 26px;
	}
	.time-wrap .before, .time-wrap .after{
		/* font-size: var(--fs-mobile-h3); */
		font-size: 18px;
	}
	.time-wrap{
		/* margin-top: 60px; */
	}
	.time-wrap img{
		width: 65px;
		height: 65px;
	}
	.time-wrap.en .time {
		padding: 14px 24px 14px 24px;
	}
  .time-wrap .time span {
		width: 25px;
		height: 33px;
  }
	.main-slider .owl-dots {
	    margin-top: 80px;
	}
	.main-slider .marquee{
		font-size: 250px;
	}
	.site-brand img{
		max-width: 240px;
	}
	.banner h1.title{
		font-size: var(--fs-mobile-h1);
	}
	.athlete .row,
	.entertainer .row{
		display: block;
	}
	.athlete .heading,
	.heading.align-left{
		text-align: center;
	}
	.contents .heading{
		margin-top: 0;
	}
	.contents .content-desc, .athlete .athlete-desc{
		text-align: center;
	}
	.button-wrap.align-left,
	.heading.align-right,
	.entertainer .entertainer-desc{
		text-align: center;
		justify-content: center;
		margin-bottom: 30px;
	}
	.athlete .button-wrap{
		margin-bottom: 30px;
	}
	.athlete,
	.entertainer,
	.contents{
		padding-top: 80px;
	}
	.entertainer .button-wrap{
		margin-right: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.contents{
		padding-bottom: 40px;
	}
	.bottom-banner{
		padding-bottom: 40px;
	}
	.entertainer img{
	    width: 100%;
	}
	.p-contents .box > .list .item:first-child,
	.p-contents .box > .list .item,
	.p-contents .box > .list .item:last-child,
	.p-contents .list-banner .item{
		margin-bottom: 40px;
	}
	.p-contents .list-banner{
		padding-top: 40px;
		margin-bottom: 70px;
	}
	.p-contents{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.p-contents .p-description{
		margin-bottom: 30px;
	}
	.bottom-banner .content{
		font-size: var(--fs-mobile-h2);
	}
	.heading .heading-title .title-inner .line{
		height: 12px;
	}
	.entertainer{
		background-size: contain;
	}
	.footer-logo{
		text-align: center;
	}
	.athlete .thumb-post-athlete{
		justify-content: center;
	}
	.athlete .thumb-athlete{
		text-align: right;
		margin-left: 0;
		padding-right: 30px;
	}
	.main-slider .marquee {
		font-size: 150px;
	}
	.time-wrap .note {
		margin-right: 0 !important;
	}
	.main-slider .item img {
		margin-top: 0;
	}
}
@media (max-width:670px) {
	.main-slider .marquee {
		font-size: 125px;
	}
}
@media (max-width:576px) {
	.banner h1.title{
		font-size: var(--fs-mobile-h3);
		margin-bottom: 30px;
		letter-spacing: normal;
	}
	.banner{
		padding: 40px 10px;
	}
	.banner .description{
		font-size: var(--fs-mobile-p);
	}

	.about{
		padding: 0;
	}
	.heading .heading-sub{
		font-size: var(--fs-mobile-h3);
	}
	.about .item .inner{
		padding: 30px 10px 0;
		border-radius: 70px;

	}
	.about .item .inner {
    	border: 2px solid #FF2CFF;
	}
	.body-large .about .item .inner,
	.body-medium .about .item .inner{
		padding: 30px 10px 0;

	}

	.entertainer .entertainer-desc p{
		text-align: center !important;
	}
	.about .item:nth-child(2n) .inner {
		border: 2px solid #0F0;
	}
	.about .item .desc span{
		margin-left: 56px;
	}
	.about .item .title svg{
		width: 10px;
	}
	.heading{
		margin-bottom: 40px;
	}
	.p-contents .heading{
		margin-bottom: 35px;
	}
	.heading .heading-title .title-inner .line{
		height: 24px;
	}
	.blog-grid{
		margin-left: -15px;
		margin-right: -15px;
	}
	.blog-grid .post{
		padding: 0 15px;
	}
	.button-more{
		height: 60px;
		line-height: 58px;
		padding: 0 80px;
		border-radius: 20px;
	}
	.contents .content-desc,
	.entertainer .entertainer-desc{
		padding: 0 25px;
	}
	.athlete .button-wrap{
		display: none;
	}
	.athlete .athlete-desc{
		letter-spacing: 1px;
	}

	.entertainer .entertainer-desc br{
		display: none;
	}

	.site-bottom .wp-block-image img{
		max-width: 100px;
	}
	.site-bottom li{
		margin-bottom: 10px;
	}
	.site-bottom h3.wp-block-heading{
		font-size: var(--fs-mobile-h4);
	}
	.site-footer{
		padding: 40px 0;
	}
	.wp-block-social-links .wp-social-link svg{
		width: 40px;
		height: 40px;
	}
	.main-slider .item .title{
		font-size: 70px;
		letter-spacing: normal !important;
	}
	.owl-dots .owl-dot span{
		width: 150px;
	}
	.owl-dots .owl-dot.active span{
		height: 5px;
	}
	.time-wrap .before{
		width: 100%;
		text-align: center;
		margin-bottom: 3px;
	    font-size: var(--fs-mobile-h6) !important;
	    margin-right: 5px;
	}
	.time-wrap .after{
	  font-size: 10px !important;
		margin-left: 4px;
	}
	.time-wrap .before, .time-wrap .after{
		font-size: var(--fs-mobile-h6);
      max-width: 100%;
	}
	.time-wrap img{
		width: 36px;
		height: 36px;
	}
	.main-slider .item .time img{
		width: 28px !important;
		height: 28px;
		margin-top: 0;
		margin-right: 1px;
		margin-left: 1px;
	}
	.main-slider .marquee {
		font-size: 83px;
	    height: 100px;
	    top: 50%;
	}
	.search-form-wrap{
		width: 100vw;
	}
	.heading .heading-title{
		letter-spacing: normal;
		font-size: var(--fs-mobile-h2);
    	margin-bottom: 30px;
	}
	.main-slider{
		padding-top: 20px;
	}
	.bottom-banner .content{
		height: auto;
		padding: 40px 50px;
		text-align: center;
		font-size: var(--fs-mobile-h4);
	}
	/* .finger-letters .list .item {
	    flex: 0 0 50%;
	    max-width: 50%;
	} */
	.finger-letters .title h2{
		white-space: normal;
		padding: 13px 40px;
	}
	.finger-letters .title{
		top: -27px;

	}
	.finger-letters .list{
		padding: 38px 15px;
	}
	.site-name{
		letter-spacing: normal;
	}
	.preset-popup{
		max-width: 100%;
	    width: auto;
	    padding: 56px 20px;
	    top: 0;
	    left: 0;
	    right: 0;
	    height: calc(100vh - 51px);
	    background-color: #fff;
	}
	.time-wrap.en,
	.time-wrap{
		/* margin-top: 20px; */
		flex-wrap: unset;
	}
	.time-wrap.ja{
		flex-wrap: wrap;
	}
	.time-wrap .note{
		margin-right: 0;
		text-align: left;
		margin-left: 0;
		font-size: 8px;
	}
	.main-slider .owl-dots{
		margin-top: 26px;
	}
	.time-wrap .time span {
	    width: 14px;
	    height: 19px;
	    margin-left: 4px;
	    background-size: contain !important;
	}
	.time-wrap.en .time{
		padding: 8px 8px 7px 32px;
		border-width: 1px;
		margin-right: 4px;
	}
	.countdown .time-wrap{
		flex-wrap: wrap;
	}
	.news{
		background-position: top 156px right;
	}
	.athlete{
		background-size: 163%;
   	 	background-position: top 150px left;
	}
	.athlete-grid .item{
		margin-bottom: 20px;
		padding-right: 8px;
	}
	.athlete-grid .item:nth-child(2n){
		padding-left: 10px;
	}
	.entertainer{
		padding-top: 60px;
		background-position: top 175px right;
    	background-size: 83%;
	}
	.post .post-thumb img{
		object-fit: cover;
		height: 120px;
	}
	.entertainer .col-md-6:last-child{
		padding: 0;
	}
	.bottom-banner .content{
		padding: 30px 15px;
		background-size: contain;
	}
	.bottom-banner .content span{
		font-size: var(--fs-mobile-h5);
	}
	.body-large .bottom-banner .content span{
		font-size: var(--fs-mobile-h6);
	}
	.body-small .bottom-banner .content span{
		font-size: var(--fs-mobile-h6);
	}
	.footer-logo{
		font-size: 32px;
		letter-spacing: normal;
	}
	.site-bottom li a{
		font-size: var(--fs-mobile-h5);
		letter-spacing: normal;
	}
	.site-bottom{
		padding-top: 40px;
	}
	#block-8{
		margin-bottom: 0 !important;
	}
	.widget.widget_block img{
		width: 48px;
	}
	.site-brand img{
		max-width: 200px;
	}
	.athlete .athlete-desc{
		margin-bottom: 40px;
	}
	.athlete .athlete-desc p:last-child{
		margin-bottom: 0;
	}
	.entertainer .entertainer-desc br.mobile{
		display: block;
	}
	.banner .description .mobile,
	.athlete .athlete-desc p .mobile{
		display: block;
	}
	.entertainer .entertainer-desc{
		letter-spacing: normal;
	}
	.entertainer .button-wrap,
	.contents .button-wrap{
		display: none;
	}
	.entertainer .button-wrap.mobile,
	.contents .button-wrap.mobile{
		display: block;
		margin-top: 38px;
	}
	.entertainer .button-wrap.mobile{
		margin-bottom: 0;
	}
	.copyright{
		font-size: var(--fs-mobile-h6);
	}
	.athlete .thumb-post-athlete{
		gap: 30px;
	}
	.athlete .thumb-athlete{
		margin: 0;
	}
	.athlete .thumb-athlete{
		padding: 0;
	}
	.athlete .icon-post-athlete{
		width: 48px;
		height: 48px;
	}
	.athlete .thumb-athlete>img{
		border-radius: 65px;
	}
	.image-right-bottom img{
		height: 61px;
		width: 61px;
		object-fit: contain;
	}
	.about .item .desc{
		font-size: var(--fs-mobile-h6);
		letter-spacing: 0;
	}
	html[lang="en-GB"] .about .item .title{
		font-size: var(--fs-tablet-h5);
	}
	html[lang="en-GB"] .about .item .desc{
		font-size: var(--fs-mobile-h6);
	}
	html[lang=en-GB] .item .title svg{
		display: none;
	}
	html[lang="en-GB"] .body-medium .about .item .title {
		font-size: var(--fs-tablet-h6);
	}
}