@charset "UTF-8";

@media screen and (max-width: 780px){
  
	/*---------基本構造*/  
	  div.container {	  
			width: 100%;
			font-size:.8em;
			}
  
	  header,footer {
			width: 100%;
			}
  
	  div.main {
			width: 100%;
			}
  
  
	  /*------ベストテン結果*/
	  div.bestten{
			width:100%;
			padding:0;
			}

	  div.bestten h1{
			width:100%;
			margin:0;
			}

	  div.bestten h1 img{
			width:100%;
			margin:5px 0 0 0;
			}

	  div.bestten p{
			width:90%;
			margin: 0;
			margin: 0 auto;
			}

	  div.bestten p img{
			width:100%;
			}
		
	  div.bestten p.read{
			margin:0;
			margin:0 auto;
			}

	  div.bestten p.comment{
			text-align:left;
			font-size:.9em;
			padding:20px 0;
			color:#243859;
			}

	  div.bestten p.attention{
		text-align:center;
		}
		
		/*------推薦文*/

		div.suisen{
			width:100%;
			}

		div.suisen h1{
			width:100%;
			max-width:624px;
			margin: 0 auto;
			}
			
		div.suisen h1 img{
			width:100%;
			}

		div.suisen h2{
			margin: 0;
			}

		div.suisen h2 img{
			width:100%;
			max-width: 503px;
			margin: 15px 0;
			}

		div.suisen div.wrapper {
			width:80%;
			margin:-30px auto 30px auto;
			padding:20px;
			background-color:#fff;
	
			/* ボックスを角丸にする */
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
	
			/* ドロップシャドウ */
			box-shadow: none;
			}

		div.suisen div.wrapper p{
			margin:0 0 20px 0;
			}

		/* ア行〜ワ行 （2016年度はなし。）*/
		div.suisen div.wrapper h4{
			margin:10px 0 5px -10px;
			font-size:2em;
			}

		/* 作品タイトル */
		div.suisen div.wrapper h5{
			font-size:1.5em;
			line-height: 1.5;
			}

		/* 劇団名 */
		div.suisen div.wrapper h5 span{
			font-size:.8em;
			}

		/* 番外編見出し  （2016年度はなし。）*/
		div.suisen div.wrapper h4.bangai{
			color:#f4c80f;
			}

		/* 番外編投稿者名 （2016年度はなし。） */
		div.suisen div.wrapper h5.bangai{
			border-bottom:5px #f4c80f dotted;
			}
  
}