@charset "utf-8";

.spNone{ display:none;}
.pcNone{ display:block;}
p,li,dt,dd{ font-size: 90%;}

.dispFlex{ display:block;}

#pageHeader .headerInner{padding: 0 0% 0 2%;}
#pageHeader .headerInner h1{width: 15%;}
#pageHeader .headerInner h1 img{padding:11px 0; }
header .headerInner nav.naviBox{
		width:100%;
		height:100%;
		margin:0 auto;
		padding:20px 0 0 0;
		position:fixed;
		top:0;
		right:0;
		background:rgba(0,0,0,0.95);
		text-align:center;
		transform:translateX(100%);
		z-index: 9999;
		transition:all .6s;
}
header .headerInner #menuBtn{
	display:block;
	right: 7px;
	top: 23px;
	width: 50px;
	height: 50px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
	background: url("/files/user/_/partner24-25/img/menu_open.png")no-repeat;
	background-size: contain;
}
 
header #menuBtn.active{
	top: 10px;
	background: url("/files/user/_/partner24-25/img/menu_close.png")no-repeat;
	background-size: contain;
}

header .headerInner nav.naviBox.active{transform: translateX(0%);overflow-y:scroll;-ms-overflow-style:none;/* IE, Edge 対応 */scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}
#pageHeader .headerInner ul{width: 100%;flex-wrap: wrap;padding: 0;margin: 3em auto 0;}
#pageHeader .headerInner li{ width:100%; text-align:center; padding:1em 0;border-right:none;border-bottom:1px solid #e2e2e2;margin: 0 4em; border-left: none;}
#pageHeader .headerInner li:last-child{border-bottom:none;}
#pageHeader .headerInner li img{width: auto;height: 30px;}
#pageHeader .headerInner .naviBox p{margin: 0 0em;}
#pageHeader .headerLive{width: 65%;}
#pageHeader .headerLive img{padding: 10px 5px 10px;}
.scroll_all{position: sticky;bottom: 1em;width: 260px;z-index: 5;margin: 0 10px 0 auto;}

/*----------------------------------------------------------------------------
 ***                                                                 mainBox
----------------------------------------------------------------------------*/
.mainBox{background: url(/files/user/_/partner24-25/img/bg_fv_sp.png);background-position: top center;background-size: cover;background-repeat: no-repeat;}
.mainBox .fvtitle{padding: 23% 0 0;}
.mainBox h2{font-size: 100%;padding:65% 0% 0% 0%; width: 100%; text-align: center;}
.mainBox img{width: 90%;}
.mainBox .mainBoxInner .fv01{text-align: center; padding: 0.5em 0 1em;}
/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
.contentsBox .contentsInner{width: 100%;}
.back_top{width: 90px; bottom: 3%; right: 2%;}
.mgb6{margin-bottom: 3em;}
.mgb4{margin-bottom: 2em;}
/*----------------------------------------------------------------------------
 ***                                                                    first
----------------------------------------------------------------------------*/
#first{width: 90%; padding: 2em 0 0;}
#first h3{padding: 0.5em 0; font-size: 120%; line-height: 1.3; margin-bottom: 0;}
#first p{font-size: 100%; font-weight: normal;}

/*----------------------------------------------------------------------------
 ***                                                               ura_comment
----------------------------------------------------------------------------*/
#ura_comment{padding: 0; width: 90%; margin: 0 auto;}
#ura_comment .flexBox{display: block; width: 100%;}
#ura_comment .flexBox .pic{width: 100%;}
#ura_comment .flexBox .txt{width: 100%; padding: 0; font-size: 100%; font-weight: normal; margin-top: 1em;}
#ura_comment .flexBox .txt::before{display: none;}
#ura_comment .flexBox .txt::after{display: none;}
.contentsBox .garacenter{width: 50%; padding-top: 1em;}


/*----------------------------------------------------------------------------
 ***                                                          kamisawa_comment
----------------------------------------------------------------------------*/
#kamisawa_comment{padding: 1em 0 2em; width: 90%; margin: 0 auto;}
#kamisawa_comment .flexBox{flex-direction: column-reverse; width: 100%;}
#kamisawa_comment .flexBox div{width: 100%; min-width: auto;}
#kamisawa_comment .flexBox .pic{width: 100%;}
#kamisawa_comment .flexBox .txt{width: 100%; min-width: auto; padding: 0; text-align: left; font-size: 100%; font-weight: normal; margin: 1em 0 0;}
#kamisawa_comment .flexBox .txt::before{display: none;}
#kamisawa_comment .flexBox .txt::after{display: none;}

/*----------------------------------------------------------------------------
 ***                                                          		  project
----------------------------------------------------------------------------*/
#project .contentsInner{margin: 2em auto 0;}
#project .flexBox{width: 90%; margin: 0 auto; justify-content: space-between;}
#project .flexBox li{margin-bottom: 0.7em; width: 48%;}

#project #project01_Inner .modal-window{width: 90%; height: 500px;}
#project .modal-window .flexBox{display: block; width: 100%;}
#project .modal-window .flexBox .leftBox{border-right: none; padding-right: 0; margin-bottom: 2em;}
#project .modal-window .flexBox .rightBox{padding-left: 0;}
#project .modal-window{width: 90%; padding: 40px 15px;}
#project .modal-window .project_ttl{font-size: 100%;}
#project .modal-window .project_txt{font-size: 90%;}
/*----------------------------------------------------------------------------
 ***                                                          		     data
----------------------------------------------------------------------------*/
#data .contentsInner{margin: 1em auto 0; width: 90%;}
#data .txt{font-size: 100%; font-weight: normal; margin: 0 auto 1em;}
#data .bgtitle{font-size: 100%; line-height: 1.3; margin-top: 1em;}
#data .gara{width: 30%; margin: 0.5em auto 1em;}
#data .asia{width: 100%; margin: 0 auto 1em;}
#data .subtitle{margin: 2em auto 0;}
#data .fukidashi{margin: 1em 0;}
#data .okoku .flexBox p{width: 80%;}
#data .okoku .txt{margin: 0;}
#data .tv .flexBox{display: block;}
#data .tv .flexBox p{font-size: 45%; margin-bottom: 1em; font-weight: normal;}
#data .tv .flexBox p span{border-radius: 3px; font-size: 40%; margin: 0 0.8em; padding: 0.1em 1em 0.3em;}
#data .sns .flexBox p{width: 48%; margin-bottom: 2em;}
#data .sns .date{margin: -1em 0em 1em 0;}
#data .sns .txt{margin: 0;}

/*----------------------------------------------------------------------------
 ***                                                          		   example
----------------------------------------------------------------------------*/
#example .contentsInner{margin: 2em auto 0; width: 90%;}
#example .flexBox{justify-content: space-between;}
#example .flexBox li{width: 48%; margin-bottom: 0.7em;}


#example .modal-window{width: 90%; padding: 40px 15px;}
#example .modal-window .example_ttl{font-size: 100%;}
#example .modal-window .example_txt{font-size: 90%;}
/*----------------------------------------------------------------------------
 ***                                                          		     rank
----------------------------------------------------------------------------*/
#rank .contentsInner{margin: 2em auto 0; width: 90%;}
#rank .txt{font-size: 65%; font-weight: normal; line-height: 1.3;}

/*----------------------------------------------------------------------------
 ***                                                          		     menu
----------------------------------------------------------------------------*/
#menu .contentsInner{margin: 2em auto 0; width: 90%;}
#menu .flexBox p{margin-bottom: 0.7em; width: 48%;}

/*----------------------------------------------------------------------------
 ***                                                          		 interview
----------------------------------------------------------------------------*/
#interview .contentsInner{margin: 2em auto 0em;}
#interview p{width: 40%;}

/*----------------------------------------------------------------------------
 ***                                                          		   sponsor
----------------------------------------------------------------------------*/
#sponsor .contentsInner{margin: 2em auto 0; width: 90%; padding-bottom: 0;}
#sponsor .btn{width: 50%;}

/*----------------------------------------------------------------------------
 ***                                                          		   contact
----------------------------------------------------------------------------*/
#contact .contentsInner{width: 65%; margin: 2em auto 0em;}
#contact p{font-size: 80%;}
#contact .title{width: 60%;}
#contact .btn{width: 90%;}

/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/
/* footer */
#pageFooter{ background:#E9470B;margin-bottom: -70px;position: relative;z-index: 999;}
#pageFooter .footerInner{ padding:1% 1%;}
#pageFooter dl{ float:none; width:100%; text-align:center;}
#pageFooter dt{ width:15%; float:none; display:block;margin: auto}
#pageFooter dd{ float:none; display:inline-block; font-size:70%; color:#FFF; padding:2% 0 0 2%;}
#pageFooter  p{ float:none; font-size:70%; color:#FFF; padding-top:2.3%; text-align:center;}


@media screen and (max-width: 950px) and (min-width: 500px){
	#sponsor ul:nth-of-type(2) li img{width: 100%;}
}