@charset "utf-8";
/*
Theme Name: ipljp
Theme URI: https://wordpress.org/themes/twentyeleven/
Template: twentyeleven
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Tags: blog,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready
Version: 2.7.1514384041
Updated: 2017-12-27 23:14:01

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600,700,800;1,600&family=Rubik:ital,wght@0,600;1,600&display=swap');
html{ font-size:62.5%; }
body {
	font-family: 'Open Sans', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 0;
	word-wrap: break-word;
	box-sizing: border-box;
	background: rgb(255, 255, 255);
}
.font-j{ font-family: 'Open Sans', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
a, a img {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a img:hover{
	//opacity: 0.75;
}
ul {
	list-style: square;
	margin-left: 20px;
}
dl{
	margin: 0 0 2em;
	border-bottom: solid 1px rgb(221, 221, 221);
}
dt {
	line-height: 2.3;
	color: rgb(51, 51, 51);
	margin: 0;
	padding: 0 15px;
	border: solid 1px rgb(224, 224, 224);
	background-color: rgb(247, 247, 247);
}
dd {
	line-height: 1.6;
	margin: 0;
	padding: 10px 15px;
}
dl ul,
dl ol{
	margin: 0 20px 1.625em;
}
.hr-l{
	margin: 1.625em 0;
}
.inner {
	max-width: 1050px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 5%;
}
#page{
	max-width: 100%;
	margin: 0 auto;
	background: none;
}
#main{
	padding: 0;
	overflow: hidden;
}
.home #main{
	padding: 0;
}
#primary{}
#content {
	width: 100%;
	margin: 0;
}
#main-view {
	position: relative;
	background: url(images/home-image-fuji.jpg) no-repeat center;
	background: url(images/home-image.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.pat {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0px solid rgb(0, 0, 0);
	background-image: linear-gradient( -45deg, rgba(255, 255, 255, 0.1) 25%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.1) 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) );
	background-size: 6px 6px;
}
a[href$='.pdf']:before {
	font-family: "Font Awesome 5 Free";
	content: "\f1c1";
	color: rgb(144, 27, 39);
	margin-right: 5px;
}
.ttf-up{ text-transform: uppercase; }
.col-w{ color: rgb(255, 255, 255); }
.box {
	margin-bottom: 2em;
	padding: 1.625em;
	border: solid 1px rgb(221, 221, 221);
}
.box p:last-of-type,
.box ul:last-of-type,
.box ol:last-of-type,
.box dl:last-of-type{
	margin-bottom: 0;
}
.box-m {
	max-width: 750px;
	margin: 0 auto 1.625em;
}
em{
	font-style: normal;
	color: rgb(255, 0, 0);
}
a.btn{
	display: block;
	width: 45%;
	color: rgb(204, 204, 0);
	text-decoration: none;
	text-align: center;
	margin: 2em auto;
	padding: 2%;
	border-radius: 3px;
	border: solid 2px rgb(204, 204, 0);
}
a.btn:hover{
	color: rgb(255, 255, 255);
	background: rgb(204, 204, 0);
}
a.btn-y {
	text-decoration: none;
	padding: 2%;
	color: rgb(204, 204, 0);
	display: block;
	width: 45%;
	margin: 1em auto;
	border-radius: 3px;
	border: solid 2px rgb(204, 204, 0);
	opacity: 10;
}
a.btn-y:hover{
	color: rgb(255, 255, 255);
	background: rgb(204, 204, 0);
}
a.btn-more {
	display: block;
	max-width: 110px;
	color: rgb(255, 255, 255);
	text-decoration: none;
	text-align: center;
	padding: 1% 5%;
	border: solid 1px;
}
a.btn-more:hover{
	color: rgb(51, 51, 51);
	background: rgb(255, 255, 255);
	border: solid 1px rgb(255, 255, 255);
}
a.btn-more.soon,
a.btn-more.soon:hover,
a.btn-more.soon:focus{
	color: rgba(255, 255, 255, 0.5);
	cursor: default;
	border: solid 1px rgba(255, 255, 255, 0.5);
	background: none;
}
.align-c{
	text-align: center;
}
.font-m{
	font-size: 14px;
}
#bread-wrap {
	position: relative;
	padding: 5px 0;
	background: rgb(243, 243, 243);
}
#bread-wrap p {
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.red{ color: rgb(255, 0, 0); }

/* header
--------------------------------*/
.st0 { fill:rgb(255, 255, 255); }
.st1 { fill:rgb(255, 255, 255); }
#head-wrap,
#colophon{
	// background: rgba(0, 0, 0, 1.0);
	background-color: #2d347c; 
}
#head-wrap .inner {
	max-width: 100%;
	padding: 1% 5%;
	background: none;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-shadow: 0px 0px 15px 2px rgba(255, 255, 255, 0.2);
}
#branding{
	border: none;
	position: initial;
	padding: 0;
}
#site-title{
	position: relative;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	z-index: 9999;
	display:flex;
	align-items: center;
}
#site-title a {
	font-family: 'Fjalla One', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	color: rgb(255, 255, 255);
}

/* Navi
--------------------------------*/
#access {
	clear: none;
	float: none;
	text-transform: uppercase;
	margin: 0;
	background: none;
	display: inline-block;
	width: auto;
	box-shadow: none;
}
#access div {
	overflow: hidden;
	margin: 0;
}
#access ul{
	margin: 0;
}
#access ul li a{
	font-family: "Rubik", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
}

/* logo-svg
--------------------------------*/
.svg-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
}
.svg-wrap {
	padding: 15%;
	width: 100%;
}
.svg-wrap h2{
	text-align: center;
	max-width: 550px;
	font-size: 68px;
	font-weight: 600;
	font-family: 'Fjalla One', sans-serif;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin: 0 auto;
	line-height: 1.2;
}
.svg-wrap svg{}
.svg-wrap p{
	text-align: center;
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
}
.svg-wrap p.date{
	font-family: 'Fjalla One', sans-serif;
	font-size: 40px;
	font-size: 4.0rem;
	max-width: 500px;
	letter-spacing: -1px;
	margin: 0.3em auto 0.25em;
	border-top: solid 2px;
}
.svg-wrap p.date span{
	font-size: 24px;
	font-size: 2.4rem;
}
.svg-wrap a {
	font-size: 60px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.75);
	margin: 0;
}
p.center{
	text-align: center;
}
.st0.animation{
	fill: none;
	stroke-dasharray: 3000;
	stroke-dashoffset: 3000;
	animation: DASH 3s ease-in 1s forwards;
	-webkit-animation: DASH 3s ease-in 1s forwards;
}
@keyframes DASH {
	0% {
		stroke-dashoffset: 3000;
		fill: rgba(255, 255, 255, 0);
	}
	50% {
		stroke-dashoffset: 2000;
		fill: rgba(255, 255, 255, 0.2);
	}
	70% {
		stroke-dashoffset: 1000;
		fill: rgba(255, 255, 255, 0.4);
	}
	100% {
		stroke-dashoffset: 0;
		fill: rgba(255, 255, 255, 0.75);
	}
}
@-webkit-keyframes DASH {
	0% {
		stroke-dashoffset: 3000;
		fill: rgba(255, 255, 255, 0);
	}
	50% {
		stroke-dashoffset: 2000;
		fill: rgba(255, 255, 255, 0.2);
	}
	70% {
		stroke-dashoffset: 1000;
		fill: rgba(255, 255, 255, 0.4);
	}
	100% {
		stroke-dashoffset: 0;
		fill: rgba(255, 255, 255, 0.75);
	}
}
ul.anc-list {
	list-style: none;
	font-size: 18px;
	text-transform: uppercase;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0;
}
ul.anc-list{
	list-style: none;
	margin: 1em 0;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	}
ul.anc-list li{
	width: 100%;
	text-align: center;
}
ul.anc-list li a {
	display: block;
	line-height: 1.2;
	font-family: 'Fjalla One', sans-serif;
	color: rgb(255, 255, 255);
	padding: 4% 2%;
	border: solid 3px rgb(255, 255, 255);
}
ul.anc-list li a:hover,
ul.anc-list li a:focus {
	text-decoration: none;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	border: solid 3px rgb(255, 255, 255);
	text-shadow: none;
}


/* front-page
--------------------------------*/
.home section{}
.seg1-wrap{}
.seg1{
	padding: 80px 0;
	background: rgb(0, 0, 0);
	border-bottom: solid 1px;
}
.type-01,
.type-02{
	background-image: url(images/bg-01.jpg);
}
.type-01, .type-02, .singular .entry-title{
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 60% center;
	-webkit-background-attachment: fixed;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.seg1-txt{
	color: rgb(255, 255, 255);
}
.seg1-txt h3,
.seg1-txt .date{
	font-family: 'Fjalla One', sans-serif;
	text-shadow: 0px 0px 10px #000;
	margin: 0;
}
.seg1-txt .date{
	font-size: 24px;
	font-size: 2.4rem;
	border-bottom: solid 2px;
	display: inline;
}
.seg1-txt h3 {
	font-size: 55px;
	font-size: 5.5rem;
	line-height: 1.2;
	font-weight: 900;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin: 15px 0;
}
.seg1-txt ul.seg-banner{
	list-style: none;
	margin: 0 0 1em;
	overflow: hidden;
}
.seg1-txt ul.seg-banner li{
	float: left;
	width: 120px;
	margin-right: 10px;
}
.seg1-txt ul.seg-banner img{
	width: 100%;
	height: auto;
	border: solid 1px rgb(255, 255, 255);
}
.seg1-txt p{}
.seg1-txt .date span {
	margin-right: 8px;
	padding: .1% 1%;
	border: solid 1px;
}
.br-sp{
	display: none;
}

/* page
--------------------------------*/
.singular #content,
.left-sidebar.singular #content{
	margin: 0;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title{
	width: 100%;
}
.singular .entry-header,
.error404 .entry-header,
.search .page-header{
	background: rgb(0, 0, 0);
}
.singular .entry-title,
.search .page-title{
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: rgb(255, 255, 255);
	padding: 1.6em 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}
ul.of-logo {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style: none;
	margin: 2em 7% 0;
}
ul.of-logo li {
	max-width: 190px;
	text-align: center;
}
ul.of-logo li img{
	width: 100%;
	height: auto;
	border: solid 1px rgb(221, 221, 221);
}
.head-thumbnail{
	line-height: 0;
	text-align: center;
	margin: 2em 0 0;
	padding: 0 10%;
}
.head-thumbnail img {
	max-width: 100%;
	border: solid 1px rgb(221, 221, 221);
}
.singular.page .hentry{
	padding: 0;
}
div.event-wrap{
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
p.poster,
dl.event-list{
	margin: 0;
}
p.poster{
	flex: 2;
	margin-right:  3%;
}
dl.event-list{
	flex: 4;
}
.entry-content h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 0 0 .3em;
	border-bottom: solid 1px rgb(204, 204, 204);
}
.entry-content img{
	margin-top: 0;
	height: auto;
}
.conetst-wrap{}
.en{ font-family: 'Fjalla One', sans-serif; }
.con-thumbnail{
	position: relative;
	min-height: 580px;
	margin: 0;
}
.con-thumbnail img{
	max-width: 100%;
	margin: 0;
}
span.svg-code {
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	max-width: 400px;
	margin: 0 auto;
	padding: 0 10%;
}
.conetst-wrap .entry-header{
	background: rgb(255, 255, 255);
}
.conetst-wrap .entry-title{
	color: rgb(51, 51, 51);
	font-size: 52px;
	font-weight: 900;
	line-height: 65px;
	padding: 1em 0;
}
a.anc-contact{
	position: relative;
	display: block;
	text-decoration: none;
	color: rgb(255, 255, 255);
	z-index: 2;
	overflow: hidden;
	padding: 10px 20px;
	background: rgb(84, 165, 70);
	border: solid 1px rgb(88, 218, 66);
	box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
}
a.anc-contact:before,
a.anc-contact:after{
	content: none;
}
.button {
	max-width: 200px;
	text-align: center;
	margin: 0 auto 3em;
}
.button a:hover {
	box-shadow: 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.button a:before {
	display: block;
	position: absolute;
	z-index: -1;
	left: -30%;
	top: -50%;
	content: "";
	width: 20px;
	height: 80px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255, 255, 255, 0.1)),color-stop(100%,rgba(255,255,255,0)));
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
	animation: shiny 4s infinite linear;
	-webkit-animation: shiny 4s infinite linear;
	-moz-animation: shiny 4s infinite linear;
	background-color: rgba(255, 255, 255, 0.3);
}
@keyframes shiny {
	0% { left: -30%; }
	20% { left: 250%; }
	100% { left: 250%; }
}
@-webkit-keyframes shiny {
	0% { left: -30%; }
	20% { left: 250%; }
	100% { left: 250%; }
}
@-moz-keyframes shiny {
	0% { left: -30%; }
	20% { left: 250%; }
	100% { left: 250%; }
}
section.contest-sec{
	padding: 100px 0;
}
section.contest-sec.black,
section.contest-sec.black dt{
	background: rgb(21, 35, 49);
	color: rgb(255, 255, 255);
	padding: 35px 0;
}
.intro{
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.conetst-wrap .entry-content h2{
	position: relative;
	text-transform: uppercase;
	text-align: center;
	font-size: 48px;
	margin-bottom: 60px;
	border: none;
}
.conetst-wrap .entry-content h2 span{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 0.5em;
	background-color: white;
}
.conetst-wrap .entry-content h2:before,
.conetst-wrap .entry-content h2:after {
	content: "";
	position: absolute;
	top: 42%;
	left: 0;
	width: 100%;
	border-top: 1px solid;
}
.conetst-wrap .entry-content h2.en{
	font-family: 'Fjalla One', sans-serif;
	line-height: 1.4;
}
section.contest-sec.gray,
.conetst-wrap .entry-content .gray h2 span{
	background: rgb(244, 244, 244);
}
.conetst-wrap .entry-content h2 span.main-m{
	font-size: 0.6em;
}
.social-list{
	list-style: none;
	overflow: hidden;
	margin: 0 0 1em;
}
.social-list li{
	float: left;
	font-size: 36px;
	margin-right: 10px;
}
.social-list li a{
	color: rgb(51, 51, 51);
}
ul.text-l {
	list-style: none;
	text-align: center;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0;
}
.fade-area ul.w-middle {
	max-width: 750px;
	margin: 0 auto;
	text-align: left;
}
ul.text-l li ul {
	font-family: 'Open Sans', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	text-transform: initial;
	border: solid 1px rgb(221, 221, 221);
	padding: 3%;
	margin: 0 auto 1em;
	text-align: left;
}
.fade-area ul.flex-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 470px;
	margin: 0 auto 2em;
}
.fade-area ul.flex-text li span{
	width: 34px;
	display: inline-block;
}
.fade-area ul.flex-text li strong{}
.fade-area ul.flex-text li{}
.tab-content.full ul.text-l li ul li,
ul.text-l li ul li{
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0;
	border-top: dotted 1px rgb(221, 221, 221);
}
.tab-content.full ul.text-l li ul li:first-child{
	border: none;
}
.box h3 {
	font-size: 24px;
	letter-spacing: 0;
	border-left: solid 7px;
	line-height: 1.6;
	margin-bottom: 1em;
	padding-left: 8px;
}


table.views-table{
	font-size: 15px;
}
table.Simplified{}
table.Simplified caption{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}
table.Simplified tr{}
table.Simplified th,
table.Simplified td{
    padding: 10px 2%;
    line-height: 1.4;
    font-size: 15px;
    border-top: solid 1px #ddd;
}
table.Simplified th{
	width: 40%;
	letter-spacing: 0;
	font-weight: 600;
	color: rgb(51, 51, 51);
	font-weight: 400;
	background: rgb(249, 249, 249);
}
table.Simplified td{}
table.Simplified td a{
    display: inline-block;
}
table.Simplified td ul{
    margin-bottom: 10px;
}

/* =acMenu
----------------------------------*/
.acMenu{ margin: 0 0 2em; }
.acMenu dt {
	position: relative;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.6;
	padding: 10px 40px 10px 20px;
}
.acMenu dt:hover,
.acMenu dt.active{
	background: rgb(204, 204, 0);
	color: rgb(51, 51, 51);
}
.acMenu dt:after {
	font-family: 'FontAwesome';
	content: "\f0fe";
	position: absolute;
	right: 4%;
	top: 10px;
}
.acMenu dt.active:after{
	font-family: 'FontAwesome';
	content: "\f147";
	float: right;
}
.acMenu dd{
	display: none;
}

#rules-list .inner{
	max-width: 800px;
}
#rules-list{}
#rules-list h3,
#rules-list h4,
#rules-list h5,
#rules-list h6,
#rules-list .acMenu dt,
#rules-list .acMenu dd li strong{
	font-family: 'Fjalla One', sans-serif;
	line-height: 1.6;
	font-weight: 900;
}
#rules-list h3,
#rules-list h4,
#rules-list h5,
#rules-list h6{
	margin-bottom: 10px;
}
#rules-list h5,
#rules-list h6{
	border-bottom: solid 1px;
}
#rules-list .acMenu dd{
	padding: 20px 5px;
}
#rules-list .acMenu {
	font-size: 16px;
}
#rules-list h3 {
	font-size: 24px;
	letter-spacing: 0;
	line-height: 1.4;
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: solid 7px rgb(204, 204, 0);
}
#rules-list .acMenu ul{
	margin-bottom: 20px;
}
#rules-list .acMenu li{ line-height: 1.6; }
#rules-list .acMenu li:first-child{
	border: none;
	margin-top: 0;
	padding-top: 0;
}
#rules-list ol ol {
	font-size: 14px;
	margin: 0;
	padding: 10px 15px 0 15px;
}
#rules-list li{
	margin-top: 5px;
	padding-top: 5px;
	border-top: dotted 1px rgb(221, 221, 221);
}


/* =color
----------------------------------*/
/* Expo */

.yellow{
	background: rgb(225, 185, 93);
}
.npcj-fitness-expo section.contest-sec.black{
	background: rgb(0, 0, 0);
	border-bottom: solid rgb(225, 185, 93) 5px;
	border-top: solid rgb(225, 185, 93) 5px;
}
.npcj-fitness-expo .details dt .far,
.npcj-fitness-expo .details dt .fas {
	color: rgb(225, 185, 93);
}

/* =ex-list
----------------------------------*/
ul.ex-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.ex-list li{
	display: flex;
	flex-wrap: wrap;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	width: calc(33% - 5px);
}
ul.ex-list h3 {
	font-size: 24px;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1;
}
ul.ex-list .ex-logo{
	flex: 1;
	margin-right: 15px;
}
ul.ex-list .ex-txt{
	flex: 1;
}
ul.ex-list p{
	margin: 0;
}
.fade-area ul.list-bold,
ul.list-bold{
	position: relative;
	list-style: none;
	margin: 1.625em 0;
	padding: 1.625em;
	border: solid 10px rgb(221, 221, 221);
}
.fade-area ul.list-bold li,
ul.list-bold li{
	padding: 5px 1.3em;
	border-top: solid 3px rgb(239, 239, 239);
}
.fade-area ul.list-bold li:first-child,
ul.list-bold li:first-child{
	border: none;
}
.fade-area ul.list-bold li:before,
ul.list-bold li:before{
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	position: absolute;
	left: 1.5em;
}

/* =ticket
----------------------------------*/
.tickets-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: solid 1px;
	margin-bottom: 1.6em;
}
.ticket-item{
	width: 50%;
	display:  flex;
	flex-wrap: wrap;
	align-items: center;
	border: solid 1px;
	box-sizing:  border-box;
	text-align: center;
}
.ticket-image{
	flex: 1;
	line-height: 0;
}
.ticket-image img{
    border: none;
    border-right: 1px solid rgb(221, 221, 221);
}
.ticket-text{
	flex: 1;
	padding: 0 5%;
}
.ticket-text h3{}
.ticket-text h3 small{
	display: block;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	border-top: solid 1px #ddd;
	padding-top: 5px;
	margin-top: 5px;
}
.ticket-text p{
	font-size: 16px;
	margin: 0;
}
.ticket-text p.ticket-date {
	display: inline-block;
	border: solid 1px;
	padding: 0 10px;
	margin-bottom: 5px;
	font-size: 12px;
	background: rgb(134, 134, 134);
	color: rgb(255, 255, 255);
}
.ticket-text a{
	width: 80%;
	margin: 0 auto 5px;
	font-size: 14px;
	padding: 1% 0;
}
.ticket-text a:hover{}

/* =flex
----------------------------------*/
.flex{
	display: -webkit-flex;
	display: flex;
}
.between{
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.reverse{
	flex-direction: row-reverse;
}
.flex-content{}
.flex2 .flex-content{
	width: 48%;
}
.conetst-wrap .entry-content .flex-content h2{
	line-height: 1.4;
	text-align: left;
	margin-bottom: 30px;
	padding-bottom: 0;
}
.conetst-wrap .entry-content .flex-content h2 span{
	display: block;
	font-size: 34px;
	padding: 0;
	border-bottom: solid 1px;
}
.conetst-wrap .entry-content .flex-content h2:before,
.conetst-wrap .entry-content .flex-content h2:after{ content: none; }
.conetst-wrap .entry-content .flex-content h3{
	font-weight: 900;
	font-size: 24px;
	letter-spacing: 0;
}
ul.prof {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 0 2em;
}
ul.prof li{
	width: 49%;
}

/* =single
----------------------------------*/
.singular .hentry{
	padding: 0;
}


/* =fadetab
----------------------------------*/
.fade-tab,
.entry-content .fade-tab {
	list-style: none;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	text-align: center;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	border-left: solid 1px rgb(221, 221, 221);
	border-right: solid 1px rgb(221, 221, 221);
}
.fade-tab li {
	width: 100%;
}
.fade-tab li a{
	display: block;
	font-size: 13px;
	color: rgb(102, 102, 102);
	background: rgb(247, 247, 247);
	border-top: solid rgb(221, 221, 221);
	padding: 7px 0;
	line-height: 2;
}
.fade-tab li a:hover{
	text-decoration: none;
	color: rgb(51, 51, 51);
	border-top: solid rgb(204, 204, 0);
}
.fade-tab li.active a{
	cursor: pointer;
	text-decoration: none;
	color: rgb(51, 51, 51);
	border-top: solid rgb(204, 204, 0);
	background: rgb(255, 255, 255);
}

.flag-icon{ border: solid 1px rgb(221, 221, 221); }
.entry-content .fade-tab.lang-tab {
	width: 210px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 30px;
	border: solid 1px rgb(221, 221, 221);
	border-radius: 5px;
}
.entry-content .fade-tab.lang-tab li{}
.entry-content .fade-tab.lang-tab li a{}
.entry-content .fade-tab.lang-tab li a:hover{}
.entry-content .fade-tab.lang-tab li.active a{}
.tab-content {
	margin-bottom: 2em;
	padding: 4% 4% 0;
	border-left: solid 1px rgb(221, 221, 221);
	border-right: solid 1px rgb(221, 221, 221);
	border-bottom: solid 1px rgb(221, 221, 221);
}
.tab-content.full{
	padding: 0;
	border: none;
}
.tab-content.full li{
	border: none;
}
.fade-content {
	clear: both;
	overflow: hidden;
	width: 300px;
	border:1px solid #eee;
	height:300px;
}
.fade-area {
	display: none;
	position: relative;
}
.fade-area ul {
	list-style: none;
	margin: 0;
}
.fade-area ul li {
	border-top: dotted 1px rgb(221, 221, 221);
	line-height: 2;
}
.fade-area ul li:first-child{
	border: none;
}
dl.schedule{}
dl.schedule dt,
dl.schedule dd{}
dl.schedule dt{}
dl.schedule dd{}
dl.schedule table{
	margin-bottom: 0;
	border: none;
	border-collapse: collapse;
}
dl.schedule tr {
	border-top: solid 1px rgb(221, 221, 221);
}
dl.schedule tr:nth-child(even){}
dl.schedule th, dl.schedule td{
	font-size: 1em;
	line-height: 1.6;
	letter-spacing: 0;
	color: rgb(51, 51, 51);
	padding: 5px 0;
	border: none;
}
dl.schedule th{
	text-transform: none;
	width: 25%;
	font-size: 14px;
}
dl.schedule td{}
dl.schedule ul{
	list-style: square;
	margin: 0 0 0 20px;
}
dl.schedule ul li{
	line-height: 1.4;
}
dl.schedule p{
	margin: 0;
}
dl.schedule .subhead {
	font-size: smaller;
	padding: 2px 10px;
	background: rgb(251, 251, 251);
	border: solid 1px rgb(153, 153, 153);
}



/* =contact
----------------------------------*/
.form-area {
	max-width: 620px;
	margin: 0 auto;
	padding: 5%;
	border: solid 1px rgb(221, 221, 221);
}
dl.contact{}
dl.contact dt {
	background: none;
	border: none;
	padding: 0;
}
dl.contact dd{
	padding: 0 0 20px;
}
dl.contact .must:before {
	font-family: "Font Awesome 5 Free";
	content: "\f069";
	color: rgb(216, 0, 0);
	padding-right: 5px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
	padding: 0.375em;
	width: 97%;
}
input, textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid rgb(234, 234, 234);
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: rgb(112, 112, 112);
	color: rgba(51, 51, 51, 0.7);
}

/* 404
--------------------------------*/
.error404 #primary #content{
	width: 100%;
	margin: 0;
}
.error404 .entry-title{
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 36px;
	line-height: 48px;
	padding: 1.6em 0;
}
.error404 .entry-content{
	text-align: center;
}
.error404 .entry-content h2{
	font-family: 'Fjalla One', sans-serif;
}
.error404 #main #searchform {
	background: none;
	border: none;
	margin: 0 auto 2em;
	padding: 0;
}
.error404 #main #s {
	width: 85%;
	height: 46px;
	font-size: 1em;
	background-position-y: 15px;
	padding: 4px 0px 4px 30px;
}


/* footer
--------------------------------*/
.totop {
	display: block;
	color: rgb(255, 255, 255);
	font-size: 0.88em;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
	background: rgb(102, 102, 102);
}
.totop:hover {
	color: rgb(51, 51, 51);
	text-decoration: none;
	background: rgb(204, 204, 0);
}
.totop:focus{
	text-decoration: none;
}
#sponsors{
	background: rgb(255, 255, 255);
	padding: 1% 0 2em;
}
.sponsors-area-footer{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sponsors-area-footer aside{
	width: 19%;
	margin: .5%;
	line-height: 0;
	border: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
.sponsors-area-footer aside img{
	width: 100%;
	height: auto;
	background: #fff;
}
#normal{
	max-width: 980px;
}
#normal h2, #normal h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: normal;
	color: rgb(55, 55, 55);
	text-transform: uppercase;
	margin-bottom: 20px;
}
#normal #en h2, #normal #en h3,
#normal .ticket-text h3 {
	font-family: 'Fjalla One', sans-serif;
}


/* =Responsive Structure
----------------------------------------------- */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
@media (max-width: 1170px) {
	#access{ display: none; }
	#site-title span{
		display: block;
	}
	#site-title a{ line-height: 18px; }
}

@media (max-width: 1170px) {
	ul.ex-list li{
		width: calc(50% - 5px);
	}
	.ticket-item{
		width: 100%;
	}
}
@media (max-width: 800px) {
	.pat { background-size: 4px 4px; }
	.svg-wrap{
		max-width: 100%;
		padding: 10% 10% 5%;
	}
	#main #content{ margin: 0; }
	.main-text{
		position: initial;
	}
	ul.con-list{
		display: block;
	}
	ul.con-list li{
		width: 100%;
	}
	ul.ex-list li{
		width: 100%;
	}
}
@media (max-width: 650px) {
	#head-wrap .inner{
		padding: 3% 5%;
	}
	#main-view{
		background: url(images/home-image-sp.jpg) no-repeat center;
		background-size: cover;
	}
	.con-thumbnail{
		min-height: 450px;
	}
	.svg-wrap h2{ font-size: 34px; }
	.svg-wrap p.date{
		display: block;
		font-size: 20px;
		font-size: 2.0rem;
		margin: .5em 0 0.25em;
	}
	.svg-wrap p.date span{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.svg-logo {
		width: 100%;
		padding: 0;
	}
	ul.anc-list{
		display: block;
		font-size: 15px;
		font-size: 1.5rem;
	}
	ul.anc-list li{
		width: 80%;
		margin: 0 auto 10px;
	}
	.seg1-txt h3{
		font-size: 34px;
		font-size: 3.4rem;
		font-weight: 400;
	}
	.seg1-txt .date{
		font-size: 18px;
		font-size: 1.8rem
	}
	.seg1-txt p {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.br-sp{ display: block; }
	.singular .entry-title{
		font-weight: 400;
		padding: 1.6em 5%;
	}
	.singular .conetst-wrap .entry-title{
		padding: 1em 5%;
	}
	.entry-content p,
	.entry-content ul,
	.entry-content ol,
	.entry-content dl{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.entry-content p.intro{
		font-size: 28px;
	}
	.singular.page .hentry { padding: 0; }
	p.poster{ display: none; }
	section.contest-sec{
		padding: 50px 0 25px;
	}
	.conetst-wrap .entry-title {
		font-size: 30px;
		line-height: 45px;
		font-weight: 600;
	}
	.conetst-wrap .entry-content h2{
		font-size: 30px;
		margin-bottom: 30px;
	}
	.flex{
		display: block;
	}
	.flex2 .flex-content{
		width: 100%;
		margin-bottom: 20px;
	}
	.conetst-wrap .entry-content .flex-content h2{
		margin-bottom: 20px;
	}
	.conetst-wrap .entry-content .flex-content h2 span{
		font-size: 18px;
	}
	.conetst-wrap .entry-content .flex-content h3{
		font-size: 18px;
	}
	.entry-content ul.text-l{
		font-size: 18px;
		text-align: left;
	}
	.fade-area ul.flex-text li span{
		width: 26px;
	}
	.fade-area ul.flex-text li strong{
		letter-spacing: -1px;
	}
	.details dl{
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 10px 0;
		border: none;
		border-top: solid 1px rgb(44, 55, 66);
	}
	.details dl:first-child{
		border: none;
	}
	.details dt{
		flex: 1;
		line-height: 1.8;
	}
	.details dt .fa {
		font-size: 36px;
	}
	.details dd{
		flex: 3;
		text-align: left;
		padding: 0 15px 10px;
	}
	.details dd .button{
		margin: 0;
		max-width: 200px;
	}
	.button{
		max-width: 240px;
	}
	ul.prof, table.views-table{
		font-size: 12px;
	}

	table.Simplified th,
	table.Simplified td{
		width: auto;
    display: block;
	}
	.tab-content.full ul.text-l li ul li,
	ul.text-l li ul li{
		font-size: 14px;
	}
	#normal .ticket-text h3{
		font-size: 15px;
		line-height: 1.2;
	}
	#normal .ticket-text h3,
	#normal .ticket-text h3 small{
		font-size: 15px;
		font-weight: normal;
		color: rgb(102, 102, 102);
		margin-bottom: 10px;
	}
	.sponsors-area-footer aside{
		width: 32.3333%;
	}
}
@media (max-width: 320px) {
	.svg-wrap{
		width: 90%;
	}
}
@media screen and (max-device-width: 650px) {
	.singular .entry-title,
	.seg1-txt h3{ letter-spacing: -1px; }
}
/*MasterjOlympia Tokyo banner*/
.motBarnner {background-color: #000;text-align: center;padding: 10px 10px 0;}
.motBarnner picture {max-width: 1200px;width: 100%;margin: 0 auto;}
.motBarnner picture source {max-width: 1200px;width: 100%;margin: 0 auto;}
.motBarnner picture img {max-width: 1200px;width: 100%;margin: 0 auto;transition: transform 0.3s ease;}
.motBarnner a {display: inline-block;}
.motBarnner a:hover img {animation: wink .3s;}

@keyframes wink {
	0% { opacity: .1; }
	100% { opacity: 1; }
}

tr.checkin{border:2px solid red;}

#scrollTopBtn { position: fixed; width: 80px; bottom: 20px; right: 20px; border: none; outline: none; cursor: pointer; background-color: transparent; z-index: 6666; opacity: 0; visibility: hidden;transition: opacity 0.5s ease-in-out;@media screen and (max-width: 1024px){width:54px;bottom:14px;right:14px;}}
#scrollTopBtn img{width: 100%;}




/* 250825 added */
/* =modal
----------------------------------*/
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 9999;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content {
	color: #333;
	background: #fff;
	left: 50%;
	padding: 30px 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 600px;
	height:90%;/* added 240613 */
	overflow-y: auto;/* added 240613 */
}
.modal__content span {
	display: inline-block;
	border: solid 1px #999;
	padding: 0 4px;
	margin: 0 3px 3px 0;
	font-size: 14px;
}
.modal__content hr{}
.details dd .modal__content p{
	font-size: 15px;
	margin-bottom: 1.625em;
	text-align: left;
}
.resist .anc-contact{
	max-width: 160px;
	margin: 0 auto;
}
.details dd .modal__content p.modal-close{
	text-align: center;
	margin: 0;
}
.js-modal-close{ color: #333; }

.ap-txt{
	background-color: #000;
	padding: 8vh 5vw 5vh;
}

.ap-txt h1,
.ap-txt p{
	color:#fff;
}

.ap-txt h1{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.3;
	padding-bottom: 1.5em;
}

.ap-txt p{
	font-size: 0.9em;
	line-height: 1.8;
}

.ap-txt{
	
}

.participation-terms{
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 1rem;
}

.participation-terms b{
	font-weight: bold !important;
}