@charset "UTF-8";
@media screen and (max-width: 800px)  {

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
    width:100%;
    min-width:320px;
    -webkit-text-size-adjust:100%;
    /*overflow-x:hidden;
    font-size:14px;*/
}
#SportsContent,s
#SportsContent img,
#SportsContent p,
#SportsContent div,
#SportsContent video{
    max-width:100%;
    height:auto;
}
.iframemap iframe,
.iframemovie iframe{
    max-width:100%; 
} 
.tableWrap{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.tableWrap::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.tableWrap::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #f1f1f1;
}
.tableWrap::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #bcbcbc;
}
table th,
table td{
    white-space: nowrap;
}
#BreadNavi {
    width:calc(100% - 30px);
    margin:15px;
}
#SportsContent a.pdf,
#SportsContent a.word,
#SportsContent a.excel,
#SportsContent a.ppt,
#SportsContent a.blank,
#SportsContent a.link{
    padding-left: 30px;
    background-size: 24px 13px;
}
#SportsContent input[type="email"]{
	width   : 100%;
}
#SportsContent input[type=radio] + label,
#SportsContent input[type=checkbox] + span{
    display:block;
    margin-bottom:13px;
}
#SportsContent input[type=radio] + label::before,
#SportsContent input[type=checkbox] + span::before{
    top:4px;
}
#SportsContent input[type=radio]:checked + label::after{
    top:7px;  
}
#SportsContent input[type=checkbox]:checked + span::after{
    top:-1px;  
}

#SportsContent .PCBlock{
	display:inline;
}
#SportsContent .MobileBlock{
	display:block;
}
#SportsContent .PCnone{
    display:inline;
}
#c-header .MobileBlock,
#SportsContent .Mobilenone{
    display:none;
}
#home  .homeMobilenone{
	display:none;
}
/*
########################################################
  Globsl Navi Current
########################################################
*/
#c-header .c-listGnav__link .homeIcon{
    display: none;
}
body#home ul.c-listGnav li.is-top a .homeIcon.active,
#c-header .c-listGnav__link .homeIcon.active{
    display: inline-block;
}

/*
########################################################
  MainContent
########################################################
*/
#SportsContent{
    width:100%;
    margin:0 auto;
}
#MainContent,
#MainContent.wide,
#MainContent.noNavi{
    width:calc(100% - 20px);
    margin:0 10px;
    min-height:500px;
    margin-bottom:30px;
    float:none;
    font-size:95%;
}

#SportsContent .InternalContent{
    padding:15px;
}
#SportsContent #MainContent .Image02,
#SportsContent #MainContent .Image03,
#SportsContent #MainContent .Image04,
#SportsContent #MainContent .Image05,
#SportsContent #MainContent .Image06,
#SportsContent #MainContent .Image07{
    font-size:85%;
    color:#666;
}
#SportsContent #MainContent .Image02 > div,
#SportsContent #MainContent .Image03 > div{
    width:100%;
    float:none;
    margin:0 0 1em 0 !important;
}
#SportsContent #MainContent .Image04 > div{
    width:calc(50% - 7px);
    float:left;
    margin:0 0 1em 0 !important;
}
#SportsContent #MainContent .Image04 > div:nth-child(2n){
    margin:0 0 1em 14px !important;
}
#SportsContent #MainContent .Image05 > div,
#SportsContent #MainContent .Image06 > div,
#SportsContent #MainContent .Image07 > div{
    width:calc(33.3% - 7px);
    float:left;
    margin:0 0 1em 0 !important;
}
#SportsContent #MainContent .Image05 > div:nth-child(3n+2),
#SportsContent #MainContent .Image06 > div:nth-child(3n+2),
#SportsContent #MainContent .Image07 > div:nth-child(3n+2){
    margin:0 10px !important;
}
#SportsContent .LRblock{
	display: block;
}
#SportsContent .LRblock > div{
	display: block;
    vertical-align: top;
    margin-bottom:1em;
    min-width:10px;
}
#SportsContent .LRblock > div:first-child{
	padding-right:0px;
}
#SportsContent .LRblock > div > img{
    min-width:10px;
	max-width:100%;
}
#SportsContent .LRblock.imgL > div,
#SportsContent .LRblock.imgL > div > img,
#SportsContent .LRblock.imgL > div.image,
#SportsContent .LRblock.imgM > div,
#SportsContent .LRblock.imgM > div > img,
#SportsContent .LRblock.imgM > div.image{
    width:auto !important;
    min-width:10px !important;
	max-width:100% !important;
	height:auto;
}
#SportsContent .LRblock > div.alignR{
    text-align:right !important;
}
#SportsContent .LRblock.interview{
    display: table;
    width:100%;
}
#SportsContent .LRblock.interview > div{
    display: table-cell;
    min-width:80px;
}
#SportsContent .LRblock.interview > div.border{
    width:80%;
    height:auto;
}
#SportsContent .LRblock.interview > div > img{
    min-width:80px !important;
	max-width:80px !important;
	height:auto;
}
/* ##############　accordion　############## */


/*ラベル*/
#SportsContent .accbox label {
    display: block;
    cursor :pointer;
    transition: all 0.5s;
}
/*チェックは隠す*/
#SportsContent .accbox input {
    display: none;
}

/*中身を非表示にしておく*/
#SportsContent .accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
#SportsContent .cssacc:checked + .accshow {
    height: auto;
    padding: 0px;
    opacity: 1;
}

/*
########################################################
  Top
########################################################
*/
/* ##############　slider　############## */
#home #wrapper{

}
#home #wrapper img{



}
#home #carousel{

}
#home #carousel li{

}
#home #prev,
#home #next{
    display:none !important;
}
/* ##############　MainMenu　############## */
#SportsContent #MainContent .MainMenu{
    display:block;
}
#SportsContent #MainContent .MainMenu > li,
#SportsContent #MainContent .MainMenu > li:last-child{
    display:block;
    width:calc(100% - 50px);
    margin: 20px 0 1em 20px;
}
/* ##############　MainMenu2023　############## */
#SportsContent #MainContent .MainMenu3col{
    display:block;
}
#SportsContent #MainContent .MainMenu3col > li,
#SportsContent #MainContent .MainMenu3col > li:last-child{
    display:block;
    width:calc(100% - 50px);
    margin: 20px 0 1em 20px;
}
/* ##############　topics　############## */
#home #SportsContent #MainContent #topics_list li dd{
    margin:0 0.5em 0 1em;
}

/*
########################################################
  Headline Page
########################################################
*/
/* ##############　３階層目 扉ページ　############## */
#SportsContent #MainContent.Headline .submenu li a{
    width:calc(100% - 20px);
    min-height:auto;
    padding:158px 10px 8px 10px;
    background-position: center 10px;
}
#SportsContent #MainContent.Headline .submenu li .title{
    width:100%;
    float:none;
    display:block;
    color:#333;
    font-size:130%;
    margin:0.3em 0;
    padding:0 10px 0 0px;
    text-align:left;
}
#SportsContent #MainContent.Headline .submenu li .overview{
    width:100%;
    float:none;
    display:block;
    padding:0 10px 7px 0px;
    line-height:160%;
}
/* ##############　２階層目 扉ページ　############## */
h2.Headline{
    width: 100%;
    min-width:100%;
    height: 0;
    padding-top:100%;
}
body[id*="suru"] h2.Headline{
    background:url(/images/common/suru_mobile.jpg) top center no-repeat;
    background-size: contain;
}
body[id*="miru"] h2.Headline{
    background:url(/images/common/miru_mobile.jpg) top center no-repeat;
    background-size: contain;
}
body[id*="sasaeru"] h2.Headline{
    background:url(/images/common/sasaeru_mobile.jpg) top center no-repeat;
    background-size: contain;
}
body[id*="seisaku"] h2.Headline{
    background:url(/images/common/seisaku_mobile.jpg) top center no-repeat;
    background-size: contain;
}
#SportsContent #MainContent.wide.Headline .HeadCopy{
    margin:1em 0.5em;
    line-height:220%;
    font-size:110%;
}
#SportsContent #MainContent.wide.Headline .submenu li{
    width:calc(100% - 30px);
    float:none;
    margin:0 15px 1em 15px;
}
#SportsContent #MainContent.wide.Headline .submenu li:nth-child(3n+2){
    margin-left:15px;
    margin-right:15px;
}
#SportsContent #MainContent.wide.Headline .submenu li a{
    float:none;
}
#SportsContent #MainContent.wide.Headline .submenu li:last-child  a{
    margin-bottom:0;
}
#SportsContent #MainContent.wide.Headline .submenu li img{
    padding-bottom:0;
}
/*
########################################################
  facility staff athlete
########################################################
*/
.staffBox{
    width:100% !important;
}
/* ##############　facility　############## */
#columnMain .trigger{
    height:4.5em !important;
}
#columnMain .trigger img,
#columnMain .trigger span{
    display:block;
    float:none;
}
.facilitiesSearch #resin{
    width:100%;
}
.facilitiesSearch .itemSelectTable,
.facilitiesSearch .toggle_container{
    width:100% !important;
}
.facilitiesSearch .toggle_container table td{
    width:30% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    font-size:80%;
}
.facilitiesSearch .toggle_container table.wardSelectTable td{
    width:20% !important;
}
.facilitiesSearch td input[type=checkbox] + span{
    margin-right:5px !important;
}
.facilitiesSearch .itemSelectTable td label{
    width: 100% !important;
}

/* ##############　staff　############## */
.scriptable .bx-wrapper,
.scriptable .bx-viewport{
    height:230px !important;
}

#topSlider li{
    height:auto !important;
}
#topSlider > li{
    height:auto !important;
}
.title_image,
.pickupArea_top,
.pickupArea_list,
.certificationCoach_nameSearch_bg,
.certificationCoachSearch_bg1,
.certificationCoachSearch_bg2,
.certificationCoachSearch_bg3{
    width:100% !important;
}
.playerTopicList{
    margin:20px 5% 0 7% !important;
    width:calc(100% - 12%) !important;
}
.pickupContents_top{
    width:calc(100% - 20%) !important;
    margin:0 10% 20px 10%;
}
.pickupContents_top ul li{
    margin:0 2em !important;
}
.pickupContents_top ul,
.pickupContents_top ul li{
    margin-bottom:0px !important;
}
.certificationCoachSearch_bg1,
.certificationCoachSearch_bg2,
.certificationCoachSearch_bg3{
    background-size: contain !important;
}
.certificationCoachSearch_bg1 label,
.certificationCoachSearch_bg2 label,
.certificationCoachSearch_bg3 label{
    width:100% !important;
    height:auto !important;
    min-height:35px !important;
}
.certificationCoachSearch_bg3{
    min-height:70px !important;   
}
.certificationCoach_search_btn3{
    top:0 !important;
    left:0 !important;
    width:100% !important;
    min-height:70px !important;   
}
.certificationCoach_btnArea .menu .menu__list,
.menu .menu__list div.selectFirst{
    width:100% !important;
    margin-bottom:10px;
    background-image:none !important;
    background-color:#ddf4fe !important;
    background-size: contain !important;
}
.certificationCoach_btnArea .menu .menu__list div.select{
    float:none !important;
}
.certificationCoach_nameSearch_bg::before{
    content: "スタッフ名で検索する";
    color:#2a66a7;
    font-weight:bold;
    position: relative !important;
    top:0em !important;
}
.certificationCoach_nameSearch_bg{
    background:url(/assets/images/coach/sti/certificationCoachSearch_bg6.png) no-repeat !important;
    background-size: 100% auto !important;
    background-position: left bottom !important;
    margin:0 0 0 2% !important;
    width:calc(100% - 2%) !important;
}
.certificationCoach_nameSearch_bg input[type=text]{
    top:0px !important;
    left:0px !important;
    width:99% !important;
    height:2em !important;
    border:1px solid #2a66a7 !important;
}
.certificationCoach_nameSearch_bg input[type=submit]{
    top:0px !important;
    left:0px !important;
    bottom:0px !important;
    width:99% !important;
    height:3.5em !important;
}
.searchBackArea{
    width:100% !important;
    background:none !important;
}
.searchBackArea img{
    margin:0 !important;
}
.competition{
    display:block;
}
.coachDetail_profile_image{
    text-align:center;
}
.coachDetail_profile_text,
.coachDetail_profile_commentText{
    width:calc(100% - 20px);
    margin:0 10px 0 10px;
}
.coachDetail_profile img{
    float:none;
}
.coachDetail_profile_text span{
    display:block;
}

/* ##############　athlete　############## */
.staffBox.athlete #topSlider{
    width:100%;
    height:230px !important;
}
.staffBox.athlete .bx-wrapper .bx-pager{
    bottom:-100px !important;
}
.staffBox.athlete .certificationPlayerTop,
.staffBox.athlete .certificationPlayerTop span{
    width:100%;
    height:auto;
    background-size:100% auto;
}
.staffBox.athlete .certificationPlayerTop{
    margin-top:100px;
    padding-top:2em;
}
.staffBox.athlete .certificationPlayerSearch_btn{
    margin-bottom:1em;
}
.staffBox.athlete .certificationPlayer_btn a img{
    margin-bottom:1em;
}
.certificationPlayerSearch_bg1,
.certificationPlayerSearch_bg2,
.certificationPlayerSearch_bg3{
    background-size: contain !important;
}
.certificationPlayerSearch_bg1 label,
.certificationPlayerSearch_bg2 label,
.certificationPlayerSearch_bg3 label{
    width:100% !important;
    height:auto !important;
    min-height:35px !important;
}
.certificationPlayerSearch_bg3{
    min-height:70px !important;   
}
.certificationPlayer_search_btn3{
    top:0 !important;
    left:0 !important;
    width:100% !important;
    min-height:70px !important;   
}
.certificationPlayer_btnArea .menu .menu__list,
.menu .menu__list div.selectFirst{
    width:100% !important;
    margin-bottom:10px;
    background-image:none !important;
    background-color:#ddf4fe !important;
    background-size: contain !important;
}
.certificationPlayer_btnArea .menu .menu__list div.select{
    float:none !important;
}
.certificationPlayer_nameSearch_bg::before{
    content: "選手名で検索";
    color:#2a66a7;
    font-weight:bold;
    position: relative !important;
    top:0em !important;
}
.certificationPlayer_nameSearch_bg{
    background:url(/assets/images/coach/sti/certificationCoachSearch_bg6.png) no-repeat !important;
    background-size: 100% auto !important;
    background-position: left bottom !important;
    margin:0 0 0 2% !important;
    width:calc(100% - 2%) !important;
}
.certificationPlayer_nameSearch_bg input[type=text]{
    top:0px !important;
    left:0px !important;
    width:99% !important;
    height:2em !important;
    border:1px solid #2a66a7 !important;
}
.certificationPlayer_nameSearch_bg input[type=submit]{
    top:0px !important;
    left:0px !important;
    bottom:0px !important;
    width:99% !important;
    height:3.5em !important;
}
.athleteDetail_profile_image{
    text-align:center;
}
.athleteDetail_profile_text,
.athleteDetail_profile_commentText{
    width:calc(100% - 20px);
    margin:0 10px 0 10px;
}
.athleteDetail_profile img{
    float:none;
}
.athleteDetail_profile_text span{
    display:block;
}

/* ##############　tokyoCourse　############## */
table td.category img{
    min-width: 88px;
    height:auto;
}
#mapresult iframe,
#mapresult2 iframe,
.tabSet1 iframe{
    width:100%;
}

/*
########################################################
  SideNavi
########################################################
*/
#SideNavi{
    width:calc(100% - 100px);
    margin:0 50px;
    min-height:500px;
    margin-bottom:30px;
    float:none;
}
#SideNavi .navi{
    max-width:300px;
}
/*
########################################################
  文字サイズ
########################################################
*/
#SportsContent .fontSize li{
    float:none;
    margin-bottom:20px;
}

/*
########################################################
  sitemap
########################################################
*/
.Sitemap .border:first-child{
    width:calc(100% - 40px);
    float:none;
}
.Sitemap .border:nth-child(2){
    width:calc(100% - 40px);
    float:none;
}


}