@media screen and (max-width: 667px) {
.imgPC{display:none;}
.imgSP{display:block;}
.inner{width:96%; margin:0 auto;padding:2%;}


table {
	font-size:90%;
}

header .inner{width:96%;padding-top:1%;}
header #logo1 {width:50%; margin:0 30%; display:block;}


header nav a::after {
 display:none;
}
header nav a:hover::after {
 display:none;
}

#mainVisualPlayers {width:100%;min-height: 200px;margin-bottom:30px;position:relative;}
#mainVisual {width:100%;min-height: 130px;margin-bottom:30px;position:relative;}

#mainVisualPlayers .title_players{width:60%; margin:0px auto;position:absolute;top:90px;left:0;right:0;}
#mainVisual .title_about{width:60%; margin:0px auto;position:absolute;top:30px;left:0;right:0;}
#mainVisual .title_tournament{width:60%; margin:0px auto;position:absolute;top:30px;left:0;right:0;}
#mainVisual .title_howto{width:57%; position:absolute;top:10px;right:10px;}
#mainVisual .title_guide{width:80%;position:absolute; left:30px; top:10px;}
#mainVisual .title_nortice{width:70%; margin:0px auto;position:absolute;top:30px;left:0;right:0;}

#mainVisualTop{width:100%; min-height: 250px;}
#mainVisualTop .title_top1{width:55%;position:absolute;left:40px;top:50px;}
#mainVisualTop .title_top2{width:70%;position:absolute;left:50px;top:110px;}
#mainVisualTop .title_top3{width:55%;position:absolute;left:85px;top:160px;}
#mainVisualTop .title_topbg{width:100%;position:absolute;left:0px;top:10px;}


footer .inner{width:90%;}
footer {height:auto;}
footer .copyright {margin:0px; padding:1%; font-size: 12px;line-height:13px;}

h2 span{font-size:12px;display:block;}

/*header menu*/

header{height:auto;}
header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    left:0;
    top: -440px; /*通常時はビュー外*/
    background:rgba(000,000,000,.9);
    width:100%;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    z-index:9999999;}

header nav ul {margin:0;padding-bottom:20px;}
header nav ul li {
    float:none;
    text-align:center;
    display:block;
    margin:0;
    line-height:1;
    padding-top:20px;
    }
header nav ul li a {display:block}
header nav ul li::after {content:''}
header nav ul li:last-child {border-bottom:none}

header #snsBtns{position:absolute; left:0;margin-top:3%;}
header #snsBtns li img{height:28px;margin:0;}
header #snsBtns .gunghoBtn{display:none;}

/* Toggle(Button) */
/*display:noneだったボタンを display:blockにして表示します*/

#navToggle {display:block;}

.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)}

.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)}

.openNav nav {
    -moz-transform: translateY(499px);
    -webkit-transform: translateY(499px);
    transform: translateY(499px)
    }

ul.players{width:100%;margin: 0 auto;box-sizing:border-box;}
#mainContents{padding:0;}
#mainContents ul.players li{display:block; width:48%;margin-right:4%; margin-bottom:15px; color:#FFF;text-align:center;box-sizing:border-box;}

#mainContents ul.players li:nth-of-type(5n){margin-right:4%;}
#mainContents ul.players li:nth-of-type(2n){margin-right:0;}
#mainContents ul.players li img{width:100%;}

#mainContents ul.players li div{
    border:1px solid #333;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 160px;	/*画像の幅*/
	height: 160px;	/*画像の高さ*/
    margin:4px auto;
}
#topContents ul li div.zoom{
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}

ul.whats li{
    border-bottom:1px solid #7b7b7b;
    padding:15px;font-size:15px;
    display: block;
}

ul.whats li .whatsdays{
display:block;font-size:12px;padding:4px 4px 4px 6px;margin-bottom:8px;margin-right:0px;
}
ul.whats li .whatsdays2{
display:block;font-size:12px;padding:4px 4px 4px 6px;margin-bottom:8px;margin-right:0px;
}
ul.whats li .mainText{
    width:100%;
}



#topContents ul#topTopics{display: flex; flex-direction: column;}
#topContents ul#topTopics li{display:block; width:100%; margin-right:0px; margin-bottom:20px; color:#FFF;border:1px solid #7b7b7b; box-sizing:border-box;background:#000; position:relative;padding-bottom:30px;}

ul.tournamentList li img{width:100%; float:none; margin-right:0px;border-right:none; border-bottom:1px solid #7b7b7b; }
ul.tournamentList li .title{font-size:18px; font-weight:bold;margin-bottom:10px; margin:10px;}
ul.tournamentList li p{margin:10px 10px 40px;}

.btnBox2{width:100%;}


.textBlock{border:1px solid #7c7c7c;color:#FFF;padding:3%;}
.textBlock p{font-size:14px; line-height:1.5rem;margin-bottom:5px;}
.textBlock h3{font-size:14px; line-height:18px;margin-bottom:5px;}

.textBlock h4 span{color:#ffe824; font-size:16px;border:none;}

.textBlock h4{margin:15px 0;border:1px solid #ffe824;padding:8px;}

.textBlock .centerPict1{display:block;margin:30px auto;max-width:100%;}
.textBlock .centerPict1 img{width:100%;}

.textBlock .kakomi{background: #3e3e3e; border:1px solid #FFF; padding:15px;margin-bottom:20px;}

	.notice li{font-size: 14px;}

.iziModal {width:96%; margin:10px auto 30px;}
.iziModal .playerBox{display:block}
.iziModal .playerBox .name{padding-left:15px;}

.iziModal .playerBox img{border-right:0px solid #CCC;float:none;margin-right:0px; width:100%;}
.iziModal .playerBox:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.iziModal .aboutPict{width:100%;}

.iziModal .iziModal-header-subtitle {
    font-size: 9px;
}

#list4 li{display:block;float:left;width:calc((100% - 8px) / 2);margin-right:8px;margin-bottom:8px;text-align:center;}
#list4 li:nth-of-type(2n){margin-right:0;}
#list4 li img{width:100%;}

	.textBlock ul.pict4List{display: block;}
	.textBlock ul.pict4List li{width: 100%;}

	.movieWrap {
    max-width: 100%;
}

.movieWrap .movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.movieWrap .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	.personalityName{font-size: 14px;}
	.playersIntroduction {width: 100%; display: block;margin-top: 2em;
	}
	.playersIntroduction .playersIntroDetails {
		width:100%;
	}
	.playersIntroduction .playersIntroDetails:nth-child(odd){
		margin-right: 0;
	}

	/* Summary etc 20190118 kk */
	/* ----------------------------------------------------*/
	.sleeveList {
		flex-wrap: wrap;
	}
	.sleeveList li {
		width:48%;
		margin: 0 auto;
		text-align: center;
	}


/*  20201102 add */
/* ----------------------------------------------------*/

.pointArea{padding: 1rem}
.pointArea li{ font-size:1.2rem; text-align:left; text-indent: -1.2rem; padding-left:1.2rem; margin-bottom:0.5rem;}
.guideh2 > h2{ font-size:22px;}
.guideh3 > h3{ font-size:18px; text-decoration:underline; margin-bottom:1rem;}
.underline{border-bottom:none;}

/*  20240112 add */
/* ----------------------------------------------------*/
.textBannerAdpad{width:90%; margin:0 auto; padding:0.5em; font-size:100%;}


}

