@charset "UTF-8";

.onlyPC{ display:block;}
.onlySP{ display:none;}
	

@media screen and (max-width: 1000px) {
	
	html,
	body{}
	
	body#top #main{}
	
	html.touchDevice .onlyPC{ display:none;}
	html.touchDevice .onlySP{ display:block;}
	
	
	html.touchDevice,
	.touchDevice body{ font-size: 23px;}
	
	html.iPad,
	.iPad body{font-size:18px;}
	
	
	html.touchDevice img.noResize.onlyPC{ display: none;}
	
	

}



@media screen and (max-width: 1000px) {
	
	
	html.touchDevice #container	{  min-width: 750px; max-width: 100%; height:auto; min-height:110vh; text-align: center; overflow-x: hidden;}

	#bg2 {
		position: fixed;
		z-index: 1;
		margin: auto;
		width: 100%;
		min-width: 750px;
		max-width: 1000px;

		min-height: 120vh !important;
		overflow: hidden;
	}
	body#top #bg:before,
	body#top #bg:after{  min-width: 750px; max-width: 750px; height: 120vh !important; }
	
	body#top #bg:before{display: none;} 
	body#top #bg:after{display: block;} 
	
	#bg2:before,
	#bg2:after{ height: 120vh !important; }
	
	#copyright{ width: 320px; height: 0px; margin: auto; padding-top: 200px; overflow: hidden; background: url(img/common/copyright_sp.png) center center no-repeat; background-size:contain; }
	
	

	nav.pager{ vertical-align: bottom; }
nav.pager .page-numbers{ width: 65px; height: 50px; margin: 0 5px !important; overflow: hidden; line-height: 48px; font-size: 1em; vertical-align: bottom}
nav.pager .page-numbers.current,
nav.pager .page-numbers:hover{}

nav.pager .prev,
nav.pager .next{width: 115px; height: 0px; padding-top: 50px; border-radius:25px; margin: 0 10px; } 

	
	

	
	html.touchDevice #main		{  position:relative; z-index:2; width:100%; min-width: 700px; max-width: 700px; min-height: 600px; border: solid 0px #f30;  margin:auto; padding: 400px 0px 25px 0px;}
	
	


	html.touchDevice header.global nav{
	   width: 100%;
		min-width: 750px;
	   height: 400px;
	   border: solid 0px #f30;
   }
	
	
html.touchDevice body:not(#top) header.global{  transform: translate(0, -400px); }
html.touchDevice body:not(#top).pageIn header.global{transform: translate(0, 0px);}

	
	/*header.global nav h1.contents{
		top:60px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 370px;
   		height: 340px;
		padding-left: 2%;
	}*/
	
	html.touchDevice header.global nav h1.contents{
		top:30px;
		left: 30px;
		
		width: 185px;
   		height: 170px;
		padding-left: 2%;
	}
	
	html.touchDevice h2.contentsTitle{ 
		width: 100%; 
		height: 160px; 
		position: absolute; 
		top: auto; 
		bottom: 40px; 
		left: 0;
		background-size:contain !important;
	}

	html.touchDevice article{text-align: left;}
	
	html.touchDevice nav.categoryList{ }
	html.touchDevice nav.categoryList ul{height: 60px;}
	html.touchDevice nav.categoryList ul li{ height: 60px; margin: 0 10px; border-radius: 30px;}
	html.touchDevice nav.categoryList ul li a{ height: 60px; line-height: 60px; }


	
	
	
	html.touchDevice #main.entryList section.mainDetail article.news{ }
	html.touchDevice #main.entryList section.mainDetail article.news .entryMeta{ position: relative; top: 0px; left: 0px; text-align: center; width: auto; margin-bottom: 0px; text-align: left;}

	html.touchDevice #main.entryList section.mainDetail article.news .entryMeta .date,
	html.touchDevice #main.entryList section.mainDetail article.news .entryMeta .category{ display: inline-block;padding:15px 30px !important; margin-right: 10px;height: 50px;border-radius:  25px;}
	

	
	
	
	
	


	html.touchDevice #main.entryList section.mainDetail article.news .entryContents{ padding-left: 0px;}

	
	
	
	
	
	
	
	html.touchDevice body#cast_staff #main.entryList section.mainDetail nav.categoryList ul li{ width: 250px;}
	html.touchDevice body#cast_staff #main.entryList section.mainDetail .entryBody img{ width: 100%; height: auto;}
	
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul {
    	width: 648px;
	}
	
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-child(7n+1) {
		 margin: 0 18px 15px 0 !important;
	}
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul li {
    	width: 115px;
		height: 60px;
    	margin: 0 18px 15px 0;
	}
	
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-child(5n+1) {
		 margin-right: 0 !important;
	}
	
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul li a{
		height: 60px;
    	line-height: 60px;
		border-radius:30px;

	}
	
	html.touchDevice body#story #main.entryList section.mainDetail nav.categoryList ul li:nth-of-type(1){width: 100%; margin-right: 0;}
	
	html.touchDevice body#story #main.entryList section.mainDetail article.story h3.entryTitle {
    	width: 350px;
	}
	
	html.touchDevice body#story #main.entryList section.mainDetail article.story .entryMeta .no{height: 30px; line-height:30px;border-radius:  15px; }
	
	html.touchDevice body#story #main.entryList section.mainDetail article.story .onair{ width: 240px;}
	
	html.touchDevice body#story #main.entryList section.mainDetail article .introImage{ width: 100%; height: auto; margin: 0;}
	
	html.touchDevice body#character #main img.mainChara {
    position: relative;
    top: auto;
    left: auto;
		width: 650px;
		height: auto;
    margin-bottom: 40px;
		transform:translate(-20px,0px); 
	}
	
	
	
html.touchDevice body#character #main .areaMain{ }
html.touchDevice body#character #main .areaMain .chara{opacity: 1; }
html.touchDevice body#character #main .areaMain .chara.show{}


html.touchDevice body#character #main .areaMain .chara_1{ top: -10px;left: -40px; width: 340px; height: 460px;transform-origin: right center;background: url(img/character/season_2/main_chara_1.png) center center no-repeat; background-size:contain;}
html.touchDevice body#character #main .areaMain .chara_2{ top: 470px; right: 10px;  width: 340px; height: 460px;transform-origin: right center;background: url(img/character/season_2/main_chara_2.png) center center no-repeat; background-size:contain;}
html.touchDevice body#character #main .areaMain .chara_3{ top: 970px; left: -80px; width: 380px; height: 270px;transform-origin: right center;background: url(img/character/season_2/main_chara_3.png) center center no-repeat; background-size:contain;}

html.touchDevice body#character #main .areaMain .chara_4 {
    top: 1320px;
    right: 50px;
    width: 210px;
    height: 260px;
    transform-origin: right center;
    background: url(img/character/season_2/main_chara_4.png) center center no-repeat;
    background-size: contain;
}






	
	html.touchDevice body#character #main .areaMain.onlyPC{ display:none !important}
	
	
	html.touchDevice body#character #main h3.titleSenpai{ height: 62px;  background: url(img/character/title_senpai_sp.png) center top no-repeat; background-size:contain; margin-bottom: 50px;  text-indent: -9999px; overflow: hidden;}			
			
	
	html.touchDevice body#character #main .seasonTabs2 ul.season li {width: 690px !important;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(1) { background:url(img/character/sp/tab_2.png)  no-repeat; z-index: 1;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(2) { background:url(img/character/sp/tab_1.png)  no-repeat; z-index: 2;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(3) { background:url(img/character/sp/tab_3.png) left top no-repeat; z-index: 3;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(4) { background:url(img/character/sp/tab_4.png) left top no-repeat; z-index: 4;}

	html.touchDevice body#character #main .seasonTabs2 ul.season li:after{ content:''; display: block; width: 794px; height: 23px; position: absolute; bottom:-23px;left: 0;}

	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(1):after { background:url(img/character/sp/tab_2_footer.png) left top no-repeat;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(2):after { background:url(img/character/sp/tab_1_footer.png) left top no-repeat;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(3):after { background:url(img/character/sp/tab_3_footer.png) left top no-repeat;}
	html.touchDevice body#character #main .seasonTabs2 ul.season li:nth-of-type(4):after { background:url(img/character/sp/tab_4_footer.png) left top no-repeat;}
	
	html.touchDevice body#character #main  ul.season li dl:nth-child(4n) {
		margin-right:inherit;
		
	}
	html.touchDevice body#character #main  ul.season li dl{ width: 45%; min-height: 220px; margin-right: 8%;}
	
	

	html.touchDevice body#character #main  ul.season li dl:nth-child(2n) {
		margin-right:0;
	}
	html.touchDevice body#character #main  ul.season li dl dt{ }
	
	html.touchDevice body#character #main  ul.season li dl dt.image{ height: 320px; }
	
	
	
	html.touchDevice body#goods section.mainDetail article.thumb:nth-child(3n) {
		 margin-right:auto !important;
	}
	
	html.touchDevice body#goods section.mainDetail article.thumb{ width: 48%; margin: 0 4% 23px 0 !important;}
	html.touchDevice body#goods section.mainDetail article.thumb .inner{ width: 100%; padding-bottom: 160px;}
	html.touchDevice body#goods section.mainDetail article.thumb:nth-child(2n) {
		 margin-right: 0 !important;
	}
	
	html.touchDevice body#goods section.mainDetail article.thumb .image{ height: 254px;}
	
	html.touchDevice body#goods section.mainDetail article.thumb .image .thumbImg{height: 254px; }
	html.touchDevice body#goods section.mainDetail article.thumb .data dt{text-align: center; clear: both; float: none; width: 100%;}
	html.touchDevice body#goods section.mainDetail article.thumb .data dt:after{display: none;}
	html.touchDevice body#goods section.mainDetail article.thumb .data dd{text-align: center;clear: both; float: none; width: 100%;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
	
	
	
	
	
	
	html.touchDevice body#movie section.mainDetail article.thumb:nth-child(3n) {
		 margin-right:auto !important;
	}
	html.touchDevice body#movie section.mainDetail article.thumb{ width: 48%; margin: 0 4% 23px 0 !important;}
	
	html.touchDevice body#movie section.mainDetail article.thumb:nth-child(2n) {
		 margin-right:0 !important;
	}
	
	
	
	
	html.touchDevice body#special section.mainDetail article.thumb:nth-child(3n) {
		 margin-right:auto !important;
	}
	html.touchDevice body#special section.mainDetail article.thumb{ width: 48%; margin: 0 4% 23px 0 !important;}
	html.touchDevice body#special section.mainDetail article.thumb a{ width: 100%; }
	html.touchDevice body#special section.mainDetail article.thumb:nth-child(2n) {
		 margin-right: 0 !important;
	}

	html.touchDevice body#special section.mainDetail article.thumb h3{
		height: 56px;
	}
	
	
	html.touchDevice body#special section.mainDetail .reportThumbs article.thumb{ width: 100%; margin-right: 0;}
	html.touchDevice body#special section.mainDetail .reportThumbs article.thumb .title{ padding-top: 0;}


html.touchDevice body#special section.mainDetail header{    margin: 0 30px 70px 30px;}

	
html.touchDevice body#special section.mainDetail article.report header .entryMeta{ margin-bottom: 20px;text-align: left; position:relative; top: 0; left: 0; width: auto;}

html.touchDevice body#special section.mainDetail article.report header .entryMeta .no,
html.touchDevice body#special section.mainDetail article.report header .entryMeta .date{ text-align: center; display: inline-block;padding:15px 30px !important; margin-right: 10px;height: 50px;border-radius:  25px; white-space: nowrap; width: auto;}
	
	
	
html.touchDevice body#special section.mainDetail article.report header .entryTitle{ margin-bottom: 10px; background-position: left 0;}
	
html.touchDevice body#special section.mainDetail article.report header .profileArea .photo{ position:absolute;width: 262px; height: 310px;  transform:scale(1,1) rotate(5deg) translate(40px, -80px);}

	

html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs{text-align: left; padding-top: 70px; padding-bottom: 60px;}
	
html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs h3{ background-size: auto auto; margin-bottom: 10px;}
html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs h4{width: 100%;}
	

html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs ul.photo:after {
	content: '';
    width: calc(50% - 15px);
	padding-top: 27%;
	position: absolute;
	bottom:30px;
	right: 0;
	background:url(img/special/sp_interview_job_blank.png) center center no-repeat;
	background-size:contain; 
}
	
	
html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs ul.photo li {
    width: calc(50% - 15px);
    margin-right: 30px;
	margin-bottom: 30px;
    float: left;
}
html.touchDevice body#special section.mainDetail article.report .entryContents .todayJobs ul.photo li:nth-child(2n) { margin-right: 0;}
	

html.touchDevice body#special section.mainDetail article.report .entryContents .reportBody{ padding-top: 40px;}
html.touchDevice body#special section.mainDetail article.report .entryContents .reportBody h3{ width: 100%; height:0px; padding-top: 90px; overflow: hidden; background: url(img/special/title_arekore_sp.png) center center no-repeat; margin-bottom: 0px; position: absolute; top: -60px; left: 0px; z-index: 2;}

html.touchDevice body#special section.mainDetail article.report .entryContents .reportBody .supporterData{ text-align: left;}

	
html.touchDevice body#special section.mainDetail article.report .entryContents .thankyou{ width: 100%; height: 50px; background:url(img/special/title_thankyou_sp.png) center center no-repeat; position: absolute; bottom:-40px; right: -50px; z-index: 10;}

	
html.touchDevice body#special section.mainDetail article.report .entryContents .jobBanner{ width: 100% !important;  margin: 0 0px 40px 0px; padding: 0 30px;}

html.touchDevice body#special section.mainDetail article.report .entryContents .jobBanner a{ display: block; height: 0; padding-top: 50%; overflow: hidden; background: url(img/special/banner_sp.png) no-repeat;background-size:contain;}


html.touchDevice body#special .backList .bgBtn{ display:inline-block; width: auto; height: 50px; border-radius:25px; padding: 0 70px 0 40px; margin: auto; line-height: 50px; } 
html.touchDevice body#special .backList .bgBtn:after{ content:''; display: block; width: 40px; height: 24px; position: absolute; top: 12px; right: 15px; background:url(img/parts/arrow_white.png) center center no-repeat; background-size:contain; }





/* cd bluray
----------------------------------------------- */
body#cd h2.contentsTitle{ background: url(img/cd/title.png) center center no-repeat; background-size:contain;}
body#bluray h2.contentsTitle{ background: url(img/bluray/title.png) center center no-repeat; background-size:contain;}



#main.entryList section.mainDetail article.info{}

#main.entryList section.mainDetail article.info h3.entryTitle{ }


#main.entryList section.mainDetail article.info .entryContents .entryBody .data .image{ width: 100%; float: none; margin-bottom: 20px;}

#main.entryList section.mainDetail article.info .entryContents .entryBody .data .text{width: 100%; float: none;}

#main.entryList section.mainDetail article.info .entryContents .entryBody h4.iconTitle{ padding-left: 35px;}
#main.entryList section.mainDetail article.info .entryContents .entryBody h4.iconTitle:before{ top:31px;}







html.touchDevice body #main.entryList section article .entryShare{ position: relative !important; width: auto !important; bottom: auto !important; left: auto !important; font-size:0 !important; line-height: 0 !important; overflow: hidden !important;}

html.touchDevice body #main.entryList section article .entryShare ul{ padding-top: 30px !important;transform-origin:left top;transform: scale(2,2); height: auto !important; padding-bottom: 50px !important;}
html.touchDevice body #main.entryList section article .entryShare ul li{ display: inline-block; margin-right: 10px;}
html.touchDevice body #main.entryList section article .entryShare ul li:nth-of-type(1){ margin-bottom: 10px;}
	
	





html.touchDevice table.data{margin-bottom: 2em; border: 0;}

html.touchDevice table.data th {
display: block;
  min-width: 50px;
  padding:10px;
  font-weight: normal;
  vertical-align: top;
	white-space: nowrap;
	text-align: left;
	border-bottom: solid 1px #ccc;
}

html.touchDevice table.data th img{ width: 60%; height: auto; display: table; margin:0 auto 1em auto;}

html.touchDevice table.data td {
	display: block;
  width: auto;
  padding: 10px;
  vertical-align: top;
	text-align: left;
	border: 0;
 }