@charset "utf-8";

/*
Theme Name: zenix
Template: twentyeleven
Version: 6.0
*/



html{
	font-size:62.5%;
}
body {
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	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);
}
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:hover,
a img:hover{
	opacity: 0.75;
}
strong{
    font-weight: 600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(255, 235, 59, 0.45)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 235, 59, 0.45) 0%);
    background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(255, 235, 59, 0.45) 0%);
}
dl{ margin: 0 0 2em; }
dt {
	line-height: 2.3;
	margin: 0;
	padding: 0 10px;
	border: solid 1px rgb(153, 153, 153);
	background-color: rgb(251, 251, 251);
}
dd {
	line-height: 1.6;
	margin: 0;
	padding: 12px 10px;
}
em {
	color: rgb(255, 0, 0);
	font-style: initial;
}
.font-j{ font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.font-fj{ font-family: 'Fjalla One', sans-serif; }
.inner {
	max-width: 1050px;
	max-width: 770px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 5%;
}
#page{
	max-width: 100%;
	margin: 0 auto;
	background: none;
}
#main{
	padding: 30px 0 60px;
	overflow: hidden;
}
.home #main{
	padding: 0;
}
#content {
	width: 100%;
	margin: 0;
}
#main-view {
	background: rgb(0, 0, 0);
	position: relative;
	z-index: 0;
	overflow: hidden;
}
a[href$='.pdf']:before {
	font-family: 'FontAwesome';
	content: "\f1c1";
	color: rgb(255 255 255);
	margin-right: 5px;
}
.ttf-up{ text-transform: uppercase; }
.ttf-none{ text-transform: none !important; }
.col-w{ color: rgb(255, 255, 255); }
.col-y{ color: rgb(200, 190, 0); }
.imp{ font-weight: 900; }
.box {
	margin-bottom: 2em;
	padding: 1.625em 1.625em 0;
	border: solid 1px rgb(221, 221, 221);
}
.imp-box {
	margin-bottom: 1em;
	padding: 15px 25px 0;
	background: rgb(255, 251, 244);
	border: solid 10px rgb(240, 186, 86);
}
.entry-content .imp-box h3{
	margin: 10px 0;
}
.imp-box strong {
	color: rgb(255, 0, 0);
	font-size: 1.25em;
}
.box .base-list {
	display: flex;
	webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.box .base-list a {
	display: block;
	width: 49%;
	margin: .5%;
	padding: 5px 20px;
	text-align: center;
	border: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
.box .base-list a:hover{
	text-decoration: none;
	color: rgb(51, 51, 51);
	background: rgb(221, 221, 221);
}
.box li{
	padding: 6px 0;
	border-top: dashed 1px rgb(221, 221, 221);
}
.box li:first-child{ border: none; }
a.btn{
	display: block;
    max-width: 280px;
    margin: 0 auto 10px;
    text-align: center;
    background: #8c714c;
    border: solid 1px #8c714c;
    color: #fff;
    padding: 10px 30px;
}
a.btn:hover,
a.btn:focus{
	text-decoration: none;
	opacity: 0.7;
}
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-r{
	color: rgb(255, 255, 255);
	margin-bottom: 0;
	background: rgb(204, 204, 0);
}
a.btn-r:hover{
	color: rgb(204, 204, 0);
	background: rgb(255, 255, 255);
}
.align-c{ text-align: center; }
.marb-0{ margin-bottom: 0 !important; }

.home #bread-wrap{
	display: none;
}
#bread-wrap {
	position: relative;
	padding: 5px 0;
	background: rgb(243, 243, 243);
}
#bread-wrap p {
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
}
.fb-post{
	margin-bottom: 2em;
}
.iflame{
	margin: 0 auto;
}
blockquote {
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: inherit;
	margin: 0 0 2em;
	padding: 5%;
	background: rgb(245, 245, 245);
}
blockquote p,
.entry-content blockquote p{
	font-size: 0.85em;
	margin: 0;
}
blockquote footer{
	text-align: center;
}
.marb0{ margin-bottom: 0; }
.marb30{ margin-bottom: 30px; }
.marb1em{ margin-bottom: 1em; }
.pc{ display: block; }
.sp{ display: none; }
img.size-full, img.size-large{
	max-width: 100%;
}


/* header
--------------------------------*/
#header-wrap{}
header#header {
    /*position: fixed;*/
    top:0;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(0 0 0 / 100%);
    color: #fff;
    text-align: center;
	padding: 12px 20px;
    border: none;
    box-sizing: border-box;
    border-bottom: solid 1px rgb(37 37 37);
}


.metaslider .flexslider{
	margin: 0 !important;
}





.main-st0, .sub-st0{fill:#9E9E9E;}
.main-st1, .sub-st1{fill:#FFFFFF;}
.main-st2, .sub-st2{fill:#FFF000;}
#main-view:before {
	content: '';
	background: inherit;
	-webkit-filter: grayscale(30%) blur(7px);
	-moz-filter: grayscale(30%) blur(7px);
	-o-filter: grayscale(30%) blur(7px);
	-ms-filter: grayscale(30%) blur(7px);
	filter: grayscale(30%) blur(7px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
audio, video {
	display: inline-block;
	max-width: initial;
}
.pattern {
	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: 4px 4px;
}
#head-wrap,
#schedule,
#colophon{
	background: rgb(0, 0, 0);
	background-image: radial-gradient(rgb(15, 15, 15) 20%, rgba(0, 0, 0, 0) 0), radial-gradient(rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 0);
	background-position: 0 0, 5px 5px;
	background-size: 5px 5px;
}
#head-wrap .inner{
	max-width: 100%;
	padding: 0 5%;
	background: none;
}
#branding{
	border: none;
	position: initial;
	padding: 0;
}
#site-title{
	position: relative;
	width: 70px;
	margin: 0;
    padding: 0;
}
#site-title img{
	width: 100%;
	height: auto;
}

/* menu
--------------------------------*/
#responsive-menu-title-image{ display: none !important;}
#responsive-menu-container li.responsive-menu-item{border-top: solid 1px;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a{text-transform: uppercase;}

/* countdown
--------------------------------*/
#timer-wrap {
	text-align: center;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#timer-wrap .timer-logo {
	width: 220px;
	margin: 0 auto 1em;
}
#timer-wrap .timer-logo img{
	width: 100%;
	height: auto;
}
#timer-wrap h2 {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 50px;
    line-height: 1.25;
    padding-bottom: 5px;
    text-transform: capitalize;
}
#timer-wrap h2 span{
    display: block;
    font-size: 20px;
}


#timer-wrap p{
	margin: 0;
	font-size: 20px;
}
#timer-wrap ul {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	width: 450px;
	margin: 0 auto 20px;
	font-size: 22px;
}
#timer-wrap ul li {
	flex: 1;
	padding: 5px 10px;
	border-left: solid 1px rgba(255, 255, 255, 0.2);
}
#timer-wrap ul li:first-child{
	border: none;
}
#timer-wrap ul li span{
	font-size: 18px;
}
#timer-wrap ul li.font-m {
	font-size: 14px;
	line-height: 2.4;
}
.yycountdown-box {
	display: table;
	line-height: 1.3;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	border-top: solid 1px rgba(255, 255, 255, 0.5);
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	margin: 0 auto;
	padding: 0 3% 5px;
}
.yycountdown-box span{
	margin: 0 2px;
}
.yycountdown-box .yyc-day,
.yycountdown-box .yyc-hou,
.yycountdown-box .yyc-min,
.yycountdown-box .yyc-sec{
	font-size:3.0em;
	font-weight: 900;
	font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.yycountdown-box .yyc-day-text,
.yycountdown-box .yyc-hou-text,
.yycountdown-box .yyc-min-text,
.yycountdown-box .yyc-sec-text{
	font-size:1.0em;
}
p.timer-btn a {
	text-decoration: none;
	font-size: 24px;
	color: rgb(255, 255, 255);
	padding: 5px 30px;
	border: solid 1px;
}
p.timer-btn a:hover {
	color: rgb(250, 238, 0);
	border-radius: 30px;
}
.swiper-count p{ margin: 0; }
.swiper-container .swiper-count{}
.swiper-container .yycountdown-box{ color: rgb(51, 51, 51); }
.swiper-container .yycountdown-box span{ margin: 0 1px; }
.swiper-container .yycountdown-box .yyc-day,
.swiper-container .yycountdown-box .yyc-hou,
.swiper-container .yycountdown-box .yyc-min,
.swiper-container .yycountdown-box .yyc-sec{ font-size: 2em; }

/* =home
----------------------------------*/
.home section {
	padding: 40px 0;
	background: rgb(255, 255, 255);
}
.home section .inner{}
.home section h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 20px;
    line-height: 1.4;
}
.home section h2 span{
	font-size: 15px;
	display: block;
}


.sub-title{}
.sub-title .fa{
	font-size: 12px;
}
.count-link{
	width: 40%;
	margin: 0 auto;
}
.count-link p {
	line-height: 0;
	margin: 0 0 2em;
	padding: 0;
	color: #fff;
	border: solid 3px rgb(200, 190, 0);
	background: rgb(0, 0, 0);
}
.count-link a{
	display: block;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background: #fff;
}
.count-link img{
	width: 100%;
	height: auto;
	margin: 0;
	background: rgb(0, 0, 0);
}

/* =schedule
----------------------------------*/
#schedule{
	text-align: center;
	border-top: solid rgb(204, 204, 0);
}
#schedule .inner{}
.home section#schedule h2{
	color: rgb(255, 255, 255);
}
.home section h2.widgettitle {
	text-transform: initial;
	font-size: 18px;
	font-weight: 400;
}
#schedule .bx-wrapper {
	overflow: hidden;
	background: none;
	border: none;
	box-shadow: none;
	margin: 0 0 3em;
}
.bx-wrapper ul {
	list-style: none;
	margin: 0;
}
#schedule li {
	background: rgb(255, 255, 255);
	padding: 20px;
}
#schedule h3,
#schedule li p.date,
#schedule li p.place-1{
}
#schedule li h3 {
	display: table;
	width: 100%;
	height: 60px;
	margin-bottom: .5em;
	padding: 5px 20px;
	border-bottom: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
#schedule li h3 span {
	font-weight: 600;
	font-size: 17px;
	line-height: 1.3;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#schedule li h3 span span{
	display: block;
}
#schedule li p.date{
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	margin-bottom: .5em;
	border-bottom: solid 1px #ddd;
}
#schedule li p.date span{
	margin: 0 1px;
	font-size: 13px;
	font-size: 1.3rem;
}
#schedule li p.place-1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	color: rgb(0, 0, 0);
	margin: 0 20px;
	background: rgb(200, 190, 0);
	border-radius: 60px;
}
#schedule li p.place-2 {
	line-height: 1.4;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	margin: 0 5% 1em;
	display: table;
	width: 90%;
	height: 30px;
}
#schedule li p.place-2 span{
	line-height: 1.3;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
#schedule ul ul {
	list-style: none;
	margin: 5px 0 0;
	width: 100%;
}
#schedule ul ul li{
	text-align: center;
	padding: 0 0 7px;
}
#schedule ul ul li a {
	color: rgb(68, 68, 68);
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	border-radius: 0px;
	text-decoration: none;
	padding: 5px 0;
	font-size: 14px;
	border: solid 1px;
	cursor: pointer;
}
.home #schedule ul ul li a{
	width: 69%;
}
#schedule ul ul li a:hover{
	color: rgb(255, 255, 255);
	background: rgb(200, 190, 0);
	border: solid 1px rgb(200, 190, 0);
}
#schedule ul ul li a.ticket {
	color: rgb(255, 255, 255);
	background: rgb(180, 0, 0);
	border: solid 1px rgb(180, 0, 0);
}
#schedule ul ul li a.entry {
	color: rgb(255, 255, 255);
	background: rgb(60, 125, 0);
	border: solid 1px rgb(60, 125, 0);
}
#schedule ul ul li a.none,
#schedule ul ul li a.none:hover {
	cursor: default;
	color: rgb(223, 223, 223);
	background: rgb(241, 241, 241);
	border: solid 1px rgb(223, 223, 223);
	box-shadow: none;
}
#schedule ul ul li a:hover,
#schedule ul ul li a.ticket:hover,
#schedule ul ul li a.entry:hover{
	border-radius: 0;
	box-shadow: 4px 4px 1px rgb(170, 170, 170);
}
.bx-wrapper .bx-prev { left: 10px; }
.bx-wrapper .bx-next { right: 10px; }
#schedule .bx-wrapper .bx-controls-direction a{
	-webkit-transition: 0s ease-in-out;
	-moz-transition: 0s ease-in-out;
	-o-transition: 0s ease-in-out;
	transition: 0s ease-in-out;
}
#schedule.s-page{
	background: none;
	border: none;
	margin-bottom: 2em;
}
#schedule.s-page ul.bxslider{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}
#schedule.s-page ul.bxslider li.wrap-box{
	display: flex;
	flex-wrap: wrap;
	width: 32.333%;
	margin: .5%;
	box-sizing: border-box;
	border: solid 1px rgb(221, 221, 221);
}
#schedule.s-page ul.bxslider li.wrap-box img{
	width: 100%;
	background: rgb(255, 255, 255);
}
#schedule.s-page ul.bxslider li.wrap-box .image-wrap{
	flex: 1;
	margin-right: 10px;
}
#schedule.s-page ul.bxslider li.wrap-box .text-wrap{
	flex: 2;
}
#schedule.s-page ul.bxslider li.wrap-box.end,
#schedule.s-page ul.bxslider li.wrap-box.end li{}
.competition-slider{
	max-width: 640px;
	margin: 0 auto;
}
.entry-content .competition-slider ul{ margin: 0; }
.competition-slider a{
	-webkit-transition: 0s ease-in-out;
	-moz-transition: 0s ease-in-out;
	-o-transition: 0s ease-in-out;
	transition: 0s ease-in-out;
}
#schedule a.btn{
	margin: 1em auto;
}

/* swiper
=================================================== */
#schedule .swiper-container {
	margin: 0 0 3em;
}
#schedule .swiper-wrapper{
	list-style: none;
}
#schedule li.swiper-slide{
	padding: 20px 0;
}
#schedule .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
#schedule .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	color: rgb(0, 0, 0);
	font-size: 30px;
	background: none;
}
#schedule .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0px; }
#schedule .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px; }
#schedule .swiper-button-next:before {
	font-family: 'FontAwesome';
	content: "\f054";
}
#schedule .swiper-button-prev:before {
	font-family: 'FontAwesome';
	content: "\f053";
}


/* =special
----------------------------------*/
section#ifbb-pro {
	border-top: solid rgb(204, 204, 0);
	border-bottom: solid rgb(204, 204, 0);
	background: rgb(0, 0, 0);
	background-image: url(images/bg-01.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 60% center;
	-webkit-background-attachment: fixed;
	background-attachment: fixed;
	background-size: cover;
}
section#ifbb-pro h2,
section#ifbb-pro p{
	color: rgb(255, 255, 255);
}
section#ifbb-pro ul.content-special{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
	margin: 0;
}
section#ifbb-pro ul.content-special li{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	text-align: center;
	width: 50%;
	line-height: 1.4;
	border: 1px solid rgb(56, 56, 56);
	box-sizing: border-box;
	font-size: 12px;
	font-size: 1.2rem;
	background: rgba(0, 0, 0, 0.86);
}
section#ifbb-pro ul.content-special li span {
	display: block;
	text-transform: uppercase;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 600;
	margin-bottom: 5px;
}
section#ifbb-pro ul.content-special li span.thumb {
	flex: 5;
	line-height: 0;
	padding: 1%;
}
section#ifbb-pro ul.content-special li a {
	flex: 7;
	text-align: left;
	display: block;
	text-decoration: none;
	padding: 5%;
	color: rgb(227, 227, 227);
}
section#ifbb-pro ul.content-special li .fa {
	font-size: 20px;
	color: rgb(255, 255, 255);
	margin-right: 10px;
}

section#ifbb-pro ul.content-special li a{}
section#ifbb-pro ul.content-special li img{
	width: 100%;
	height: auto;
	background: rgb(0, 0, 0);
}

section#rotation ul.content-special{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	list-style: none;
}
section#rotation ul.content-special li{
	width: 49%;
	margin: .5%;
	padding: 0;
	box-sizing: border-box;
	background: none;
}
section#rotation ul.content-special li a{}
section#rotation ul.content-special li img{
	width: 100%;
	height: auto;
}

/* =same contents
----------------------------------*/
#rules ul,
section#rotation ul{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}

/* =rules
----------------------------------*/

#rules ul li {
	position: relative;
	text-align: center;
	width: 50%;
	line-height: 1.4;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 1.2rem;
    padding-left: 0px;
}
.single-competition-list #rules ul li{ width: 50%; }
#rules ul li span {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
}
#rules ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: rgb(251, 251, 251);
}
#rules ul li span.thumb{
	flex: 3;
	line-height: 0;
	margin: 0;
}
#rules ul li span.thumb img{
	width: 100%;
	height: auto;
	background: rgb(31, 31, 31);
}
#rules ul li a{
	flex: 5;
	text-align: left;
	display: block;
	text-decoration: none;
	padding: 5%;
	color: #000
}
#rules ul li a:hover{
	color: rgb(204, 204, 0);
}
#rules ul li .fa {
	font-size: 20px;
	margin-right: 10px;
}


/* =rotation
----------------------------------*/
section#rotation{
	background: rgb(240, 240, 240);
}
section#rotation ul li {
	width: 32.333%;
	margin: .5%;
}
section#rotation ul li a{}
section#rotation ul li img{
	width: 100%;
	height: auto;
	background: rgb(0, 0, 0);
}

/* =item-post
----------------------------------*/
.item-wrap{
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin: 0 0 3em;
	border-top: solid 1px rgb(221, 221, 221);
	border-right: solid 1px rgb(221, 221, 221);
}
.item-post {
	position: relative;
	width: 33.33%;
	margin: 0;
	padding: 1.5%;
	background: rgb(255, 255, 255);
	border-left: solid 1px rgb(221, 221, 221);
	border-bottom: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
.item-post:nth-child(2n){
	background: rgb(247, 247, 247);
}
.item-post .pro {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 40px;
	margin: 0;
	z-index: 9999;
}
.item-post .pro img{ margin: 0; }
.item-post a {
	text-decoration: none;
	width: 100%;
}
.item-post a:hover,
.item-post a:focus,
.item-post a:hover > img,
.item-post a:focus > img{
	opacity: 0.8;
	color: rgb(25, 130, 209);
	text-decoration: underline;
	text-decoration-color: rgb(25, 130, 209);
}
.item-post img{
	width: 100%;
	height: auto;
	background: rgb(0, 0, 0);
}
.item-post .thumb img{
	height: auto;
}
.item-post-text{
	padding: 1%;
}
.item-post h3{
	clear: none;
	text-transform: uppercase;
	font-size: 0.94em;
	margin-bottom: 1em;
}
.item-post p,
section#ifbb-pro .item-post p {
	font-size: 0.94em;
	margin: 0 10px 0 0;
	color: rgb(51, 51, 51);
}
.item-cat {
	font-size: 12px;
	font-size: 1.2rem;
	color: rgb(153, 153, 153);
	padding: 5px 0;
	border-top: solid 1px rgb(221, 221, 221);
}
.item-cat .fa{
	margin-right: 3px;
}
.item-cat a{
	color: rgb(153, 153, 153);
}
p.end-text {
	position: absolute;
	top: 5px;
	left: 5px;
	color: rgb(255, 255, 255);
	background: rgb(216, 0, 0);
	padding: 15px 15px;
	box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
#ifbb-pro .item-post p.end-text{
	color: rgb(255, 255, 255);
	z-index: 9999;
}


/* =page
----------------------------------*/
.hentry, .no-results{
	margin: 0;
	padding: 0;
}
.page-header{
	margin: 0 0 1.625em;
}
.post-thmbnail{
	margin-bottom: 1em;
}
.post-thmbnail img{
	width: 100%;
	height: auto;
}
.singular #primary{
	width: 100%;
}
.singular #primary.event{
	width: 100%;
}
.singular #content,
.left-sidebar.singular #content{
	margin: 0;
}
.singular.page .hentry,
.singular .hentry{
	margin: 0;
	padding: 0;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title{
	width: 100%;
}
.entry-title, .singular .entry-title {
	color: rgb(51, 51, 51);
	font-size: 26px;
	font-weight: bold;
	clear: both;
	line-height: 1.5em;
	border-bottom: solid 1px #ddd;
	padding: 0 0 .3em;
}
.entry-content h2 {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 0 0 .3em;
	border-bottom: solid 1px rgb(204, 204, 204);
}
.entry-content h2 .copy {
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 12px;
	font-weight: normal;
}
.entry-content h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.4;
	margin-bottom: 30px;
	padding-left: 10px;
	border-left: solid 5px;
}
.entry-content h3 span {
	font-size: 14px;
	border-bottom: solid 1px;
}
.entry-content h4{
	font-weight: bold;
	margin-bottom: 1em;
	border-bottom: dotted 1px;
}
.entry-content ul,
.entry-content ol{
	margin: 0 0 1.625em 20px;
}
.entry-content dd ul,
.entry-content dd ol{
	margin: 0 0 10px 20px;
}
.entry-meta {
	color: rgb(102, 102, 102);
	clear: both;
	font-size: 14px;
	line-height: 18px;
	padding-top: 5px;
}
.singular .entry-header .entry-meta {
	position: initial;
	margin-top: 10px;
	text-align: right;
}
.entry-meta a{ font-weight: 400; }
footer.entry-meta{
	padding-top: 10px;
	border-top: solid 1px rgb(221, 221, 221);
}
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img{
	max-width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}
ul.part-list {
	list-style: none;
	margin: 0 0 2em;
	text-align: center;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
}
ul.part-list li {
	width: 100%;
}
ul.part-list li a{
	display: block;
	color: rgb(255, 255, 255);
	background: rgb(51, 51, 51);
	border: solid 1px;
	padding: 3px 0 2px;
	line-height: 2;
}
ul.part-list li a:hover,
ul.part-list li a.active{
	cursor: pointer;
	text-decoration: none;
	background: rgb(204, 204, 0);
}
.flex-col2{
	display: flex;
	flex-wrap: wrap;
	margin: 2em 0;
	justify-content: center;
	align-items: center;
	border: solid 1px rgb(221, 221, 221);
}
.flex-col2 a:hover{
	text-decoration: none;
}
.flex-col2 h2 {
    flex: 5;
    margin-right: 10px;
    margin-top: 10px;
}
.flex-col2 h2 span{
	display: block;
	font-size: 14px;
}
.flex-col2 h3{
	flex: 5;
}
.flex-col2 h3 span{
	display: block;
	font-size: 14px;
	text-transform: initial;
}
.flex-col2 p.img {
	flex: 3;
	margin: 0 20px 0 0;
	line-height: 0;
}
#content .gallery-columns-4{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item{
	float: none;
	width: 24%;
	margin: .5%;
	padding: 0;
}
.gallery-item dt{
	line-height: 0;
	padding: 0;
}
.entry-content .wp-caption .wp-caption-text {
	font-family: initial;
	margin-bottom: 0;
	padding: 10px 0 0px 30px;
}
#content .c-npn .gallery-columns-3 .gallery-item .wp-caption-text a,
#content .c-npn .gallery-columns-4 .gallery-item .wp-caption-text a{
	display: none;
}
.va-social-buzz{
	padding-top: 1em;
	border-top: solid 1px rgb(221, 221, 221);
}
.entry-content .impact-l {
	text-align: center;
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 10px;
}
.cat-wrap{
	display: -webkit-flex;
	display: flex;
}
.cat-wrap .text{
	flex: 2;
	margin-left: 20px;
}
.cat-wrap .image{
	flex: 1;
}
.cat-wrap .image img{
	margin: 0;
	width: 100%;
	height:  auto;
}
table.comparison, table.comparison tr, table.comparison th, table.comparison td{
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.6;
	margin-bottom: 2em;
	padding: 10px;
	box-sizing: border-box;
	border-collapse: collapse;
	border: solid 1px rgb(221, 221, 221);
}
table.comparison{}
table.comparison tr{}
table.comparison th {
	width: 40%;
	font-weight: normal;
	text-align: center;
	background-color: rgb(241, 241, 241);
}
table.comparison th:first-child{
	width: 20%;
}
table.comparison td{}
.video-container{
	margin-bottom: 20px;
}
.entry-content .sarch-w #s {
	width: auto;
	padding: 0.375em;
	padding-left: 30px;
	height: auto;
	line-height: 1.625;
}

/* =contest-page
----------------------------------*/

.fade-wrap{
	position: relative;
}

/* fadetab */
.fade-tab,
.entry-content .fade-tab {
    width: 135px;
    margin: 10px auto;
    list-style: none;
    display: flex;
    border: solid 1px #ddd;
}

.fade-tab li {
	width: 100%;
}
.fade-tab li a {
    display: block;
    color: rgb(102, 102, 102);
    background: rgb(247, 247, 247);
    border-top: solid rgb(221, 221, 221);
    padding: 5px 0px;
    line-height: 2;
    font-size: 12px;
    text-align: center;
}
.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(140 113 76);
	background: rgb(255, 255, 255);
}
.tab-content {}
.fade-content {
	clear: both;
	overflow: hidden;
	width: 300px;
	border:1px solid #eee;
	height:300px;
}
.fade-area {
	display: none;
	position: relative;
}
.fade-area h3{ margin: 30px 0; }

.fade-area ul {
	list-style: none;
	margin: 0;
}
.fade-thmubnail img{
	display: block;
	max-width: 80%;
	margin: 0 auto 2em;
}




/* タブ全体 */
.fade-tab.s-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    width: 100%;
    border: none;
    margin: 0 auto 20px;
}

/* li */
.fade-tab.s-list li{
  margin: 0;
  padding: 0;
}

/* a */
.fade-tab.s-list li a{
  display: block;
  text-align: center;
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-decoration: none;
  line-height: 1.2;
  font-size: 14px;
}

.fade-tab.s-list li a:focus,
.fade-tab.s-list li a:hover{
	text-decoration: none;
	background: rgb(140 113 76 / 70%);
}




.fade-tab.s-list li.active a{
	color: #fff;
    background: #8c714c;
    font-weight: 600;
}


/* ===== レイアウト制御 ===== */

/* 1行目：All を1列（全幅） */
.fade-tab.s-list li:nth-child(1){
  grid-column: 1 / -1;
}

/* それ以外は自動で2列配置される
   ↓ 結果 ↓

   [ All               ]  ← 1列
   [ Open Regional     ][ Natural Regional ]
   [ Open Pro Qualifier][ Natural Pro Qualifier ]
   [ Olympia Amateur   ][ Pro Show ]
*/







.entry-content .box ul{
	margin-bottom: 1.625em;
}

dl#point-list { overflow: hidden; }
dl#point-list dt,
dl#point-list dd {
	float: left;
	line-height: 1.6;
	width: 16.666%;
	text-align: center;
	font-weight: normal;
	margin: 0;
	padding: 5px 0;
	border: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}
dl#point-list dt, .bk-d{
	background-color: rgb(241, 241, 241);
}
table.tour-point{
	border-collapse: collapse;
}
table.tour-point tr{}
table.tour-point th{
	font-size: 13px;
	text-align: center;
	background-color: rgb(241, 241, 241);
}
table.tour-point th,
table.tour-point td{
	text-align: center;
	padding: 3px 0;
	border: solid 1px rgb(221, 221, 221);
}
.pnone p{ margin: 0; }
.regi-wrap {
	display: table;
	width: 100%;
	margin-bottom: 2em;
	border-collapse: separate;
	border-spacing: 5px 0;
}
.regi-wrap a {
	width: 30%;
	margin: .5em auto;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.regi-wrap a.btn{
	border-radius: 0;
}
.regi-wrap .ticket,
.regi-wrap .ticket:hover{
	color: rgb(255, 255, 255);
	background: rgb(180, 0, 0);
	border: double 4px rgb(255, 255, 255);
	transition: .4s;
}
.regi-wrap .regi,
.regi-wrap .regi:hover{
	color: rgb(255, 255, 255);
	background: rgb(60, 125, 0);
	border: double 4px rgb(255, 255, 255);
	transition: .4s;
}
.regi-wrap .card,
.regi-wrap .card:hover{
	color: rgb(255, 255, 255);
	background: rgb(204, 204, 0);
	border: double 4px rgb(255, 255, 255);
	transition: .4s;
}
.regi-wrap .judge,
.regi-wrap .judge:hover{
	color: rgb(255, 255, 255);
	background: rgb(144, 27, 39);
	border: double 4px rgb(255, 255, 255);
	transition: .4s;
}
.regi-wrap .ticket:hover,
.regi-wrap .regi:hover,
.regi-wrap .card:hover{
	border-radius: 0;
	box-shadow: 4px 4px 1px rgb(170, 170, 170);
}
.regi-wrap a.judge[href$='.pdf']:before{
	color: rgb(255, 255, 255);
}
.free-space{
	padding: 10px 15px;
}
.home .fade-tab {
	text-transform: initial;
	max-width: 580px;
	margin: 4em auto 3em;
	border: none;
	box-sizing: border-box;
}
.home .fade-tab li a{
	line-height: 1.2;
	font-size: 14px;
	font-size: 1.4rem;
}
.home .fade-tab li.active a{
	color: rgb(255, 255, 255);
	background: rgb(218, 177, 0);
}
.home .fade-tab li:first-child a{ border-radius: 30px 0 0 30px; }
.home .fade-tab li:last-child a{ border-radius: 0 30px 30px 0; }
.home .fade-tab li a:hover {
	border-top: solid rgb(218, 177, 0);
}
.home .fade-tab li a.notes:hover{
	border-top: solid rgb(200, 0, 0);
}
.home .fade-tab li.active a.notes{
	background: rgb(200, 0, 0);
}
.home .tab-content {
	margin: 0;
	padding: 0;
	border: none;
}
.home .fade-area h3{
	margin-top: 0;
}


/* =acMenu
----------------------------------*/
#acMenu{
	margin: 0 0 4em;
    border-bottom: solid 1px #ddd;
}
#acMenu dt {
	position: relative;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.6;
	padding: 10px 40px 10px 20px;
	border: none;
    border-top: solid 1px #ddd;
}
#acMenu dt:hover,
#acMenu dt.active{
	background: rgb(140 113 76);
    color: rgb(255 255 255);
}
#acMenu dt:after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 2%;
    top: 10px;
}
#acMenu dt.active:after{
	font-family: 'FontAwesome';
	content: "\f106";
	float: right;
}
#acMenu dd{
	display: none;
	padding: 10px 20px;
}
#acMenu dd ul{
    list-style: circle;
    margin-left: 15px;
	margin-bottom: 0;
	padding-left: 0;
}

.disc ul {
    list-style: disc;
    padding-left: 40px;
}




/* =contact
----------------------------------*/
dl.contact{}
dl.contact dt {
	line-height: 1;
	padding: 20px 0 0;
	border: none;
	border-top: solid 1px rgb(221, 221, 221);
	background: none;
}
dl.contact dd{
	padding: 10px 0 20px;
}
dl.contact .must:before {
	font-family: 'FontAwesome';
	content: "\f069";
	color: rgb(216, 0, 0);
	padding-right: 5px;
}
dl.contact .cover .wpcf7-list-item{ display: block; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: rgb(250, 250, 250);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid rgb(221, 221, 221);
	color: rgb(136, 136, 136);
	padding: 0.375em;
}
input[type="file"]{
	border: none;
}
input, textarea {
	font-size: 16px;
	max-width: 100%;
	box-sizing: border-box;
	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);
}
input::-webkit-input-placeholder {
	color: #ccc;
}
input:-ms-input-placeholder {
	color: #ccc;
}
input::-moz-placeholder {
	color: #ccc;
}
.subsc{
	display: inline-block;
	margin-bottom: 10px;
}
dl.contact dd.cont .wpcf7-select{
	height: 30px;
}

/* =sidebar
----------------------------------*/
#secondary{
	width: 30%;
	margin: 0;
	padding: 20px 15px 20px;
	border: solid rgb(228, 228, 228) 4px;
}
.widget_search #s {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
.widget ul{
	list-style: none;
}
.widget-title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6em;
	color: rgb(255, 255, 255);
	margin-bottom: 25px;
	padding: 5px 15px;
	background: rgb(51, 51, 51);
}
#npcatch img {
	padding: 0 1em 0 0;
}
#npcatch li{
	border-top: solid 1px rgb(221, 221, 221);
	padding: 5px 0;
}
#npcatch li:first-child{ border: none; }
#npcatch li a {
	display: table;
	padding: .5rem 0;
	width: 100%;
	font-weight: normal;
}
#npcatch span.date {
	overflow: hidden;
	display: block;
}
.wp-tag-cloud a {
	display: inline-block;
	font-size: 14px !important;
	font-weight: 400;
	color: rgb(51, 51, 51);
	margin: 0 3px 5px;
	padding: 0 10px;
	border-radius: 2px;
	border: solid 1px rgb(51, 51, 51);
}
.wp-tag-cloud a:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
	background: rgb(204, 204, 0);
	border: solid 1px rgb(204, 204, 0);
}
.widget_sp_image{
	line-height: 0;
}
.widget_sp_image img{
	background: rgb(0, 0, 0);
	border: solid 1px rgb(221, 221, 221);
	box-sizing: border-box;
}

/* =scroll btn
----------------------------------*/
a.scroll {}
a.scroll span {
	position: absolute;
	bottom: 25px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -23px;
	border: 2px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
a.scroll span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: -12px 0 0 -8px;
	border-left: 2px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgb(255, 255, 255);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
a.scroll span::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 46px;
	height: 46px;
	box-shadow: 0 0 0 0 rgba(204, 204, 0, 0.2);
	border-radius: 100%;
	opacity: 0;
	-webkit-animation: sdb 3s infinite;
	animation: sdb 3s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% { opacity: 0; }
	30% { opacity: 1; }
	60% { box-shadow: 0 0 0 60px rgba(145,144,144,.1); opacity: 0; }
	100% { opacity: 0; }
}
@keyframes sdb {
	0% { opacity: 0; }
	30% { opacity: 1; }
	60% { box-shadow: 0 0 0 60px rgba(145,144,144,.1); opacity: 0; }
	100% { opacity: 0; }
}

/* =sponsors
----------------------------------------------- */
section#sponsors{}
.sponsors-wrap{}
.sponsors-area-footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  padding:5px 0;
}

.sponsors-area-footer .widget{
  margin:0;
  box-sizing:border-box;
  min-width:0;
}

/* 1列 */
.sponsors-gold .widget{ width: 100%; }

/* 2列 (gap 1個 = 10px) */
.sponsors-no1 .widget{ width: calc((100% - 10px) / 2); }

/* 3列 (gap 2個 = 20px) */
.sponsors-no2 .widget{ width: calc((100% - 20px) / 3); }

/* 4列 (gap 3個 = 30px) */
.sponsors-no3 .widget{ width: calc((100% - 30px) / 4); }

/* 3列 (gap 2個) */
.color-no1 .widget{ width: calc((100% - 20px) / 3); }

/* 4列 (gap 3個) */
.color-no2 .widget{ width: calc((100% - 30px) / 4); }

/* 5列 (gap 4個) */
.color-no3 .widget{ width: calc((100% - 30px) / 4); }

.sponsors-area-footer figure{ margin:0; }

.sponsors-area-footer aside img{
  display:block;
  width:100%;      /* max-widthよりこっちが安定 */
  height:auto;
  box-sizing:border-box;
  border:1px solid #ddd;
}


.wp-pagenavi {
	clear: both;
	margin-bottom: 1em;
}
.wp-pagenavi a,
.wp-pagenavi span{ display: inline-block; }

/* =footer
----------------------------------------------- */
#colophon{
	color: rgb(255, 255, 255);
}
#supplementary{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-transform: uppercase;
	padding: 0;
	border: none;
}
#supplementary.three .widget-area{
	flex: 1;
	margin: 0;
	padding: 4em 1%;
}
#supplementary.three #first{}
#supplementary.three #second{}
#supplementary.three #third{}
#supplementary .footer-logo{
	width: 200px;
	margin: 0;
}


#supplementary.three #third .sns_icon{
    font-size: 24px;
}

#supplementary .footer-logo img {
	height: auto;
	background: rgb(0, 0, 0);
	background-image: radial-gradient(rgb(15, 15, 15) 20%, rgba(0, 0, 0, 0) 0), radial-gradient(rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 0);
	background-position: 0 0, 5px 5px;
	background-size: 5px 5px;
}
#supplementary ul.social{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#supplementary ul.social li{
	font-size: 30px;
	margin-right: 10px;
}
#supplementary.three .widget-area .widget-title {
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0 0 5px;
	background: none;
	border-bottom: solid 1px rgb(51, 51, 51);
}
#supplementary.three .widget-area a{
	font-weight: normal;
	color: rgb(153, 153, 153);
}
#archives-dropdown-2{
	width: 60%;
	height: 30px;
}
#site-generator{
	color: rgb(255, 255, 255);
	padding: 5px 0;
	border: none;
	background: none;
	background: rgb(15, 15, 15);
}
.totop {
	display: block;
	color: rgb(255, 255, 255);
	font-size: 0.88em;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 0;
	background: rgb(140 113 76);
}
.totop:hover,
.totop:focus{
	opacity: 0.7;
	text-decoration: none;
}

/* other
----------------------------------------------- */
.image-attachment div.attachment{
	margin: 0 0 1.625em;
}


/* =Responsive Structure
----------------------------------------------- */
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
@media (max-width: 800px) {
	video{ display: none; }
	#main-view {
		background: url(images/home-image.jpg) no-repeat center;
		background-size: cover;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#primary {
		float: none;
	}
	.page-kids-family #main{
		padding-top: 0;
	}
	#main #content{
		margin: 0 auto;
	}
	.singular #primary,
	.singular #primary.contest-wrap{
		width: 100%;
	}
	#main #secondary{
		clear: both;
		margin: 0 0 2em;
	}
	.bx-wrapper .bx-prev { left: 10px; }
	.bx-wrapper .bx-next{ right: 10px;; }
	#rules ul{
		border-bottom: 1px solid #ddd;
	}
	#rules ul li,
	.single-competition-list #rules ul li {
		text-align: left;
		width: 100%;
		border-bottom: none;
	}
	#rules ul li a{
		padding: 5%;
	}
	#rules ul li .fa {}
	#schedule.s-page ul.bxslider li.wrap-box{
		width: 49%;
	}
	.footer-logo{ margin: 0; }
	.footer-logo img {
		width: 20%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	ul.social {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
		-webkit-justify-content: center;
		justify-content: center;
	}
	ul.social li {
		font-size: 30px;
		margin-right: 10px;
	}
	ul.social li a {
		font-weight: normal;
		color: rgb(153, 153, 153);
	}
	#menu-sp-footer{}
	#menu-sp-footer li { border-bottom: solid 1px rgb(47, 47, 47); }
	#menu-sp-footer li:last-child { border: none; }
	#menu-sp-footer a {
		text-transform: uppercase;
		font-weight: 400;
		display: block;
		color: rgb(255, 255, 255);
		color: rgb(153, 153, 153);
		line-height: 3;
	}
}
@media (max-width: 650px) {
	.inner{ padding: 0 4%; }
	.pc{ display: none; }
	.sp{ display: block; }
	.count-link{
		width: 100%;
	}
	#responsive-menu-title-image{ display: block; }
	#responsive-menu-title-image{ margin: 0 !important; }
	#responsive-menu-title-image img{
		width: 100%;
		height: auto;
	}
	#site-title {
		width: 75px;
        height: 60px;
	}
	.swiper-container .yycountdown-box .yyc-sec, .swiper-container .yycountdown-box .yyc-sec-text{
		display: inline-block;
	}
	.home section{ padding: 40px 0 50px; }
	.home #schedule li h3 span{
		font-size: 18px;
		font-size: 1.8rem;
	}
	.mov-wrap ul{
		display: block;
	}
	.mov-wrap ul li.list-space{
		margin: 0;
		border: solid 1px #ddd;
		padding: 4%;
	}
	.mov-wrap ul li:not(:last-child){
		padding-bottom: 1em;
	}
	.mov-wrap ul li{
		width: 100%;
	}
	.weekend-item{
		width: 100%;
	}
	#schedule li h3 span{
		font-size: 18px;
		font-size: 1.8rem;
	}
	#schedule li p.date{
		font-size: 20px;
		font-size: 2.0rem;
	}
	#schedule li p.place-1{
		font-size: 12px;
		font-size: 1.2rem;
	}
	#schedule li p.place-2{
		font-size: 13px;
		font-size: 1.3rem;
	}
	#schedule ul ul li a.entry span {
		font-size: 13px;
	}
	.timer-flex{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		width: 100%;
		height: 70%;
		left: 0;
		right: 0;
		padding: 0;
	}
	#timer-wrap {
		position: initial;
		left: 0;
		right: 0;
		top: 0;
		margin: 0 auto;
		width: 100%;
		height: auto;
		padding: 0 5%;
	}
	#timer-wrap .timer-logo{
		width: 140px;
		margin: 0 auto;
	}
	#timer-wrap h2{
		font-size: 28px;
		letter-spacing: 0;
	}
	p.timer-btn a{ font-size: 16px; }
	.yycountdown-box{
		display: block;
		font-size: 11px;
		padding: 0;
	}
	#timer-wrap ul li:first-child {
		font-size: 15px;
	}
	#timer-wrap ul,
	#timer-wrap ul li span{
		max-width: 360px;
		width: auto;
		font-size: 10px;
	}
	#timer-wrap ul li.font-m{
		font-size: 12px;
		line-height: 2.2;
	}
	#schedule .swiper-container { padding: 0 10%; }
	#schedule .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
	#schedule .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		color: rgb(255, 255, 255);
	}
	.item-wrap{
		display: block;
		border: solid 1px rgb(221, 221, 221);
	}
	.item-post{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
		padding: 2%;
		border: none;
		border-bottom: solid 1px rgb(221, 221, 221);
	}
	.item-post:last-child{ border: none; }
	.item-post .pro { max-width: 30px; }
	.item-post-text{
		flex: 6;
		font-size: 15px;
		font-size: 1.5rem;
		padding: 5px 5px 0;
	}
	.item-post h3{ margin-bottom: 5px; }
	.item-cat{
		font-size: 10px;
		font-size: 1.0rem;
	}
	.home #tab2 .item-post-image,
	.home #tab3 .item-post-image,
	.item-post:nth-child(n+6) .item-post-image {
		width: 100px;
		height: 100px;
		margin-right: 10px;
	}
	.home #tab2 .item-post-image .thumb img,
	.home #tab3 .item-post-image .thumb img,
	.item-post:nth-child(n+6) .thumb img {
		justify-content: center;
		align-items: center;
		overflow: hidden;
		object-fit: cover;
		width: 100px;
		height: 100px;
	}
	.home .fade-tab { margin: 2em auto 3em; }
	.content-major{ display: block; }
	.content-major li{
		width: 100%;
		margin: 3% 0;
	}
	section#rotation ul.content-special{ display: block; }
	section#ifbb-pro ul.content-special li,
	section#rotation ul.content-special li{
		width: 98%;
		margin: 0.5% 1%;
	}
	section#rotation ul li{
		width: 48%;
		margin: 0.5% 1%;
	}
	#contest-title{
		font-size: 28px;
		font-size: 2.8rem;
	}
	.singular .entry-header .entry-meta{
		font-size: 12px;
		margin: 0;
	}
	.entry-title, .singular .entry-title{
		font-size: 17px;
		font-size: 1.7rem;
	}
	.entry-content h2,
	.entry-content h3{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.entry-content p,
	.entry-content dt,
	.entry-content dd,
	.entry-content li{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.entry-content ul{}
	.entry-content .box ul{}
	.entry-content .box ol{
		margin: 0px 10px 20px 10px;
	}
	.entry-content .box ol ul{
		margin: 0;
	}
	.entry-content .box ol ul li{
		padding: 0;
	}
	.entry-content dd ul{
		margin: 0 0 20px 20px;
	}
	.entry-content .fade-area dd{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.entry-content .fade-area dd ul{
		list-style-type: none;
		margin: 0 -10px;
	}
	.fade-thmubnail img{
		max-width: 100%;
		margin: 0 auto 1em;
	}
	.tab-content{}
	.video-container {
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	ul.part-list{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.imp-box {
		padding: 15px 15px 0;
	}
	.contest-wrap .box{
		padding: 1em 1em 0;
	}
	.contest-wrap .box ul{
		list-style: none;
		margin: 0 5px 1.625em;
	}
	#schedule.s-page ul.bxslider li.wrap-box{
		width: 99%;
		margin-bottom: 20px;
		border: solid 10px rgb(221, 221, 221);
	}
	.box .base-list a {
		display: block;
		width: 100%;
		margin: 0 0 .5em;
		padding: 5px;
	}
	a.btn{ width: 75%; }
	a.scroll span{
		width: 35px;
		height: 35px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	a.scroll span::before{
		width: 30px;
		height: 30px;
	}
	.entry-content .impact-l{ font-size: 24px; }
	.cat-wrap{ display: block; }
	.cat-wrap .image{
		line-height: 0;
		margin-bottom: 10px;
	}
	.cat-wrap .text{ margin-left: 0; }
	.regi-wrap{ display: block; }
	.regi-wrap a{
		display: block;
		width: 100%;
	}
	.totop{ padding: 10px 0; }
	#colophon .widget{ margin: 20px 0; }
	.footer-logo img {
		width: 40%;
		display: block;
		margin: 0 auto;
	}
}
@media screen and (max-device-width: 650px) {
	#contest-title{ line-height: 1.3; }
	#timer-wrap h2{
		font-size: 40px;
	}
}

@media (max-width: 450px) {}
@media (max-width: 320px) {
	#timer-wrap .timer-logo{
		width: 40px;
		margin: 0 auto;
	}
	#timer-wrap {
		padding: 0;
	}
	#timer-wrap ul{ margin: 0 auto 10px; }
	#timer-wrap ul li.font-m {
		line-height: 1.6;
	}
	#timer-wrap h2{
		font-size: 36px;
	}
	#timer-wrap p {
		font-size: 16px;
	}
}

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
	width:100%;
	margin: 36px 0 24px;
	padding:0;
	display: table;
}
#prev_next  #prev, #prev_next  #next{
	width: 50%;
	padding:30px 10px 10px;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	display: table-cell;
	position:relative;
	text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
	font-size:90%;
	line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
	background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
	border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
	font-size:90%;
	top:-1em;
	position:absolute;
	border: 1px #ccc solid;
	background:#fff;
	text-align: center;
	padding:3px;
	color:#666;
}
#prev_next #next_title{
	right:10px;
}
#prev_next #prev img, #prev_next #next img{
	margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
	width: 50%;
	height:140px;
	padding:0 10px;
	display: table-cell;
}
#prev_next #prev_no{
	border-right:#ccc 1px solid;
}
#prev_next_home{
	margin:0 auto;
	background-color: #39f;
	border: solid 9px #fff;
	width: 100px;
	height:100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #39f;
	-webkit-box-shadow: 0 0 0 3px #39f;
	-moz-box-shadow: 0 0 0 3px #39f;
	text-align:center;
}
#prev_next_home:hover{
	background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
	color:#FFF;
	margin:10px auto ;
	font-size:60px;
}
@media only screen and (min-width: 780px) {
	#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
	#prev_next #next, #prev_next #next::before, #prev_next #next::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#prev_next #prev_title, #prev_next #next_title{
		padding:3px 10px;
	}
	#prev_next #next_title{
		right:10px;
	}
	#prev_next #prev img{
		float:left;
		margin-right:10px
	}
	#prev_next #next img{
		float:right;
		margin-left: 10px;
	}
}



/**
* SPONSOR
*/

ul.home_sponsors {
	margin: 0.5%;
	padding: 5vh 0;
  }
  ul.home_sponsors .btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
  }
  @media screen and (max-device-width: 650px) {
	ul.home_sponsors .btns {
	  justify-content: space-around;
	}
  }
  ul.home_sponsors .btns a {
	display: block;
	margin-right: 10px;
	border: solid 3px #fff;
	padding: 8px 20px;
	color: #fff;
	line-height: 1;
	text-align: center;
	font-size: 14px;
	width: calc(32% - 40px);
	transition: 0.3s all;
  }
  ul.home_sponsors .btns a.detail:hover {
	border-color: green;
	background-color: green;
	color: #fff;
  }
  ul.home_sponsors .btns a.outer:hover {
	border-color: red;
	background-color: red;
	color: #fff;
  }
  @media screen and (max-device-width: 650px) {
	ul.home_sponsors .btns a {
	  width: 42%;
	  padding: 8px 0;
	  margin: 0;
	}
  }
  ul.home_sponsors li {
	list-style: none;
	padding: 45px 6vw;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #000;
  }
  ul.home_sponsors li figure {
	width: 30%;
	margin: 0;
	padding: 0;
  }
  ul.home_sponsors li figure img {
	width: 100%;
  }
  @media screen and (max-device-width: 650px) {
	ul.home_sponsors li figure {
	  width: 100%;
	}
  }
  ul.home_sponsors li .txt {
	width: 60%;
  }
  ul.home_sponsors li .txt p {
	color: #efefef;
	margin: 0;
	padding: 0;
  }
  ul.home_sponsors li .txt p.title {
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1;
  }
  ul.home_sponsors li .txt p.copy {
	padding-top: 1em;
	font-size: 1.3rem;
	line-height: 1.7;
  }
  @media screen and (max-device-width: 650px) {
	ul.home_sponsors li .txt {
	  width: 100%;
	}
	ul.home_sponsors li .txt p.title {
	  font-size: 1.9rem;
	  padding-top: 15px;
	}
  }
  ul.home_sponsors li.black {
	background-color: #000;
  }
  ul.home_sponsors li.white {
	background-color: #fff;
  }
  ul.home_sponsors li.white .btns a {
	border: solid 3px #000;
	color: #000;
  }
  ul.home_sponsors li.white p {
	color: #333;
  }


/*  追記  */

.lh-0{
	line-height: 0;
}
section#reji{
	padding: 0;
	background: #fff6da;
}
.seg2 {
    display: flex;
    justify-content: space-between;
    margin: 1em 0;
    align-items: center;
}
.seg2.membership{
	flex-direction: row-reverse;
    background: #000;
    color: #fff;
    text-align: center;
}
.seg2 .seg{
	flex: 1;
}
.seg2 .seg.text{
    padding: 17px 0;
}
.seg2 .seg h2 {
    font-family: "Oswald", sans-serif;
    margin: 0 0 10px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 26px;
}
.seg2.membership h2:after {
    content: "";
    display: block;
    width: 3em;
    border-top: solid #8c714c;
    border-top-width: 2px;
    margin-top: 0.25em;
    margin-left: auto;
    margin-right: auto;
}
.seg2 .seg p{
    font-size: 12px;
    margin-bottom: 5px;
}
.seg2 .seg a.btn {
    margin: 0 auto;
    padding: 4px 0;
    font-size: 15px;
}
.seg2 .seg img{
	width: 100%;
	height: auto;
}

.single-schedule #main,
.archive #main{
	padding: 0;
}

section,
section.event-basic{
	padding: 60px 0;
	border-bottom: solid 1px #ddd;
}

section:nth-of-type(even){
  background:#f0f0f0;
}


#event-header{
    text-align: center;
	background: #000;
	color: #fff;
	padding: 15px 0;
}

/*
#event-header {
    text-align: center;
    background: #000;
    color: #fff;
    padding: 70px 0;
    background: linear-gradient(302deg, #970000, #072d50, #930f0f);
    background-size: 400% 400%;
    animation: gradientMove 15s ease infinite;
}
@keyframes gradientMove{
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
*/

.event-over-wrap{
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.event-nav{
/*    display: flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;*/
}
.event-nav-prev,
.event-nav-next{
	color: #fff;
	font-size: 20px;
}

.event-nav-prev-wrap,
.event-nav-next-wrap{
    position: absolute;	
    top: 20px;
}
.event-nav-prev-wrap{
    left: 0;
}
.event-nav-next-wrap{
    right: 0;
}




.event-type-wrap{
	line-height: 1;
}
.event-type-wrap .year-title,
.event-type-wrap .event-type{
    margin: 1px auto;
    line-height: 1.6;
}
.event-type-wrap p,
.event-type-wrap #contest-title{
	margin: 5px auto;
}

.event-date-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: 0 auto;
}
.event-date-wrap p{
	margin: 0;
}
.contest-logo-main img,
.contest-logo-ifbb img {
    max-width: 90px;
    height: auto;
    margin: 0 auto;
}
.event-type {
	display: inline;
    color: #000;
	padding: 5px 25px;
    margin: 0 auto 1em;
    background: #fbe08b;
    border-radius: 20px;
}

.event-rejister-wrap {
    padding: 1em 0;
    border-bottom: solid 1px #ddd;
    background: #fff6da;
}
ul#event-rejister {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1em 0;
    align-items: center;
    gap: 12px;
}
ul#event-rejister li {
}
ul#event-rejister li a {
    display: block;
    width: 220px;
    margin: 0 auto 10px;
    text-align: center;
    background: #c80808;
    border: solid 1px #ff0000;
    color: #fff;
    padding: 10px 30px;
}
ul#event-rejister li a.ticket{
    background: #3eb600;
    border: solid 1px #bdff00;
}


ul#event-rejister li a:focus,
ul#event-rejister li a:hover{
	text-decoration: none;
	opacity: 0.7;
}
ul#event-rejister li a.non-regi {
	background: #bdbdbd;
    border-color: #ddd;
}
ul#event-rejister li a.non-regi:focus,
ul#event-rejister li a.non-regi:hover{
	opacity: 1.0;
	cursor: default;
}
.event-rejister-supplement{
	text-align: center;
	font-weight: 400;
	margin: 1em 0;
}
.event-rejister-supplement span{
	font-weight: 600;
}
#event-header .entry-title {
    color: #fff;
    border: none;
    line-height: 1;
    margin: 5px 0 10px;
    padding: 0 40px;
}
.event-datetime{
    line-height: 1;
    margin: 0;
}
.event-date,
.event-day{
	font-family: "Oswald", sans-serif;
}

.event-date{
    display: block;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.event-day{
    font-size: 20px;
}
.event-place{
    font-size: 20px;
}
.section-title {
    position: relative;
    text-align: center;
    margin-bottom: 1em;
    font-weight: 600;
    font-size: 18px;
}
.section-title:after {
    content: "";
    display: block;
    width: 3em;
    border-top: solid #8c714c;
    border-top-width: 2px;
    margin-top: 0.25em;
    margin-left: auto;
    margin-right: auto;
}
.event-table {
	width: 100%;
    border-bottom: 1px solid rgba(141, 144, 147, 0.34);
    line-height: 1.5;
    margin: 0 auto 4em;
}

.event-table thead th{
	font-weight: 400;
    background-color: #F3F4F4;
}

.event-table th,
.event-table td{
	padding: 5px 10px;
	border-top: 1px solid rgba(141, 144, 147, 0.34);

}

.event-table th{
	position: relative;
    width: 5em;
    text-align: left;
    font-weight: 700;
}
.event-table td {
}

ul.basic-list{
    margin: 0 0 4em 0;
    list-style: none;
}
ul.basic-list li{
    border-bottom: dashed 1px #ddd;
    padding: 5px 0;
    font-size: 15px;
}
ul.coloring {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 1em 0;
    padding: 0;
    align-items: center;
    gap: 12px;
}

ul.coloring li {
    width: calc((100% - 24px) / 4); /* gap 12px × 2 */
    max-width: 183px;
    text-align: center;
}

ul.coloring li img {
    width: 100%;
    height: auto;
    display: block;
    border: solid 1px #ddd;
}

.archive-title,
.archive-type,
.archive-date .contest-logo-main {
    margin: 0;
}

.archive-wrap{
    border-bottom: solid 1px #ddd;
    padding: 10px 15px 10px 0;
}
.archive-wrap a {
	color: #333;
    position: relative;
    display: flex;
    align-items: center;     /* 縦中央 */
    padding-right: 1.5em;    /* 矢印分の余白 */
}
.archive-wrap a::after {
    font-family: 'FontAwesome';
    content: "\f054";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.archive-wrap a:focus,
.archive-wrap a:hover{
	text-decoration: none;
}
.archive-wrap-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 1.4;
}
.archive-wrap-inner .archive-date {
    display: flex;
    align-items: center;
    gap: 10px;
    border: solid 1px #ddd;
    text-align: center;
    padding: 10px;
    width: 60px;
}
.archive-date .event-date,
.archive-date .event-day,
.archive-date .event-place{
	display: block;
    line-height: 1.6;
    margin: 0;
}
.archive-date .event-date{
	line-height: 1;
    font-size: 28px;
}
.archive-date .event-day{
    font-size: 14px;
}
.archive-date .event-place{
    font-size: 14px;
}
.archive-date .event-datetime{
	width: 90px;
	margin: 0 auto;
}
.archive-date .contest-logo-main img,
.archive-date .contest-logo-ifbb img{
	max-width: 80px;
}


.archive-date.type-open-regional,
.archive-date.type-natural-regional{
	border: solid #8c714c;
    background: rgb(251 224 139 / 25%);
}
.archive-date.type-open-pro-show{
    border: solid #f44335;
    background: rgb(244 67 53 / 15%);
}
.archive-date.type-open-pro-qualifier,
.archive-date.type-natural-pro-qualifier,
.archive-date.type-olympia-amateur {
    border: solid #2196f3;
    background: rgb(33 150 243 / 15%);
}

.event-type.type-regional{}
.event-type.type-pro-qualifier{}
.event-type.type-pro-show{}










.archive-type .event-type {
	font-size: 13px;
	font-weight: 400;
    padding: 2px 10px;
    margin-bottom: 5px;
    display: inline-block;
}
.archive-wrap-inner .archive-title {
    font-weight: 600;
    font-size: 16px;
}

.archive-status{}
.archive-status .status-reg {
    font-size: 12px;
    background: #c80808;
    color: #fff;
    margin-right: 5px;
    padding: 3px 10px;
}
.archive-status .status-tic{
    font-size: 12px;
    background: #3eb600;
    color: #fff;
    padding: 3px 10px;
}
.info-post-wrap{
	margin-bottom: 1em;
}
.info-post {
    border-bottom: solid 1px #ddd;
    padding: 10px 0;
}
.info-post a{
	text-decoration: none;
	color: #000;
}
.info-post-title,
.info-post-date,
.info-post-cat{
	margin: 0;
}
.info-post-date,
.info-post-cat{
	font-size: 14px;
}

.info-post-title{}
.info-post-date {
    float: left;
    color: #8d9093;
}
.info-post-cat{
	color: #8c714c;
}

.event-type {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 20px;
}


.event-type.type-open-regional {
  background: #fbe08b;
  color: #000;
}
.event-type.type-natural-regional {
  background: #ffc81a;
  color: #000;
}

.event-type.type-open-pro-qualifier {
  background: #2196f3;
  color: #fff;
}

.event-type.type-pro-qualifier,
.event-type.type-natural-pro-qualifier {
  background: #2196f3;
  color: #fff;
}




.event-type.type-olympia-amateur {
  background: #2196F3;
  color: #fff;
}

.event-type.type-pro-show,
.event-type.type-open-pro-show {
  background: #F44336;
  color: #fff;
}

.thumb{
	margin-bottom: 10px;
}
.thumb img{
	width: 100%;
	height: auto;
}




@media only screen and (max-width: 780px) {
		.seg2.membership{
			display: block;
		}
		.event-table{
		    width: 100%;
		}
		ul.coloring li {
		    width: calc((100% - 24px) / 2);
		    max-width: 200px;
		    text-align: center;
		}
		.event-type-wrap .year-title,
		.event-type-wrap .event-type{
		    font-size: 13px;
		}
		.event-date-wrap{
	        justify-content: space-around;
		}
		.event-date{
			font-size: 40px;
		}
		.event-day,
		.event-place{
			font-size: 15px;
		}

}


/*消さないこと*/
@media screen and (max-width: 782px) {
  #wpadminbar { 
    min-width: 0 !important;
    width: 100% !important;
  }
  #wpadminbar #wp-admin-bar-my-account,
  #wpadminbar #wp-admin-bar-my-account .ab-item{
    max-width: 45vw !important; /* ここは好みで調整 */
  }
  #wpadminbar #wp-admin-bar-my-account .display-name{
    display: inline-block !important;
    max-width: 14vw !important; /* ここも調整 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle;
  }
  #wpadminbar { overflow: hidden !important; }
}