/*Responsive*/
.SpOnly{display: none;}
@media(max-width: 640px){
img {max-width: 100%; height: auto;}
html,body{min-width: 320px;}
#container{width: 100%;}
#dom-header h1{float: none; text-align: center; width: auto; padding: 1em 0; display: block;}

#dom-header-right{float: none; width: auto; display: block;}
.dom-header-right-right,
.dom-header-right-left{float: none; width: auto;}

.dom-header-right-middle{padding: 7px 0 0;}
.dom-header-right-middle img{float:left; max-width: 100%;}
.dom-header-right-middle-73 p{ display:block; text-align: center; padding: 2px 1px;}
.dom-header-right-middle-73 p a{flex: none;}
.dom-header-right-middle-73 p.mid73-1{ width: auto; float: none; border: 1px solid #333;}
.dom-header-right-middle-73 p.mid73-2{ width: auto; float: none; display: none;}
.dom-header-right-middle-433 p{ text-align: center; max-width: 440px; margin: auto;}
.dom-header-right-middle-433 p img{ height: auto; width: auto;}
.dom-header-right-middle-433 p.mid433-a{ float: none; width: auto;}
.dom-header-right-middle-433 p.mid433-b{ float: none; width: auto;}

	x.dom-header-right-middle-4444 p{display: flex; flex-wrap: wrap; align-items: center;}
	x.dom-header-right-middle-4444 p a{flex: 0 1 25%;}
	.dom-header-top{flex-wrap: wrap;}
	.dom-header-top p{display: none; flex: 0 0 75%;}
	.dom-header-top p:first-child{display: block; flex: auto;}
	.dom-header-top p a{flex: none;}
.dom-header-right-middle p.mid433-a{ display: flex;flex-wrap: wrap;}
	.dom-header-right-middle p.mid433-a a{float: none; flex: 0 0 50%; display: block; max-width: 50%; }
	.dom-header-right-middle p.mid433-a a:first-child{flex: 0 0 50%;}
	.dom-header-right-middle p.mid433-a a img{flex: none;}
	
#player{height: auto;background-size: cover; background: #000; }
#Player2015{top: auto; position: static; width: 100%; height: auto; min-height: 240px; margin-bottom: 1em;  background:#000; background-size:contain;}
#dommuneplayer_Off{width: auto; position: static; background: url(../images/2015/cover2.jpg) no-repeat center; background-size: contain; height: 240px  }
#dommuneplayer_Off video{max-width: 100%;}
xxx.dom-ch-btn,
#studio-schedule,
#others,
#flash{display: none;}
#controller{display: none;}
	
.dom-ch-btnSet{ overflow: hidden; padding: 0 8px 8px; text-align: center; width: auto; display: block}
.dom-ch-btn{position: relative; display: inline-block; margin: 0 4px;}
.dom-ch-btn2{left: 0; }
.dom-ch-btn img{position: static;}

	.Viewer{flex: none; background: #000; display: block; padding: 8px 0;}
	.Viewer ul{width: auto; border: 1px solid #111; font-family: Tahoma, Geneva," sans-serif"; justify-content: flex-start;}
	.Total_Viewer{width: 98%; flex: none;}
	.Today_Viewer{width: 98%; flex: none;}
	.Total_Viewer ul::before{content: "TOTAL VIEWER"; width: 120px; display: block; padding:0 8px 0 0; line-height: 26px; font-size: 11px; box-sizing: border-box; }
		.Today_Viewer ul::before{content: "TODAYS VIEWER";width: 120px; display: block; padding:0 8px 0 0; line-height: 26px;font-size: 11px; box-sizing: border-box; }
	
#player.cover2ch { background: none;}
#player.cover2ch #Player2015{background: url(../images/2017/loading.gif) no-repeat center top; background-size: contain;}
#dommuneplayer2{top: 2em;}

#tweets{position: relative; left: 0; width: auto; height: 70vh; background: none; display: block !important}
#tweets #tweet-timeline{position:static; width: auto !important; height: 40vh !important;}
#tweets #tweet-timeline #tweet-timeline-inner {width: auto;}
#footer .inner{width: auto; height: auto;}
#tweets #tweet-login{position: static; left: 0; width: auto; background: #000; padding: 8px;}

#tweetsArea_Bnr{position: relative; left: 0; width: auto; bottom: 0; padding: 8px;background: #000; }
#tweets #tweet-login #tweet-login-button{ width: auto; margin: auto; background-position: center top;}
#tweet-open-button,
x#program-schedule{display: none;}
#program-schedule{ width: auto; background: url(../images/2017/ps-background_sp.png) no-repeat center -10px;}
#tweets #tweet-input-small{ bottom: 0; left: 8px;}

#program-schedule .outer{width: 100%; height: auto;}
#program-schedule .inner{height: auto;}
#program-schedule .schedule{width: 160px; height: auto; }

#footer{position: static; padding: 1em;}
#footer *{position: static !important;}
#footer #jasrac{width: auto; display: none;}
#footer .inner { text-align: center; padding: 1em;}
#footer #freedommune,
#footer #followon { margin: 1em auto;}

#share-buttons{height: auto;margin: 0 0 1em;}
#share-twitter,
#share-facebook,
#share-gplus
{float: none; width: auto; margin: 0 0 8px;}

}