@import url("/css/whhg.css");
@import url("/css/general_foundicons.css");
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
BODY {
	font-family: Verdana, Arial,sans-serif;
	/* background-color: #EEEEEE; */
}
BODY:not(.no-nav){
	margin-top: 34px;
}
a {
	color:inherit;
}
.t {empty-cells:show; border: inset 2px #8F7F6F;}
.Men {background-color: #9999CC;}
.MenT {background-color: #9999CC; border-bottom:solid 1px #9999CC;}
.MenM {background-color: #9999CC; border-top:solid 1px #9999CC; border-bottom:solid 1px #9999CC;}
.MenB {background-color: #9999CC; border-top:solid 1px #9999CC;}
.zMen, .zumi .Men {background-color: #B4B4C2; color:#4C3F39;}
.Ladies {background-color: #CC9999;}
.LadiesT {background-color: #CC9999; border-bottom:solid 1px #CC9999;}
.LadiesM {background-color: #CC9999; border-top:solid 1px #CC9999; border-bottom:solid 1px #CC9999;}
.LadiesB {background-color: #CC9999; border-top:solid 1px #CC9999;}
.zLadies, .zumi .Ladies {background-color: #B59D9D; color:#4C3F39;}
.Pair  {background-color: #99CC99;}
.zPair, .zumi .Pair {background-color: #B6BEB6; color:#4C3F39;}
.Dance  {background-color: #FEF072;}
.zDance, .zumi .Dance {background-color: #D9D2B3; color:#4C3F39;}
.Ex {background-color: #BD9ECB;}
.zEx, .zumi .Ex {background-color: #AFA0B4; color:#4C3F39;}
.Sys {background-color: #EEEEEE;}
.zSys, .zumi .Sys {background-color: #D3D3D3; color:#4C3F39;}
.Show {background-color: #D3BEDC}
.zShow, .zumi .Show {background-color: #D1C5D6; color:#4C3F39;}
.Other {background-color: #F1CDA5;}
.Other2 {background-color: #FAECCA;}
.Holiday {background-color:#F8DCD6;}
.zHoliday {background-color:#D0C7C6; color:#4C3F39;}
.Sat {background-color:#C2CBE0;}
.zSat {background-color:#CFCFD1; color:#4C3F39;}
.seed {
	background:#DBE1AC;
	border: ridge #808080 1px;
	/* display: inline-block; */
	padding: 1px 2px;
}
.seed-cell {
	background:#DBE1AC;
}
.seed-cell[title] {
	cursor: default;
}
.group-header {
	text-align: left !important;
}
.new {background-color: #ffc0cb;}
A.z:link {color:#4C3F39;}
A.z:visited {color:#4C3F39;}
.JSF {background-color: #B1E5F0;}
.ISU {background-color: #EEEEEE; color: #241C62; font-weight: bold;}
.GPS {background-color: #241C62; color: snow;}
.JGPS, .JGP {background-color: #4F3EC1; color: snow;}
.IC {background-color: #9FC6A9;}
.ICNP {background-color: #D9E8DD;}
.OWG {background-color: #EBF3F3;}
.JSFbg {background-color: #B1E5F0;}
.ISUbg {background-color: #EEEEEE;}
.GPSbg {background-color: #638FE2;}
.JGPbg {background-color: #BBA2E6;}
.ICbg {background-color: #9FC6A9;}
.ICNPbg {background-color: #D9E8DD;}
.OWGbg {background-color: #EBF3F3;}
.HM {background-color: #1e50a2;}
.M1 {background-color: #5383c3;}
.M2 {background-color: #89c3eb;}
.HL {background-color: #c85554;}
.L1 {background-color: #f6bfbc;}
.L2 {background-color: #e8d3c7;}
.HP {background-color: #47885e;}
.P1 {background-color: #a8c97f;}
.P2 {background-color: #cee4ae;}
.HD {background-color: #e6b422;}
.D1 {background-color: #e4dc8a;}
.D1f {color: #FFFF40;}
.D2 {background-color: #f2f2b0;}
.D2f {color: #FFFF99;}
.W1 {background-color: #EEEEEE;}
.W2 {background-color: #EEEEBB;}
.SM {background-color: #DDDDBB;}
.CT {background-color: #191970; color:#FDFCEE; font-weight:bold}
.LN {background-color: #899FC0;}
.AUS {background-color: #2e6dea;}
.AUT {background-color: #FF7F50;}
.BEL,.EST {background-color: #C1BAAE;}
.BLR,.AZE {background-color: #9EC7A5;}
.CAN {background-color: #DAB58F;}
.CHN {background-color: #E8DC86;}
.CZE,.MAS {background-color: #F39183;}
.FIN,.LTU {background-color: #B4EDD9;}
.FRA, .NED {background-color: #B4C2DA;}
.GEO,.POL {background-color: #DD99A2;}
.GBR {background-color: #B5B5FF;}
.GER {background-color: #CAB973;}
.HKG {background-color: #FFDEAD;}
.HUN {background-color: #F5AA81;}
.ITA, .BUL {background-color: #AFCF8F;}
.JPN,.PRK {background-color: #F5C8BC;}
.KOR {background-color: #B8A5F8;}
.LAT {background-color: #F08080;}
.ROU {background-color: #EEE8AA;}
.RUS {background-color: #87CBCB;}
.SVK {background-color: #DBE1AC;}
.SLO {background-color: #C68886;}
.SUI,.ISR, .DEN, .TPE {background-color: #F0FFF0;}
.SWE {background-color: #94A8CD;}
.TUR {background-color: #E4AD89;}
.UKR {background-color: #FFFFC1;}
.USA {background-color: #8D8DE0;}
.UZB {background-color: #C2E085;}
.KAZ {background-color: #8BDCE4;}
.ESP,.ARM {background-color: #EEE366;}
.NOR {background-color: #e55b72;}
.PHI {background-color: #e5ddb7;}
.TBA {background-color: #ffffff;}
.OUT {background-color: DarkGrey;
			color: DimGrey;
			text-decoration: line-through;
}
.fM {color: #3333CC;}
.fL {color: #CC3333;}
.fP {color: #3A8A2D;}
.fD {color: #968F0C;}
.re {background-color: #E1DED9;}
.def {background-color: #EBE6E2;}
.def1 {background-color: #EBE6E2;}
.def2 {background-color: #FBFAF9;}
.dbg {background-color: #97AAC8; color: #242B51;}
.df {background-color: #EEEEEE; color: #242B51;}
.dbgf {color: #97AAC8;}
.dff {color: #EEEEEE;}
.bg1 {background-color: #97AAC8;}
.bg2 {background-color: #EEEEEE;}

.zumi, .zOther, .zdef {
	background-color: #BAB0A7;
	color: #4C3F39;
}
.zumi2 {background-color:#CBC2BC; color:#4C3F39;}
.z {color:#4C3F39;}

/*
.f1 {font-size:1px; }
.f7 {font-size:7px; }
.f8 {font-size:8px; }
.f9 {font-size:9px; }
.f10 {font-size:10px; }
.f11 {font-size:11px; }
*/
.f1 {font-size: 0.1em; }
.f6 {font-size: 0.6em; }
.f7 {font-size: 0.7em; }
.f8 {font-size: 0.8em; }
.f9 {font-size: 0.9em; }
.f10 {font-size: 1.0em; }
.f11 {font-size: 1.1em; }
.f12 {font-size: 1.2em; }
.f13 {font-size: 1.3em; }
.f14 {font-size: 1.4em; }
.f15 {font-size: 1.5em; }
.f16 {font-size: 1.6em; }
.f18 {font-size: 1.8em; }
.f20 {font-size: 2.0em; }
.f22 {font-size: 2.2em; }
.f24 {font-size: 2.4em; }

A.gray:link,
A.gray:visited,
.gray {
	color: #383342;
	}
.DimGrey {color: DimGrey;}
A.DimGrey:link {color: DimGrey; }
A.DimGrey:visited {color: DimGrey; }
A.noul {text-decoration: none; color:#8F7F6F;}
.base {background-color: #4C3F39;}
.basef {color:#201D1A;}
A.basef:link {color:#201D1A;}
A.basef:visited {color:#201D1A;}
A.basef:hover {color:#CC0000;}
.white {background-color: #FFFFFF;}
.HEADER { background-color: #241C62; color:#FFFAFA; font-weight:normal;}
.ac {text-align: center;}
.al {text-align: left;}
.ar {text-align: right;}
.b {font-weight:bold;}
.fw-n {font-weight: normal;}
A.nul {text-decoration: none;}
.red {color: #FF0000;}
.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}
.asc {background-image: url(img/asc.gif); background-repeat: no-repeat; background-color: #8dbdd8;}
.desc {background-image: url(img/desc.gif); background-repeat: no-repeat; background-color: #8dbdd8;}
.p2 {padding: 2 4 2 4;}
.pd2 {padding: 2 4 2 4;}
.pd4 {padding: 4 4 4 4;}
.pd {padding: 0 0 0 0;}
.ul {text-decoration: underline;}
.dsp-no {display: none;}
.dsp-bl {display: block;}
.f-r {float: right;}
.f-l {float: left;}
.w50 {width: 50px;}
.w60 {width: 60px;}
#tblpd th, #tblpd td {padding: 2 4 2 4;}
.td-n {text-decoration: none;}
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}
img.flag {
	border: 1px solid black;
	margin-right: 3px;
}
main,
div.main{
	width: 98%;
	max-width: 1080px;
	margin: auto auto 10px auto;
	text-align: center;
}
.list-tbl{
	margin: 0 auto;
	border-collapse: collapse;
	border: #201D1A 2px solid;
}
.list-tbl-nb{
	margin: 0 auto;
	border-collapse: collapse;
}
.list-tbl.cell-nowrap
{
	white-space: nowrap;
}
.list-tbl TH {
	padding: 2px 4px;
	border: #201D1A 1px solid;
}
.list-tbl:not(.smpl) tr:not(.def):not(.defCH):not(.org-th) TH {
	color:#ffffff;
	background:#241C62;
}
.list-tbl TD {
	padding: 2px 4px;
	border: #201D1A 1px solid;
}
.navi{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.topic-list{
	font-size: 0.9rem;
}
.topic-list a.topic-title{
	text-decoration: underline;
}
.ad-div-detail{
	border: solid 1px black;
	margin: auto;
}
.ad-div{
	display: table;
	margin: auto;
	text-align: left;
}
.ad-div a{
	text-decoration: underline;
}
.ad-img{
	display: table-cell;
	width: 100px;
	height: 82px;
	color: #FFFFFF;
}
.ad-text{
	display: table-cell;
	padding: 6px 3px;
	color: #222222;
	line-height: 120%;
}
.ad-div-detail .ad-text{
	line-height: inherit;
}
.ad-img[data-ad-index="1"]{
	background-image: url(/img/ad_nitteleplus.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.img-youtube img,
.img-movie img {
	width: 20px;
}

/* ヘッダー */
header {
	width: 100%;
	max-width: 1080px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	box-shadow: 0 10px 6px -6px #777777;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #bababa;
}
.has-ad header {
	top: 50px;
}
.has-ad #index-head {
	margin-top: 50px;
}
.has-ad div.main-div {
	margin-top: 80px;
}
.has-ad #select {
	top: 81px;
}
.has-ad section.ad {
	padding-top: 35px;
}
nav {
	display: table;
	margin: 0 auto 0 0;
}
nav > a{
	display: table-cell;
	padding: 2px 6px;
	text-decoration: none;
	border-right: solid 1px #383c3c;
	color: #383c3c;
	font-size: 1.0rem;
	text-align: center;
	min-width: 40px;
	white-space: nowrap;
}
nav a:hover,
nav a.selected-menu  {
	background-color: #383c3c;
	color: #f8fbf8;
}
#view-unlock {
	background-color: #829797;
}
@media screen and (max-device-width: 480px) {
	nav > a{
		padding: 6px;
		min-width: 60px;
	}
	select,
	input[type=text],
	input[type=number] {
		font-size: 1rem;
	}
	.full-button > input[type='submit'] {
		width: 98%;
		line-height: 200%;
		height: 40px;
		text-align: center;
	}
}
.ad-header {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background-color: #383c3c;
	color: #f8fbf8;
	font-weight: bold;
	line-height: 250%;
	vertical-align: middle;
	z-index: 1000;
}
.ad-header a {
	color: #ffffff;
	text-decoration: underline;
}
.overflow-div {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}
.overflow-div table:not(.no-overflow),
.overflow-div fieldset {
	width: fit-content;
	white-space: normal;
}
.list-flex {
	display: flex;
	list-style-type: none;
}
.list-flex a {
	display: block;
	text-decoration: none;
}
.list-cat > li {
	width: 6rem;
	min-width: 100px;
	text-align: center;
	padding: 1vh 1vw;
}
footer {
	margin-top: 1rem;
	border-top: solid 1px #383342;
}
@media screen and (max-width: 767px) {
	* {
		font-size: 16px;
	}
	body {
		width: 98vw;
		max-width: 98vw;
		margin: auto;
	}
	form {
		width: 98vw;
		margin: auto;
	}
	input[type=submit] {
		padding: .25rem;
	}
	input[type=text]:not(.fit), input[type=submit]:not(.fit) {
		width: 33vw;
	}
	.list-flex {
		flex-wrap: wrap;
		max-width: 98vw;
		width: 98vw;
		padding: 1vw;
	}
	.list-flex input, select:not(.fit) {
		width: 100%;
	}
	.list-cat > li {
		width: 25%;
		min-width: 25%;
	}
	button, input[type=button], input[type=submit] {
		line-height: 2rem;
		-webkit-appearance: none;
	}
	.tbl-sp{
		max-width: 98vw;
	}
	.tbl-sp tr {
		display: flex;
		flex-direction: column;
		padding-bottom: 0.5rem;
	}
	.tbl-sp input[type=text], .tbl-sp input[type=date] {
		border: solid 1px gray;
		width: 100%;
	}
	.tbl-sp td {
		word-break: break-all;
	}
	.wrapper {
		width: 100%;
	}
}
