/* This Css is for small mobile */

div {
    position: relative;
}
@media only screen and (max-width: 360px) and (min-width: 320px) {
    .single_menu p::after {
		bottom: 5px;
		left: 37% !important;
	}
	.about_title h2:after{
		left: 43%!important;
	}
	.about_title p {
    	padding: 0px 0 80px 0!important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -3px;
		font-size: 11px!important;

	}
	.winner_area .table>thead>tr>th.txt_win{
		font-size: 14px;
		letter-spacing: -1px!important;
		width: 34%!important;
		padding: 10px 2px;
	}
	.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
}

@media only screen and (max-width: 370px) and (min-width: 360px) {
	
    .single_menu p::after {
		bottom: 5px;
		left: 38% !important;
	}
	
	.about_title h2:after{
		left: 44%!important;
	}
	.about_title p {
    	padding: 0px 0 106px 0!important;
	}

	.pick_content .btn_news a{
		font-size: 11px!important;
	}
	.pick_content ul li span.tittle_pick{
		font-size: 13px!important;
		padding-left: 5px;
	}
	.pick_content ul li span.img_vs{
		padding: 0 10px !important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 11px!important;
	}
	.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}

}

@media only screen and (max-width: 380px) and (min-width: 375px) {
	.about_title h2:after {
    	left: 44%!important;
	}
	.about_title p {
    	padding: 0px 0 115px 0!important;
	}
	.pick_content .btn_news a{
		font-size: 12px!important;
	}
	.pick_content ul li span.tittle_pick{
		font-size: 13px!important;
		padding-left: 5px;
	}
	.pick_content ul li span.img_vs{
		padding: 0 10px !important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 11px!important;
	}
		.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
	

}

@media only screen and (max-width: 414px) and (min-width: 385px) {
	.about_title p {
    	padding: 0px 0 140px 0!important;
	}
	.about_title h2:after {
    	left: 45%!important;
	}
	.pick_content .btn_news a{
		font-size: 12px!important;
	}
	
	.pick_content ul li span.tittle_pick{
		font-size: 14px!important;
		padding-left: 5px;
	}
	.pick_content ul li span.img_vs{
		padding: 0 10px !important;
	}
	.pick_content ul li p.txt_vs{
		font-size: 14px!important;
	}
	.winner_area table>tbody>tr>td{
		letter-spacing: -2px;
		font-size: 13px!important;
	}
		.winner_area table>tbody>tr>td.w_year{
		letter-spacing: 0px !important;
	}
}


@media only screen and (max-width: 600px) and (min-width: 415px) {
	.single_menu p::after{
		left: 42%!important;
	}
	.about_title h2:after {
    	left: 46%!important;
	}
}

@media only screen and (max-width: 768px) and (min-width: 601px) {
	.single_menu p::after{
		left: 44%!important;
	}
}
@media (max-width: 768px) {
	.container-fluid{
		padding: 15px 10px 35px 10px;
	}
    .container {
        max-width: 100%;
    }
	#menu .container-fluid {
    padding: 0 15px;
	}
	.navbar-collapse{
		 -moz-box-shadow:    inset 0 0 2px #000000;
	   -webkit-box-shadow: inset 0 0 2px #000000;
	   box-shadow:         inset 0 0 2px #000000;
	}
    .navbar-brand img {
        width: 66%;
        margin: 12px 0 0 20px;
    }
    .slider {
        padding-top: 50px;
    }
    .about_title h2 {
		font-size: 30px;
        padding: 10px 0 0 0;
    }
    .about_title p {
        padding: 0px 0 120px 0;
    }
	.about_title h2:after{
		left: 47%;
	}
    .about_area {
        background: url(../img/img_person.png) right no-repeat, url(../img/img_about.jpg) no-repeat top center;
        background-position: right 10% top 9%, left 0 top 0;
        background-size: 50%, cover;
    }
	.winner_area table>tbody>tr>td {
		border: none;
		font-size: 14px;
		padding: 8px 5px;
	}
	.winner_area .table>thead>tr>th{
		font-size: 16px;
	}
	.winner_area .table>thead>tr>th.txt_win{
		font-size: 14px;
		letter-spacing: -2px;
		width: 34%;
	}
/*--------------------------------
	top
----------------------------------*/
	.section_title h2{
		font-size: 30px;
		padding: 30px 0 0 0!important;
	}
	
	.section_title p{
		font-size: 16px;
		padding: 10px 5px 20px 5px;
	}
    .menu_area {
        max-width: 100%;
    }
	
	#menu{
		padding: 20px 0 50px 0;
	}
    .menu_area .col-md-3 {
        display: inline-block;
        width: 49.2%;
    }
	.menu_area .box_menu01{
		border-bottom: 3px solid #fff;
	}
	
    .single_menu {
        padding: 5px 5px 30px 5px;
    }
    .single_menu h3 {
        font-size: 18px;
    }
    .single_menu p {
        font-size: 14px;
        line-height: 20px;
    }
    .single_menu p::after {
        bottom: 5px;
        left: 39%;
        display: inline-block;
        font-style: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .menu_area .brd_none {
        border: none;
    }
	.navbar-nav>li span.icon_fa a:hover,.navbar-nav li.active span.icon_fa a {
	color: #002857!important;
}
	.section_title span.txt_pre{
		white-space: pre;
	}
    #banner_ads {
        padding: 10px 0;
    }
    .about_title {
        padding: 70px 0 0 0;
    }
    .content_text {
        padding: 30px 20px 10px 20px;
		background: rgba(255,255,255,0.65);
        font-size: 16px;
        line-height: 24px;
		margin: 0 -15px;
    }
	.content_text p{
		padding-bottom: 20px;
	}
	
	.draw_area{
		text-align: left;
		padding: 0 15px;
	}
	.draw_area ul{
		text-align: center;
		padding: 0 0 30px 0;
	}
	.draw_area ul li{
		width: 49%;
		margin-bottom: 5px;
	}
	.draw_area ul li:last-child{
		float: left;
	}
	.draw_area .col-md-12{
		padding: 0;
		margin: 0 -7px;
	}
	/*
	.pickup_area{
		display: inline-block;
	}
	*/
	.single_pickup{
		margin-right: 0;
	}
	.pickup_area .col-md-9{
		width: 68%;
		display: inline-block;
	}
	.pickup_area .col-md-3{
		width: 30%;
		display: inline-block;
	}
	.pick_content .btn_news{
		/*display: none;*/
		padding-right: 5px;
	}
	.pick_content .table>tbody>tr>td:first-child{
		font-size: 13px;
	}
	.vs_area p{
		font-size: 13px;
	}
	.vs_area img{
		width: 31%;
	}
	.img_sp img{
		width: 36%;
	}
	.pick_content ul li span.img_vs {
		padding: 0 5px;
	}
	.pick_content ul li span.img_vs img{
		padding: 0px;
		width: 12%;
	}
	.pick_content ul li:last-child{
		width: 74%;
		padding: 24px 0 0 0;
	}
	.pick_content ul li h3{
		font-size: 26px;
	}
	.pick_content ul li p.txt_week{
		font-size: 13px;
	}
	.pick_content ul li span.txt_hour{
		font-size: 14px;
		font-family: 'Noto Sans Japanese';
		font-weight: 400;
	}
	.pick_content ul li p{
		line-height: 22px;
	}
	.pick_content ul li:first-child{
		width: 24%;
		padding: 5px 0;
	}
	.pick_content .btn_news a {
		background: #a40000;
		color: #fff;
		padding: 4px 6px;
		font-size: 8px;
	}
	.pick_content .btn_news a::after{
		padding-left: 8px;
	}
	.pick_content ul li span.tittle_pick{
		font-size: 12px;
		letter-spacing: -1px
	}
	.pick_content ul li p.txt_vs{
		font-size: 12px;
		letter-spacing: -1px;
		padding: 15px 0 0 0;
		text-align: center;
	}
	.pick_content ul li span.txt_time{
		font-size: 13px;
	}
	
}
/* This Css is for tablet */

@media (min-width: 760px) {}
/* This Css is for Medium Deviced */

@media (min-width: 992px) {}
/* This Css is for large Deviced */
@media only screen and (max-width: 1024px) and (min-width: 1000px) {
	.about_area {
		background: url(../img/img_person.png) left  no-repeat,url(../img/bg_content.png) right no-repeat,url(../img/img_about.jpg) no-repeat top center;
		background-position: left 30% bottom -12px,right -60% top -12px, left 0 top 0;    
		background-size: 40%,68%,cover;
	}
	.about_title {
		text-align: center;
		padding: 230px 0px 180px 0;
	}
	.menu_area{
		max-width: 990px;
	}
	.container-fluid{
		padding: 0px 25px!important;
	}
}


@media only screen and (max-width: 1200px) and (min-width: 1025px) {
	.about_area {
		background-position: left 30% bottom -12px,right -60% top -12px, left 0 top 0;    
		background-size: 40%,68%,cover;
	}
	.about_title {
		text-align: center;
		padding: 230px 0px 180px 0;
	}
	.container-fluid{
		padding: 0px 25px!important;
	}
}

@media only screen and (max-width: 1250px) and (min-width: 1201px) {
	.about_area {
		background-position: left 30% bottom -12px,right -60% top -12px, left 0 top 0;    
		background-size: 40%,68%,cover;
	}
	.about_title {
		text-align: center;
		padding: 230px 0px 180px 0;
	}
	.container-fluid{
		padding: 0px 25px!important;
	}
}


@media only screen and (max-width: 1450px) and (min-width: 1251px) {
	.about_area {
		background-position: left 33% bottom -12px,right 5% top -12px, left 0 top 0;    
		background-size: 36%,48%,cover;
	}
	.about_title {
		text-align: center;
		padding: 230px 0px 180px 0;
	}
	.content_text {
		padding: 170px 0px 170px 100px;
	}
	
}


@media only screen and (max-width: 1600px) and (min-width: 1451px) {
	.about_area {
		background-position: left 33% bottom -12px,right 8% top -12px, left 0 top 0;    
		background-size: 32%,44%,cover;
	}
	.about_title {
		text-align: center;
		padding: 200px 0px 140px 0;
	}
	.content_text {
		padding: 170px 0px 170px 100px;
	}
}

@media only screen and (max-width: 1920px) and (min-width: 1601px) {

	.about_area {
		background: url(../img/img_person.png) left  no-repeat,url(../img/bg_content.png) right no-repeat,url(../img/img_about.jpg) no-repeat top center;
		background-position: left 34% bottom -12px,right 13% top -12px, left 0 top 0;    
		background-size: 28%,44%,cover;

	}
	.content_text {
		padding: 170px 0px 170px 100px;
	}
}

@media only screen and (max-width: 2200px) and (min-width: 1921px) {

	.about_area {
		background: url(../img/img_person.png) left  no-repeat,url(../img/bg_content.png) right no-repeat,url(../img/img_about.jpg) no-repeat top center;
		background-position: left 42% bottom -12px,right 10% top -12px, left 0 top 0;    
		background-size: 20%,44%,cover;

	}
	.content_text {
		margin-right: -120px;
	}
}


@media only screen and (max-width: 2600px) and (min-width: 2201px) {

	.about_area {
		background: url(../img/img_person.png) left  no-repeat,url(../img/bg_content.png) right no-repeat,url(../img/img_about.jpg) no-repeat top center;
		background-position: left 42% bottom -12px,right 10% top -12px, left 0 top 0;    
		background-size: 17%,44%,cover;

	}
	.content_text {
		margin-right: -120px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

   .about_area {
        background: url(../img/img_person.png) right no-repeat, url(../img/img_about.jpg) no-repeat top center;
        background-position: right 10% top 9%, left 0 top 0;
        background-size: 50%, cover;
    }
	    .content_text {
        padding: 30px 20px 10px 20px;
		background: rgba(255,255,255,0.65);
        font-size: 16px;
        line-height: 24px;
		margin: 0 -15px;
    }
	.about_area .container{
		width: 100%;
	}
	.about_title h2:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 48%;
    width: 40px;
    background: #fff;
    height: 2px;
}
	
	
	 .menu_area .col-md-3 {
        display: inline-block;
        width: 49.2%;
    }
	.menu_area .box_menu01{
		border-bottom: 3px solid #fff;
	}
	
    .single_menu {
        padding: 5px 5px 30px 5px;
    }
    .single_menu h3 {
        font-size: 18px;
    }
    .single_menu p {
        font-size: 14px;
        line-height: 20px;
    }
    .single_menu p::after {
        bottom: 5px;
        left: 46%;
        display: inline-block;
        font-style: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .menu_area .brd_none {
        border: none;
    }
	.container-fluid{
		padding: 0px 25px!important;
	}
	.container {
    	width: 900px;
}

	.about_area .col-md-6{
		width: 100%;
	}
}
@media only screen and (max-width: 1000px) {
    .pc {
        display:none;
    }
    .sp {
        display: block;
    }
	
}
@media (min-width: 1200px) {}