@charset "utf-8";
/* ===========================================================
		0-600
=========================================================== */
@media screen and (max-width: 600px){/* コンパネ */
.controlPanel{display:none;}
/* html */
html,
body{min-width:inherit !important;}

/* pcArea & spArea */
.pcArea{display:none !important;}
.spArea{display:block !important;}

/*=============================================
base
===============================================*/
.layoutItem.col2:not(.notBlock) > *,
.layoutItem.col3:not(.notBlock) > *,
.layoutItem.col4:not(.notBlock) > *,
.layoutItem.col5:not(.notBlock) > *,
.layoutItem.col6:not(.notBlock) > *,
.layoutItem.col7:not(.notBlock) > *,
.layoutItem.col8:not(.notBlock) > *{display:block;float:none;width:100%;margin-right:0;}
.layoutItem img{max-width:100%;vertical-align:bottom;}
.layoutItem.col2.spCol2 > *,
.layoutItem.col3.spCol2 > *,
.layoutItem.col4.spCol2 > *,
.layoutItem.col5.spCol2 > *,
.layoutItem.col6.spCol2 > *,
.layoutItem.col7.spCol2 > *,
.layoutItem.col8.spCol2 > *{float:left;width:49%;margin-right:2%;margin-bottom:1rem;}
.layoutItem.col2:not(.notBlock) > *:nth-child(2n),
.layoutItem.col3:not(.notBlock) > *:nth-child(3n),
.layoutItem.col4:not(.notBlock) > *:nth-child(4n),
.layoutItem.col5:not(.notBlock) > *:nth-child(5n),
.layoutItem.col6:not(.notBlock) > *:nth-child(6n),
.layoutItem.col7:not(.notBlock) > *:nth-child(7n),
.layoutItem.col8:not(.notBlock) > *:nth-child(8n){margin-right:2% !important;}
.layoutItem.col2:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col3:not(.notBlock) > *:nth-child(3n+1),
.layoutItem.col4:not(.notBlock) > *:nth-child(4n+1),
.layoutItem.col5:not(.notBlock) > *:nth-child(5n+1),
.layoutItem.col6:not(.notBlock) > *:nth-child(6n+1),
.layoutItem.col7:not(.notBlock) > *:nth-child(7n+1),
.layoutItem.col8:not(.notBlock) > *:nth-child(8n+1){clear:inherit;}
.layoutItem.col2:not(.notBlock) > *:nth-child(2n),
.layoutItem.col3:not(.notBlock) > *:nth-child(2n),
.layoutItem.col4:not(.notBlock) > *:nth-child(2n),
.layoutItem.col5:not(.notBlock) > *:nth-child(2n),
.layoutItem.col6:not(.notBlock) > *:nth-child(2n),
.layoutItem.col7:not(.notBlock) > *:nth-child(2n),
.layoutItem.col8:not(.notBlock) > *:nth-child(2n){margin-right:0 !important;}
.layoutItem.col2:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col3:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col4:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col5:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col6:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col7:not(.notBlock) > *:nth-child(2n+1),
.layoutItem.col8:not(.notBlock) > *:nth-child(2n+1){clear:left;}

.layoutItem.firstitemlefted:not(.notBlock) > *:first-child,
.layoutItem.firstitemrighted:not(.notBlock) > *:first-child{float:none;margin-right:0 !important;margin-left:0 !important;}

/* inline */
.layoutItem.inlined{text-align:center;}

/* table */
.layoutItem.tabled:not(.notBlock){display:block;width:100%;}
.layoutItem.tabled:not(.notBlock) > *{display:block;width:100%;}

/* flex */
.layoutItem.flexed:not(.notBlock),
.layoutItem.flexed.wraped:not(.notBlock),
.layoutItem.flexed.lefted:not(.notBlock),
.layoutItem.flexed.righted:not(.notBlock),
.layoutItem.flexed.centered:not(.notBlock),
.layoutItem.flexed.betweened:not(.notBlock),
.layoutItem.flexed.middled:not(.notBlock),
.layoutItem.flexed.baselined:not(.notBlock),
.layoutItem.flexed.stretched:not(.notBlock),
.layoutItem.flexed.retentioned:not(.notBlock){display:block;}
.layoutItem.flexed.col2:not(.notBlock),
.layoutItem.flexed.col3:not(.notBlock),
.layoutItem.flexed.col4:not(.notBlock),
.layoutItem.flexed.col5:not(.notBlock),
.layoutItem.flexed.col6:not(.notBlock),
.layoutItem.flexed.col7:not(.notBlock),
.layoutItem.flexed.col8:not(.notBlock){display:block;float:none;width:100%;margin-right:0;}
.layoutItem.flexed.col2:not(.notBlock) > *,
.layoutItem.flexed.col3:not(.notBlock) > *,
.layoutItem.flexed.col4:not(.notBlock) > *,
.layoutItem.flexed.col5:not(.notBlock) > *,
.layoutItem.flexed.col6:not(.notBlock) > *,
.layoutItem.flexed.col7:not(.notBlock) > *,
.layoutItem.flexed.col8:not(.notBlock) > *{margin-right:0 !important;}

img.ImageFloatRight:not(.notBlock),
img.ImageFloatLeft:not(.notBlock){display:block;float:none;margin:0 auto 20px;}

.floatImageLeftRes img{display:block;float:none;margin:0 auto 15px;}
.floatImageRightRes img{display:block;float:none;margin:0 auto 15px;}

/*table
--------------------------------*/
.mainArea table{width:auto!important;}
.mainArea .ViewProductList table{display:block;width:100%!important;border:0;}
.ViewProductList table tbody,
.ViewProductList table tr,
.ViewProductList table th,
.ViewProductList table td{display:block;width:100%;}
.ViewProductList table tbody{margin:0 0 30px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.ViewProductList table tr{border:0;border:1px solid #ccc;border-top:0;border-bottom:0;}
.ViewProductList table tr:nth-child(odd){background:none;}
.ViewProductList table th,
.ViewProductList table td{width:100% !important;padding:5px;border-bottom:solid 1px #ccc !important;}
.ViewProductList table tr th{background:#eef3f9;}
.ViewProductList table tr:last-child td{border-bottom:0 !important;}

/*=============================================
skin
===============================================*/
/* inner */
#skin .inner{width:auto;padding:0 3%;}
#skin .mainArea > .inner{/* padding:0; */}
.skin2Columns .main .inner{display:block;}
.skin2Columns .mainArea{width:100%;}
.skin2Columns .sideArea{display:none;}
#skin.skin1Column > .main > .inner,
#skin.skin2Columns > .main > .inner{padding-right:3%;padding-left:3%;}

/* skin */
#skin.skinIndex .topicsArea{display:flex;flex-direction:column-reverse;padding:10px 0 0;flex-wrap:wrap;}
#skin.skinIndex .topicsArea > *{width:100%;}
#skin.skinIndex .topicsArea > .left{position:relative;margin:0;order:1;}
#skin.skinIndex .topicsArea > .left:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f4f4f4;}

/* header */
#header{min-width:inherit;}
#header .headTop .right .burgerWrap{display:none;overflow-y:auto;position:fixed;top:80px;right:0;width:calc(100% - 50px);height:100%;padding:0 0 80px;border-top:1px solid #ddd;box-shadow:-4px 4px 4px 0 rgba(0,0,0,0.3);background-color:#fff;}
#header .burgerMotion{display:block;position:absolute;top:0;right:10px;}

#header .headTop .right .burgerWrap > div:not(.burgerMotion){margin:0 auto;}
.headTop .right .burgerWrap > div.SNSPane{position:relative;left:0;}
.headTop .overlay{background-color:transparent;}

/* fontSizer */
.headTop ul#fontSizer{display:none;}

/* tokenMenu */
.headTop #gNav{display:block;}
.headTop .tokenMenu ul{list-style:none;margin:0;padding:0;}
.headTop .tokenMenu ul li{display:block;margin:0;padding:0;}
.headTop .tokenMenu ul li a{display:block;position:relative;color:#333;}
.headTop .tokenMenu ul li a.toggleSwitch::before,
.headTop .tokenMenu ul li a.toggleSwitch::after{content:"";display:block;position:absolute;margin:auto;background-color:#c6151c;}
.headTop .tokenMenu ul li a.toggleSwitch::before{top:0;right:10px;bottom:0;width:14px;height:2px;}
.headTop .tokenMenu ul li a.toggleSwitch::after{top:0;right:16px;bottom:0;width:2px;height:14px;}
.headTop .tokenMenu ul li a.toggleSwitch.open::after{display:none;}
.headTop .tokenMenu > ul{margin:0 auto 20px;}
.headTop .tokenMenu > ul > li{display:none;}
.headTop .tokenMenu > ul > li.Tab57,
.headTop .tokenMenu > ul > li.Tab62,
.headTop .tokenMenu > ul > li.Tab64,
.headTop .tokenMenu > ul > li.Tab63,
.headTop .tokenMenu > ul > li.Tab66,
.headTop .tokenMenu > ul > li.Tab67,
.headTop .tokenMenu > ul > li.Tab68,
.headTop .tokenMenu > ul > li.Tab69,
.headTop .tokenMenu > ul > li.Tab70,
.headTop .tokenMenu > ul > li.Tab72,
.headTop .tokenMenu > ul > li.Tab93,
.headTop .tokenMenu > ul > li.Tab1146,
.headTop .tokenMenu > ul > li.Tab1256{display:block;}
.headTop .tokenMenu > ul > li.Tab36{display:block;padding:0;}
.headTop .tokenMenu > ul > li.Tab36 > a{display:block;padding:25px;background-color:#fafafa;}
.headTop .tokenMenu > ul > li > a{padding:15px 40px 15px 25px;border-bottom:1px solid #c51319;line-height:1.2;}
.headTop .tokenMenu > ul > li ul{padding:0 0 0 50px;}
.headTop .tokenMenu > ul > li > ul li a{padding:15px 40px 15px 0;border-bottom:1px dotted #c51319;font-size:92.9%;line-height:1.2;}

/*category*/
.headTop .tokenMenu > ul > li::before{display:block;width:100%;height:auto;margin:20px auto 0;padding:15px 15px;background-size:22px 12px,22px 12px;background-color:#c51319;background-image:url(/Portals/0/responsive/images/sp/common/bg_navi_corner_left.png),url(/Portals/0/responsive/images/sp/common/bg_navi_corner_right.png);background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;color:#fff;text-align:left;}
.headTop .tokenMenu > ul > li.Tab62::before{content:"＜する＞ スポーツをする機会と場の提供";}
.headTop .tokenMenu > ul > li.Tab66::before{content:"＜支える＞ スポーツを支える人と地域";}
.headTop .tokenMenu > ul > li.Tab70::before{content:"＜見る・応援する＞ 見る・応援する";}
.headTop .tokenMenu > ul > li.Tab57::before{content:"日本スポーツ協会（JSPO）とは";}
.headTop .tokenMenu > ul > li.Tab72::before{content:"その他";}

/*color*/
.headTop .tokenMenu > ul > li.Tab62 > a{border-bottom-color:#2a4198;}
.headTop .tokenMenu > ul > li.Tab62 > ul li a{border-bottom-color:#2a4198;}
.headTop .tokenMenu > ul > li.Tab62 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab62 a.toggleSwitch::after{background-color:#2a4198;}

.headTop .tokenMenu > ul > li.Tab64 > a{border-bottom-color:#952b4f;}
.headTop .tokenMenu > ul > li.Tab64 > ul li a{border-bottom-color:#952b4f;}
.headTop .tokenMenu > ul > li.Tab64 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab64 a.toggleSwitch::after{background-color:#952b4f;}

.headTop .tokenMenu > ul > li.Tab66 > a{border-bottom-color:#009a46;}
.headTop .tokenMenu > ul > li.Tab66 > ul li a{border-bottom-color:#009a46;}
.headTop .tokenMenu > ul > li.Tab66 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab66 a.toggleSwitch::after{background-color:#009a46;}

.headTop .tokenMenu > ul > li.Tab67 > a{border-bottom-color:#00b2b2;}
.headTop .tokenMenu > ul > li.Tab67 > ul li a{border-bottom-color:#00b2b2;}
.headTop .tokenMenu > ul > li.Tab67 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab67 a.toggleSwitch::after{background-color:#00b2b2;}

.headTop .tokenMenu > ul > li.Tab63 > a{border-bottom-color:#000;}
.headTop .tokenMenu > ul > li.Tab63 > ul li a{border-bottom-color:#000;}
.headTop .tokenMenu > ul > li.Tab63 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab63 a.toggleSwitch::after{background-color:#000;}

.headTop .tokenMenu > ul > li.Tab1150 > a{border-bottom-color:#f44699;}
.headTop .tokenMenu > ul > li.Tab1150 > ul li a{border-bottom-color:#f44699;}
.headTop .tokenMenu > ul > li.Tab1150 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab1150 a.toggleSwitch::after{background-color:#f44699;}

.headTop .tokenMenu > ul > li.Tab72 > a{border-bottom-color:#8c8c00;}
.headTop .tokenMenu > ul > li.Tab72 > ul li a{border-bottom-color:#8c8c00;}
.headTop .tokenMenu > ul > li.Tab72 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab72 a.toggleSwitch::after{background-color:#8c8c00;}

.headTop .tokenMenu > ul > li.Tab1151 > a{border-bottom-color:#666;}
.headTop .tokenMenu > ul > li.Tab1151 > ul li a{border-bottom-color:#666;}
.headTop .tokenMenu > ul > li.Tab1151 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab1151 a.toggleSwitch::after{background-color:#666;}

.headTop .tokenMenu > ul > li.Tab70 > a{border-bottom-color:#8c6900;}
.headTop .tokenMenu > ul > li.Tab70 > ul li a{border-bottom-color:#8c6900;}
.headTop .tokenMenu > ul > li.Tab70 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab70 a.toggleSwitch::after{background-color:#8c6900;}

.headTop .tokenMenu > ul > li.Tab68 > a{border-bottom-color:#d96d00;}
.headTop .tokenMenu > ul > li.Tab68 > ul li a{border-bottom-color:#d96d00;}
.headTop .tokenMenu > ul > li.Tab68 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab68 a.toggleSwitch::after{background-color:#d96d00;}

.headTop .tokenMenu > ul > li.Tab69 > a{border-bottom-color:#8ec214;}
.headTop .tokenMenu > ul > li.Tab69 > ul li a{border-bottom-color:#8ec214;}
.headTop .tokenMenu > ul > li.Tab69 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab69 a.toggleSwitch::after{background-color:#8ec214;}

.headTop .tokenMenu > ul > li.Tab1146 > a{border-bottom-color:#600;}
.headTop .tokenMenu > ul > li.Tab1146 > ul li a{border-bottom-color:#600;}
.headTop .tokenMenu > ul > li.Tab1146 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab1146 a.toggleSwitch::after{background-color:#600;}

.headTop .tokenMenu > ul > li.Tab1256 > a{border-bottom-color:#609;}
.headTop .tokenMenu > ul > li.Tab1256 > ul li a{border-bottom-color:#609;}
.headTop .tokenMenu > ul > li.Tab1256 a.toggleSwitch::before,
.headTop .tokenMenu > ul > li.Tab1256 a.toggleSwitch::after{background-color:#609;}

/*.headTop .tokenMenu > ul > li.yellow > a{border-bottom-color:#eaaf00;}*/

/* search */
#header .headTop .searchWrap{width:96%;height:50px;}
.headTop .searchWrap input[type="text"]{width:100%;height:auto;min-height:50px;margin:0;padding:5px 40px 5px 5px;border:1px solid #777;border-radius:6px;}
.headTop .searchWrap a{width:50px;height:50px;border-radius:0 6px 6px 0;background-color:#777;}
.headTop .searchWrap a::before{content:"";display:block;position:absolute;top:12px;left:13px;width:21px;height:21px;margin:auto;border:3px solid #fff;border-radius:12px;background-color:transparent;}
.headTop .searchWrap a::after{content:"";display:block;position:absolute;top:27px;left:32px;transform:rotate(-45deg);width:3px;height:11px;margin:auto;border-radius:2px;background-color:#fff;}

/* snsBtn */
.layoutItem.flexed.snsBtn{display:flex;left:236px;}
.layoutItem.flexed.snsBtn > div a img{width:40px;height:40px;}


/* headerSmtLink */
.headerLink{display:block;width:96%;margin:0 auto;}
.headerLink > .languageLink,
.headerLink > .inquiryLink{display:none;}
.headerSmtLink{display:block;margin:0 auto;}
.headerSmtLink a{display:block;padding:12px;border-radius:6px;text-align:center;}
.headerSmtLink a:hover{opacity:0.7;text-decoration:none;}
.headerSmtLink .english{padding:15px 0;}
.headerSmtLink .english a{border:1px solid #666;color:#333;}
.headerSmtLink .inquirys{padding-bottom:30px;}
.headerSmtLink .inquirys a{background:#a0a0a0;background:-moz-linear-gradient(top, #a0a0a0 0%, #787878 100%);background:-webkit-linear-gradient(top, #a0a0a0 0%,#787878 100%);background:linear-gradient(to bottom, #a0a0a0 0%,#787878 100%);color:#fff;font-weight:bold;}
.headerSmtLink .inquirys a span{display:inline-block;padding-left:1.7em;background:url(/Portals/0/responsive/images/common/ico_inquiry_white.png) left top no-repeat transparent;line-height:16px;}

/* burgerCloseMotion */
#header .headTop .right .burgerWrap > .burgerCloseMotion{display:block;margin:0;font-size:107.1%;cursor:pointer;}
#header .headTop .right .burgerWrap > .burgerCloseMotion p{display:block;padding:12px;background-color:#333;color:#fff;text-align:center;}
#header .headTop .right .burgerWrap > .burgerCloseMotion p span{display:inline-block;}
#header .headTop .right .burgerWrap > .burgerCloseMotion p span::after{content:"×";color:#fff;}

/*=============================================
footer
===============================================*/
#skin .footTop .inner{padding:0;}

/*=============================================
navi
===============================================*/
/* bigMenuList
--------------------------------------*/
.bigMenuList ul{list-style:none;margin:0;padding:0;}
.bigMenuList ul li{margin:0;padding:0;}
.bigMenuList .inner > ul{display:block;padding:30px 0 0;}
.bigMenuList .inner > ul > li{width:100%;margin:0 0 10px;padding:0;}
.bigMenuList .inner > ul > li:nth-child(3n+1){margin-left:0;}
.bigMenuList .inner > ul > li > span{display:block;position:relative;margin:0 auto 10px;padding:12px 5px 12px 15px;background-color:#c6151c;color:#fff;font-size:1.071rem;}
.bigMenuList .inner > ul > li > span::before{top:-1px;left:0;}
.bigMenuList .inner > ul > li > span::after{right:0;bottom:-1px;}

/*=============================================
index
===============================================*/
/* imgtextHead
--------------------------*/
h2.imgTextHead{position:relative;margin:0 auto 20px;padding:45px 0 36px;background:none no-repeat transparent;}

/* indexNewsews */
#indexNews{position:relative;z-index:20;}
#indexNews .selectItem{display:flex;padding:7.5px 10px;background-color:#f4f4f4;cursor:pointer;align-items:center;justify-content:space-between;}
#indexNews .selectItem .itemName{display:block;padding-left:9px;border-left:4px solid #333;font-weight:bold;font-size:14px;line-height:1.85;}
#indexNews .selectItem span{display:block;}
#indexNews .selectItem .btn{position:relative;width:145px;padding:6px 1em 5px;background-color:#fff;font-size:11px;text-align:center;}
#indexNews .selectItem .btn:hover{opacity:0.75;}
#indexNews .selectItem .btn:before,
#indexNews .selectItem .btn:after{content:"";position:absolute;top:0;right:8px;bottom:0;width:9px;height:2px;margin:auto;background-color:#c7161d;transition:all 0.3s;}
#indexNews .selectItem .btn:after{transform:rotate(90deg);}
#indexNews .selectItem.open .btn:before{opacity:0;}
#indexNews .selectItem.open .btn:after{transform:rotate(180deg);}
#indexNews .newsTabList{display:none;position:absolute;top:100%;left:0;z-index:50;width:100%;background-color:#fff;}
.newsOverlay{position:fixed;top:0;left:0;z-index:10;width:100%;background-color:rgba(0,0,0,0.75);}

/* newsTabList */
#indexNews .newsTabList{padding:0;}
#indexNews .newsTabList li span{display:block;position:relative;padding:0.8em 1em;border-bottom:1px dashed #ccc;}
#indexNews .newsTabList li span:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#c7161d;transition:height 0.3s;}
#indexNews .newsTabList li span:hover:after{opacity:0.75;height:4px;}
#indexNews .newsTabList li:last-child span{border-bottom:none;}

/* newsList */
.newsList.newsIndex li:first-of-type,
.newsList.newsIndex li{display:block;width:auto;margin:0;padding:10px 0;border:none;border-bottom:1px dashed #666;font-size:14px;}
.newsList.newsIndex .newsDate,
.newsList.newsIndex .newsTitle{width:auto;}
.newsList.newsIndex .newsDate *{vertical-align:middle;}
.newsList.newsIndex .newsDate time{font-weight:bold;}
/* noneCategory */
.newsList.newsIndex.noneCategory .newsDate{width:auto;}
.newsList.newsIndex.noneCategory .newsTitle{width:auto;}

/* slickSlider newsList */
.slickSlider.newsList{margin:0;padding:15px 0 25px;}
.slickSlider.newsList button.slick-arrow{display:none !important;}
.slickSlider.newsList .slick-slide{display:block;padding:0 10px;}
.slickSlider.newsList .slick-slide:after{content:"";display:block;clear:both;}
.slickSlider.newsList .slick-slide .newsThumb{float:left;width:135px;height:90px;margin:0 15px 0 0;}
.slickSlider.newsList .slick-slide .newsThumb:empty{width:135px;height:90px;}
.slickSlider.newsList .slick-slide .newsThumb:empty:before{font-size:16px;}
.slickSlider.newsList .slick-slide .newsThumb img{max-width:135px;max-height:90px;margin:auto;}
/* slick-dots */
.slickSlider.newsList ul.slick-dots{bottom:10px;}

/* recommend */
.recommend ul.recommendList{display:block;}
.recommend ul.recommendList li{width:auto;}

/* recommend - list2Colums */
.recommend ul.recommendList.list2Columns{display:block;width:100%;}
.recommend ul.recommendList.list2Columns li{width:auto;}

/* service */
.service ul.serviceIconList{justify-content:center;}

/* aboutJSPO
--------------------------*/
.about{position:relative;height:auto;background-color:#fbfbfb;background-image:none,none;}
#skin .about .inner{position:relative;padding:0;}
.about .front{position:relative;margin:auto;}
.about .front p{padding:0;text-align:center;}
.about .Back{position:relative;width:100%;height:330px;background:url(/Portals/0/responsive/images/sp/index/bg_about_smt.png) center bottom no-repeat;background-size:contain;}
.about .Back .leftPosition{position:absolute;top:20%;left:20px;z-index:1;width:50%;}
.about .Back .rightPosition{position:absolute;top:20%;right:20px;z-index:0;width:55%;}
.about .Back img{width:100%;}
.about .btnAreaIndex{position:relative;bottom:0;padding:30px 0;}
.about .btnAreaIndex a{width:70%;padding:0.7em;}

/* corporate
--------------------------*/
.corporate ul.corporateImageList{margin:0 auto 50px;}
.corporate ul.corporateImageList li{width:calc(100% / 2);}
.corporate ul.corporateImageList li a img{width:100%;}

/* publish
--------------------------*/
.publish ul.publishImageList li{width:50%;padding-bottom:20px;}
.publish ul.publishImageList li a{text-align:center;}

/* supporters
--------------------------*/
.supporters .imgTextHead{margin-bottom:20px;}
.supporters h3{margin:0;padding:0 0 10px;border:none;background:none transparent;font-size:100%;}
.supporters table.tableSupporters,
.supporters table.tableSupporters tbody,
.supporters table.tableSupporters tbody tr td{display:block;}
.supporters table.tableSupporters tbody tr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.supporters table.tableSupporters td{width:calc(100% / 2);padding:12px 24px;border-top:none;border-right:1px solid #eee;border-bottom:1px solid #eee;border-left:none;text-align:center;}

/* pickup
--------------------------*/
.pickup ul{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.pickup ul li{list-style:none;width:50%;margin:0;padding:10px;}
.pickup ul li:nth-child(5n+1){margin-left:0;}
.pickup ul li a{display:block;text-align:center;}
.pickup ul li a img{display:block;width:100%;}

/* bottomBanner
--------------------------*/
.bottomBanner ul{display:flex;list-style:none;margin:0;padding:50px 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.bottomBanner ul li{list-style:none;width:50%;margin:0;padding:10px;}
.bottomBanner ul li a{display:block;}
.bottomBanner ul li a img{display:block;width:100%;}


/*========================================================
 下層
========================================================*/
/* categoryTitle
--------------------------*/
.categoryTitle{position:relative;margin:0;background-color:#eee;background-repeat:no-repeat;background-position:right top;}
.categoryTitle .categoryTitleInner{position:relative;z-index:1;padding:22px 10px 20px;}

.categoryTitle::before{content:"";opacity:0.9;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto;}
/* JSPOについて - aboutjspo */
.categoryTitle.aboutjspo::before{background-color:#da0019;}
/* スポーツ少年団 - club */
.categoryTitle.club::before{background-color:#009a46;}
/* スポーツ指導者 - coach */
.categoryTitle.coach::before{background-color:#000;}
/* スポーツマスターズ - masters */
.categoryTitle.masters::before{background-color:#952b4f;}
/* 地域型スポーツクラブ - local */
.categoryTitle.local::before{background-color:#00b2b2;}
/* 表彰 - medal */
.categoryTitle.medal::before{background-color:#8c8c00;}
/* 国民体育大会 - kokutai */
.categoryTitle.kokutai::before{background-color:#2a4198;}
/* 広報・出版・ビデオ - publish */
.categoryTitle.publish::before{background-color:#8c6900;}
/* 国際交流 - international */
.categoryTitle.international::before{background-color:#8ec214;}
/* 過去の記録 - history */
.categoryTitle.history::before{background-color:#666;}
/* スポーツボランティア - sportsvolunteer */
.categoryTitle.volunteer::before{background-color:#609;}
/* 暴力根絶 - cleansport */
.categoryTitle.cleansport::before{background-color:#f9c;}
/* SDGs - SDGs */
.categoryTitle.SDGs::before{background-color:#fb0;}


/* 広報・出版・ビデオ - tab70
------------------------------------------*/
ul.publishImageListLower.layoutItem.col4 li{width:49%;}

/* お知らせ - tab92
------------------------------------------*/
.newsList.newsIndex.lower{position:relative;margin:20px auto 50px;padding:0;}
.newsList.newsIndex.lower ul{list-style:none;margin:0;padding:0;}
.newsList.newsIndex.lower li{display:flex;margin:1em auto 0;padding:1em 0 0;border-top:1px dashed #666;border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.newsList.newsIndex.lower li:first-of-type{margin:0;padding:0;border-top:none;}
.newsList.newsIndex.lower .leftArea{width:auto;}
.newsList.newsIndex.lower .rightArea{width:auto;}
.newsList.newsIndex.lower .rightArea a{display:block;}
.newsList.newsIndex.lower .rightArea a img{display:block;margin:0 auto;}
.newsList.newsIndex.lower .newsDate{width:auto;margin:0;padding:0 0 10px;}
.newsList.newsIndex.lower .newsTitle{width:auto;margin:0;padding:0;}
.newsList.newsIndex.lower .newsDate time{margin-right:0.5em;}
.newsList.newsIndex.lower .newsDate .cateIcon{font-size:85.7%;}
.newsList.newsIndex.lower .newsTitle a{color:#333;}
/* noneCategory */
.newsList.newsIndex.lower.noneImage .leftArea{width:auto;}

.newsList + .dirPager{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.newsList + .dirPager span{display:inline-block;margin:0 5px 5px;line-height:1;}
.newsList + .dirPager span a{display:block;padding:10px;background-color:#e3e3e3;color:#333;text-align:center;}
.newsList + .dirPager span a:hover{opacity:0.7;text-decoration:none;}
.newsList[style^="display: none;"] + .dirPager{display:none;}

/*お問い合わせ
------------------------------------------*/
table.questionnaire-form,
table.questionnaire-form table,
table.questionnaire-form tbody,
table.questionnaire-form tbody tr,
table.questionnaire-form tbody tr th,
table.questionnaire-form tbody tr td{display:block;}
table.questionnaire-form tbody tr td input[type="text"],
table.questionnaire-form tbody tr td textarea,
table.questionnaire-form tbody tr td select{width:100%;}
table.questionnaire-form td table td.SubHead{width:100%;}

/*=============================================
contents_old
===============================================*/

/*  日本スポーツ協会公認スポーツ指導者資格概要 - tab58
------------------------------------------*/
.qualification .advantagePict{float:none;width:auto;}
.qualification .advantageTitle{float:none;width:auto;}

/* 広報・出版・ビデオ - ta70
------------------------------------------*/
.WhatsNewProductTitle{border:none;}
.WhatsNewProduct{border:none;}
#skin .WhatsNewProduct table.item-list,
#skin .WhatsNewProduct table.item-list tbody,
#skin .WhatsNewProduct table.item-list tbody tr,
#skin .WhatsNewProduct table.item-list tbody tr td,
#skin .WhatsNewProduct table.item-list tbody tr th{display:block;}
#skin .WhatsNewProduct table.item-list{background-color:transparent;}
.WhatsNewProduct .item-list .pnlProductPhoto{display:block;margin:25px auto 15px;}
.WhatsNewProduct .item-list .pnlProductName{width:auto;text-align:center;}
.WhatsNewProduct .item-list .pnlProductNote{width:auto;text-align:center;}
#skin .CategoryList table td div{width:auto;margin:0 auto;}

.CategoryList table,
.CategoryList table tbody,
.CategoryList table tbody tr,
.CategoryList table tbody tr td{display:block;}
.CategoryList table td .CategoryImg{float:none;margin:0 auto;}
.CategoryList table td div{float:none;}
.CategoryList table td div p.CategoryDescription1{margin-bottom:25px;}
.CategoryList table td div p.CategoryDescription1:empty{display:none;}

/*  スポーツドクター・デンティスト検索 - tab75
------------------------------------------*/
.containerContents img[usemap="#searchMap"]{width:100%!important;height:auto!important;}
.containerContents map#searchMap{display:none;}

.cdtQualification{float:none;width:auto;margin-top:1em;}

/*  スポーツドクター・デンティスト検索結果一覧 - tab76
------------------------------------------*/
.containerContents p.cdtDept{word-break:break-all;}

/* 都道府県 */
.cdtPrefecture{float:none;width:auto;height:auto;border-right:1px solid #ccc;}

/* キーワード */
.cdtKeyword{float:none;width:auto;}
.cdtKeyword input{width:300px;margin:0 5px 0 0;}

/* スポーツ種目 */
.cdtEvent{float:none;width:auto;border-right:1px solid #ccc;}

/* 診療科目 */
.cdtService{float:none;width:auto;}

.Conditionalsearch > div.container:first-of-type{display:none;}

.Conditionalsearch_Btns{display:block;}
.Conditionalsearch_Btns .btnSearch{float:none;width:auto;}
.Conditionalsearch_Btns .btnSearch a,
.Conditionalsearch_Btns .btnSearch a:link,
.Conditionalsearch_Btns .btnSearch a:active,
.Conditionalsearch_Btns .btnSearch a:visited,
.Conditionalsearch_Btns .btnSearch a:hover{margin:0 auto 15px;}
.Conditionalsearch_Btns .btnClear{float:none;width:auto;}
.Conditionalsearch_Btns .btnClear a,
.Conditionalsearch_Btns .btnClear a:link,
.Conditionalsearch_Btns .btnClear a:active,
.Conditionalsearch_Btns .btnClear a:visited,
.Conditionalsearch_Btns .btnClear a:hover{margin:0 auto 15px;}
.Conditionalsearch_Btns .btnClear a:hover{background-position:0 -48px;}

/* 検索結果一覧 */
.cdtAdd{float:none;width:auto;}
.cdtAdd dd{float:none;width:auto;}
.cdtAddNumbers{float:none;width:auto;}

/* クラブの作り方 - FaQ - tab118
------------------------------------------*/
.faqcontent_jsa{word-break:break-all;}
.faqcontent_jsa img{width:100%;}

/* 商品一覧 - tab131
------------------------------------------*/
.infoDNN_ECv2_ViewProductList table,
.infoDNN_ECv2_ViewProductList table tbody,
.infoDNN_ECv2_ViewProductList table tbody tr,
.infoDNN_ECv2_ViewProductList table tbody tr td{display:block;}
.infoDNN_ECv2_ViewProductList table{width:100%;border-spacing:0;border-collapse:collapse;}
.infoDNN_ECv2_ViewProductList table td{margin-bottom:15px;padding:15px 0;border-bottom:3px solid #ddd!important;}
.infoDNN_ECv2_ViewProductList table td .ProductPhoto{float:none;width:150px;margin:0 auto 15px;padding:0;}
.infoDNN_ECv2_ViewProductList table td .ProductPhoto input{width:100%;max-width:auto;}

.infoDNN_ECv2_ViewProductList table td .ProductText{float:none;width:auto;line-height:1.3;}
.infoDNN_ECv2_ViewProductList table td .ProductText h3{margin:0 0 15px;padding:0;border:none;}
.infoDNN_ECv2_ViewProductList table td .ProductText h4{margin:0;padding:5px;border:none;color:#339;font-weight:bold;line-height:1.4;}
.infoDNN_ECv2_ViewProductList table td .ProductText .ProductSummary{margin:0;padding:10px 0 10px 5px;}
.infoDNN_ECv2_ViewProductList table td .ProductText .ProductCategoryDirectory{float:none;width:auto;margin:0;}
.infoDNN_ECv2_ViewProductList table td .ProductText .ProductDetail{float:none;width:auto;text-align:center;}

/* 加盟団体（リンク集） - ta565
------------------------------------------*/
.groupLinks > div{display:block;margin:0;padding:0;border-bottom:none;}
.groupLinks > div > p{width:auto;margin:0 0 15px;padding:0 0 15px 15px;border-bottom:dashed 1px #ccc;}
.groupLinks > div > p > a{display:inline-block;position:relative;}
.groupLinks > div > p:empty{display:none;}

/* SC内検索 - tab756
------------------------------------------*/
table.grdSearch td .sitURL{word-break:break-all;}

/* SC内検索 - tab784
------------------------------------------*/
.listTable.clubListTable4col,
.listTable.clubListTable5col{min-width:800px !important;}

/*  各種事業の映像 - tab985
------------------------------------------*/
iframe.youtube{width:100%;}

/*  女子種目導入に関する調査研究（国民体育大会ページ） - tab1023
------------------------------------------*/
ul.imgBtn{width:auto;margin:0 auto;padding:0 0 30px 0;}
ul.imgBtn li{display:block;width:330px;margin:0 auto;padding:2px;border:1px solid #ccc;}
ul.imgBtn li a img{display:block;}

/* JSPOスポーツニュースアーカイブ - tab1105
------------------------------------------*/
.Sitesearch .containerContents{position:relative;height:auto;padding:10px;border:1px solid #ccc;}
.Sitesearch_Step{position:static;top:10px;left:10px;width:auto;height:auto;background:#fff;}
.sitKeyword{position:static;top:10px;right:0;left:0;width:auto;margin:auto;padding:0;}
.containerContents .sitKeyword h3{float:none;width:auto;margin:0 auto 10px;padding:0;border:none;background:none;}
.Sitesearch .Sitesearch_Step input{display:block;float:none;width:96%;margin:0 auto;padding:2px 4px;}
.Sitesearch .Sitesearch_Sit.sitButton{position:static;right:10px;bottom:0;width:auto;height:auto;}
.Sitesearch .Sitesearch_Sit.sitButton > p a{display:block;margin:10px auto;padding:0;background-color:#555;color:#fff;font-size:1rem;line-height:30px;text-align:center;}

table.tbPhotoAlbum,
table.tbPhotoAlbum tbody,
table.tbPhotoAlbum tbody tr,
table.tbPhotoAlbum tbody tr td{display:block;}

table.tbPhotoAlbum table.lstContent,
table.tbPhotoAlbum table.lstContent tbody,
table.tbPhotoAlbum table.lstContent tbody tr,
table.tbPhotoAlbum table.lstContent tbody tr td{display:block;}

table.tbPhotoAlbum table.lstContent tbody tr td a > img{width:100%;}
table.tbPhotoAlbum table.lstContent tbody tr td a > img[title="編集"]{width:auto;}

div.infoDNN_ECv2_ViewProductDetail_ItemDetail .ProductDetail{display:flex;flex-direction:column;}
div.infoDNN_ECv2_ViewProductDetail_ItemDetail .ProductDetail .ProductMainArea{float:none;width:auto;padding:10px;border:1px solid #e3e3e3;order:1;}
div.infoDNN_ECv2_ViewProductDetail_ItemDetail .ProductDetail .ProductSideArea{display:flex;float:none;width:auto;order:0;justify-content:center;}


.containerContents .cdtAdd{float:none;width:auto;}
.containerContents p.cdtDept{float:none;width:auto;}
.containerContents p.cdtDept{float:none;width:auto;padding:0;font-weight:bold;}
.containerContents p.cdtWebsite{float:none;width:auto;height:auto;padding:0;}
.cdtAddNumbers{float:none;width:auto;}

.cdtDetailBox dt{overflow:hidden;float:none;width:auto;height:25px;margin:0;padding:0;color:transparent;white-space:nowrap;text-indent:200%;}
.cdtDetailBox dd{float:none;width:auto;margin:0;padding:0;}
.Conditionalsearch_Step ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;}
.Conditionalsearch_Step ul li{float:none;width:50%;height:auto;margin:0;padding:4px;}
.Conditionalsearch_Step li input{display:inline-block;position:static;margin:0 2px 0 0;padding:0;}
.Conditionalsearch_Step li label{display:inline-block;position:static;margin:0;padding:0;}}

.productSearchArea dl.dlList_vertical dd:nth-of-type(3) table,
.productSearchArea dl.dlList_vertical dd:nth-of-type(3) tbody,
.productSearchArea dl.dlList_vertical dd:nth-of-type(3) tr,
.productSearchArea dl.dlList_vertical dd:nth-of-type(3) td{display:block;width:100%;}
.productSearchArea dl.dlList_vertical dd ul.accordion_inner > li{width:45%;}
