/* @override 
	http://203.143.96.127:8000/f_spot/f_files/2019/190127_new_structure/responsive.css */

@charset "UTF-8";
/* CSS Document */

 @media screen and (max-width: 599px) {
/* mq start */
html, body {
	width: 100%;
}

.pcv {
	display: none;
}

.spv {
	display: inline;
}

    header #header_inner{
	width: 100%;
		}


#main_ttl {
width: 92vw;

}


header #header_inner .ttl_text {
	width: 92vw;
}


header #header_inner img#art_top_emblem {
	width: 10vw;
	margin-left: calc(-10vw / 2);
}

#main_ttl p {
	font-size: 0.8rem;
	display: inline-block;
}


   section#main_kv {
   	height: calc(120vw - 8vw);
   	min-width: auto;
   	margin-bottom: 0;
   	min-height: 400px;
   }
   
   section#main_kv .inner {
   	box-sizing: border-box;
   	min-height: 0;
   	
 
   }
   
   
   img#kv_1st {
   	width: 120%;
   	margin-left: -10%;
   	left: 0;
   	top: 10px;
   }


#main_ttl {
	margin-top: 1%;
}

#main_ttl h1 {
	width: 95%;
	max-width: 100%;
}

#main_ttl h1img {
	width: 100%;
}

div#box_logos_date {
	top: 70vw;
	text-align: center;
	right: auto;
}

div#box_logos_date .inner {
	margin-right: auto;
	padding-left: 0;
}


div#box_logos_date ul.logos {
	text-align: center;
	padding-bottom: 0;
}

div#box_logos_date ul.logos li {
	margin-bottom: 16px;
	display: block;
}

div#box_logos_date ul.logos img {
	height: 10vw;
}

div#box_logos_date ul.logos li:nth-of-type(1) img {
	height: 14vw;
}

div#box_logos_date p.date {
	height: 12px;
	width: 100%;
	display: block;
	text-align: center;
}


section{
	padding-bottom: 4vw;
}


section>.inner {
	min-width: auto;
	width: 100%;
  	padding: 0 5vw 0 5vw;
}

section#opening {
	margin-top: 12vw;
}


section#mayer {
	margin-top: 0;
}






section div.box_text .box_name {
	width: 100%;
	padding-bottom: 4vw;
}


section div.box_text p {
	font-size: 4.375vw;

}




section#new_powers > h2 {
	font-size: 8.75vw;
	width: 100%;
	padding-bottom: 5vw;
	padding-top: 5vw;
	line-height: 1.25;
}


section#member_list div.list_header,
section#new_uniform div.list_header {
	padding-bottom: 6vw;
	min-width: auto;
}

section p.text_center {
	min-width: auto;
	margin: 0;
	font-size: 1.6rem;
	line-height: 2;
}


section[id^='player_'] .inner {
	width: 100%;
	box-sizing: border-box;
	padding: 0 3vw 0 3vw;
	background-size: 100vw;
}

 section[id^='player_'] div.box_player_name p:first-child strong {
 	display: block;
 }

 section[id^='player_'] div.box_player_name p:first-child {
 	line-height: 0.9;
 	font-size: 22vw;
 }

 section[id^='player_'] div.box_player_name p:first-child strong:before {
 	content: none;
 	
 }

 section[id^='player_'] div.box_player_name h3 {
 	font-size: 6.875vw;
 	line-height: 1.5;
 }
 
 section[id^='player_'] div.box_player_name h3 br {
 	display: n;
 }


 section[id^='player_'] div.box_player_name h3 small {
 	display: block;
 	font-size: 0.4em;
 	font-weight: 200;
 }
 
 
  section[id^='player_'] div.box_player_name h3 br {
  	display: none;
  }
 
 section[id^='player_'] div.box_player_name p:last-child {
 	font-size: 3.438vw;
 	line-height: 1.6;
 }
 
 
 section#player_03 .inner .box_player_name,
 section#player_05 .inner .box_player_name {
 	margin-left: 47vw;
 }
 
 
 
section#player_03 .inner div.box_comment_player,
    section#player_05 .inner div.box_comment_player,
        section#player_09 .inner div.box_comment_player,
            section#player_10 .inner div.box_comment_playerr,
                section#player_07 .inner div.box_comment_player,
                    section#player_10 .inner div.box_comment_player  {
  	margin-left: 0;
  }
 
 section#player_02 .inner .box_player_name,
 section#player_04 .inner .box_player_name,
 section#player_06 .inner .box_player_name{
 	margin-right: 47vw;
 }
 
 
   section#player_01 .inner div.box_comment_player,section#player_02 .inner div.box_comment_player,  section#player_04 .inner div.box_comment_player,
   section#player_06 .inner div.box_comment_player,
       section#player_08 .inner div.box_comment_player  {
 	margin-right: 0;
 }
 

 
 
  section#player_01 div.box_comment_player p.photo_small,
  section#player_02 div.box_comment_player p.photo_small,
  section#player_03 div.box_comment_player p.photo_small,
  section#player_04 div.box_comment_player p.photo_small,
  section#player_05 div.box_comment_player p.photo_small,
  section#player_06 div.box_comment_player p.photo_small {
 	 	width: 100%;
 	 	margin: 0 auto;
 	 	margin-top: 12px;
 }
 
 section[id^='player_'] .inner {
 	padding-bottom: 15vw;
 }
 
 section#player_07 .inner {
 	height: auto;
 }


 section#player_07 {
 	
 }
 
 section#player_07 div.box_player_name {
 	margin-bottom: 22vw;
 }
 
  section#player_07 div.box_comment_player {
  	
  }
 	
 
 
 
  section#player_02 div.box_comment_player p.photo_small {
 	 	width: 60vw;
 	 	margin: 0 auto;
 }

section[id^='player_'] div.box_comment_player p.photo_small {
	margin-top: 2em;
	width: 100% !important;
}
 	
 
  section#member_list {
  	padding-bottom: 0;
  	overflow: hidden;
  	background-color: #ccc;
  }
 
 
 section#member_list .inner {
 	display: block;
  	margin-bottom: 6vw;
 }
 
  section#member_list table {
  	width: 90vw;
  	margin: 0 auto 5vw auto;
  }
 
 
 footer p#art_bottom_logo img {
 	height: 20vw;
 	width: auto;
 	margin-left: -12px;
 }
 
 section#member_list img#bg_members {
 	display: none;
 }
 
  section#member_list {
  	background-image: url(images/bg_membres.jpg);
  	background-position: 50% 0;
  }
 
 
 section#member_list table {
  	background-color: rgba(255,255,255,0.7);
 }
 

/* mq end */
 }