/* ----------------------------------------------------*/
@media only screen and (max-width: 1038px) {
#logo {
	width: 160px;
	height: auto;
	margin: 15px auto 0;
	padding: 0;
	float: left;
	}
	
#search {
	width: 60%;
}

}

@media only screen and (max-width: 1000px) {
#logo {
	width: 120px;
	margin: 38px auto 0;
	}
}


@media only screen and (max-width: 975px) {
#logo {
	width: 100px;
	margin: 40px auto 0;
	}
}
@media only screen and (min-width: 941px) {
.drawer-hamburger-icon {
		display: none !important;
		width: 0;
		height: 0;
	}

.spimage {
	display: none !important;
	width: 0;
	height: 0;
	}

#logo-sp {
	display: none !important;
	width: 0;
	height: 0;
	}
	
}

/* for note/tablet */
@media only screen and (min-width: 640px) and (max-width: 779px) {
nav#nav,.head-sub {
		display: none;
		width: 0;
		height: 0;
	}

}

/* ----------------------------------------------------*/
/* for phone content */
@media only screen and (max-width: 940px) {

nav#nav,.sns,.shiryou-nav,.head-sub,#sidelink {
		display: none !important;
		width: 0;
		height: 0;
	}

#slide img {
	margin: 50px auto 0;
	padding:0;
	}
	
.pcimage {
	display: none !important;
	width: 0;
	height: 0;
	}

.spimage {
	display: block;
	width: 100%;
	height: auto;
	}

#logo {
	display: none !important;
	width: 0;
	height: 0;
	}
	
#logo-sp {
	width: 80%;
	max-width: 320px;
	height: auto;
	margin: 13px auto;
	padding: 0;
	float: left;
	}

#logo-sp img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

#head-image img,#page-image img {
	margin: 50px auto 0;
	}
		
.newfight-right {
	float: left;
	margin: 0 auto 10px;
	width: 100%;
	text-align: center;
	}

.link-btn-nf {
	display: block;
	width: 50%;
	float: left;
	}
	
.link-btn-nf a.fight-link,.link-btn-nf a.ticket-link {
	padding: 5px 0;
	width: 100%;
	}
		
.box-right img {
	margin: 0 1% 5px;
	width: 48%;
	height: auto;
	vertical-align: middle;
	float: left;
	}
	
.box-left {
	float: none;
	clear: both;
	width: 60%;
	margin: 0;
	padding: 0 0 0 40%;
	overflow: hidden;
	}

.box-left .image {
	float: none;
	clear: both;
	width: 80%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}
	
.box-left .text {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
		
.box-right {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

.content-left {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

section.design .content-right, .content-right {
	float: none;
	clear: both;
	width: 90%;
	margin: 0 auto 0px;
	padding: 20px 0 0;
	overflow: hidden;
	}
	
.content,section.custom .content-left,.content,section.service .content-left {
	width: 90%;
	margin: 0;
	padding: 0 5% 25px 5%;
	}
	
.topbox1-right,.topbox2-right,.topbox3-right,.topbox3-left {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	}

.text-left {
	float: none;
	clear: both;
	width: 100%;
	padding: 20px 0 0;
	}

.text-right {
	float: none;
	clear: both;
	width: 100%;
	padding: 20px 0 0;
	margin: 0;
	}

.form-left {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden;
	}

.form-right {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden;
	}

.otoiawase-left {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}

.otoiawase-right {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	}
			
.foot-tel {
	float: none;
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
	overflow: hidden;
	}
	
.foot-support {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 13px;
	padding: 0;
	overflow: hidden;
	}

#foot-data {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#footermenu {
	display: none !important;
	width: 0;
	height: 0;
	}

#search {
	width: 100%;
	margin-bottom: 20px;
}

.drop {
	float: none;
	clear: both;
	width: 100%;
}

li.menu__mega ul.menu__second-level {
    top: 120px;
    left: 0;
}

li.menu__mega:hover ul.menu__second-level {
    top: 110px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    width: 30%;
	margin: 0 1% 0 2%;
}

#HEAVEY,#MIDDLE,#S-WELTER,#WELTER,#S-LIGHT,#LIGHT,#S-FEATHER,#FEATHER,#S-BANTAM,#W-BANTAM,#W-FLY,#M-MINI {
  margin-top: -70px;
  padding-top: 70px;
}

#CAESERGYM,#CAESERGYM-SHINKOIWA,#CAESERGYM-SIBUYA,#ARES,#GSB,#RYUSEI,#PHANTOM,#CAESER-RIKI,#FOD,#SHUKO,#RISSHI,#FUBUKI,#SISIN {
  margin-top: -70px;
  padding-top: 70px;
}

}

@media only screen and (max-width: 581px) {
h2 {
	font-size: 150%;
}

h2.topfight-title {
	font-size: 150%;
}

h3.topfight-day {
	font-size: 110%;
}

p {
	margin-bottom: 15px;
}

p.midashi,p.kadai {
	font-size: 170%;
	line-height: 1.4;
	}
	
p.textyellow {
	font-size: 240%;
}

p.textyellow02 {
	font-size: 170%;
}

.post a:hover {
	opacity: 1.0;
}

.alignleft {
	float: none;
	clear: both;
	width: 100%;
	padding-right: 0;
}

.alignright {
	float: none;
	clear: both;
	width: 100%;
	padding-left: 0;
}

.section-sns .inner {
	width: 80%;
	clear: both;
	margin: 0;
	padding: 20px 0 20px;
	padding-left: 10%;
	padding-right: 10%;
	}

.title-img {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	}

.link-btn-top {
	margin: 0 auto 30px;
	width: auto;
	text-align: center;
	position: static;
	}

.section-hosb .inner  {
	padding: 30px 0;
	}

li.hosb-box {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	overflow: hidden;
	}

.fighter-image,.fighter-data,.fighter-gallery,.fighter-senreki {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	}

.fighter-twi {
	float: none;
	clear: both;
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
	}

.fighter-twi .inner iframe {
	width: 96% !important;
	margin: 0 2% !important;
	}
	
.fight-image-s {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
}

.fight-text-s {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
	
.profile-image {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	}

.profile-text {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
					
.box-twi,.box-fb {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	overflow: hidden;
	}
	
.box-insta {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 0px;
	padding: 0;
	overflow: hidden;
	}

.box2-left {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	overflow: hidden;
	}

.box2-right {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	overflow: hidden;
	}

.rule-image-left,.rule-text-right,.rule-left,.rule-right {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
}

.champion-j {
	float: left;
	width: 48%;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	overflow: hidden;
	}

.champion-w {
	float: left;
	width: 48%;
	height: auto;
	margin: 0 4% 20px 0;
	padding: 0;
	overflow: hidden;
	}
	
.ranking {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
li.poster {
	float: left;
	width: 47%;
	margin: 0 6% 20px 0;
}

li:nth-child(2).poster {
	float: left;
	margin-right: 0%;
}

li:nth-child(4).poster {
	float: left;
	margin-right: 0%;
}
	
ul.tab li span {
	display: none;
}

li.news-box {
	float: left;
	width: 47%;
	margin: 0 6% 10px 0;
}

li:nth-child(2n+2).news-box {
	float: left;
	margin-right: 0%;
}

li.fighter-box {
	float: left;
	width: 47%;
	margin: 0 6% 20px 0;
}

li:nth-child(2n+2).fighter-box {
	float: left;
	margin-right: 0%;
}

.section-bnr ul li {
	float: left;
	width: 50%;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.section-cont ul li {
	float: left;
	width: 25%;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.breadcrumbs span {
	font-size: 11px;
}

.link-btn-ranking a,.link-btn-sb a,.link-btn-list a {
	font-size: 95%;
	}

.box2-left70,.box2-right70 {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
	padding: 0;
	overflow: hidden;
	}

.box2-right30,.box2-left30 {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto 15px;
	padding: 0;
	overflow: hidden;
	}
	
}

@media only screen and (max-width: 480px) {
#back-top {
		display: none !important;
		width: 0;
		height: 0;
	}

ul.news {
	margin: 0 0 10px;
	padding-left: 0;
	padding-top: 10px;
	border-left: none;
	border-top: 1px dotted #555;
	}
	
.newslist {
	float: none;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0 0 10px;
	}

ul.news li {
	list-style-type: none;
	margin-bottom: 15px;
	}

#search input#s {
	width: 70%;
}

#search input#searchsubmit {
	width: 60px;
}

li.menu__mega ul.menu__second-level > li {
    width: 47%;
	margin: 0 1% 0 2%;
}

.schedule th {
	display: block;
	}

.schedule th.day {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	}
		
}

@media only screen and (max-width: 321px) {
.topbox1-left .text {
	padding: 5% 0 0;
	}

.link-btn-nf {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	}

}