@charset "UTF-8";
/* CSS Document */
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	}

ul {
	text-align:left;
	list-style-image:url(movie-mark.png);
	margin:0 0 0 30px;
	padding:0 0 0 0;
}
li {
	font-weight:normal;
}
#movielist{
	
	margin:0 0 0 10px ;
	padding:0 20px 0 0;
	font-weight:bold;
	}
.m-line {
	border-bottom:2px #999999 dotted;
	}

@media screen and (min-width:481px) {
	/* ここにパソコン版だけの記述 */
.smh{
	display: none; 
	} /* 非表示 */

body {
	margin:5px 0 0 20px;
	
	}
p.txt {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#contens{
	float:left;
	width:600px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	}
#title{
	float:left;
	width:350px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
#button{
	float:right;
	width:210px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	}
	
#sub{
	float:right;
	width:100px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
}

@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:480px) {
	/* ここにスマホ版だけの記述 */
/*レスポンシブ基本*/
	p {
		width: 100%;
		margin: 0px 0 10px 0;
	}
 
 	* {
	float: none;
	position: static;
	}
	img {
		max-width: 100%;
		height: auto;
	}
.pc{
	display: none; 
	} /* 非表示 */
body {
	margin:0;
	}
#contens{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}	
#title{
	float:left;
	width:96%;
	margin:0 10px;
	padding:0;
	}

#movielist{
	
	margin:10px 0 10px 10px ;
	
	}
	
/*インデックスへ戻るボタン*/
.logo {
	width:70%;
	margin-left:10px;
	}
.btn-gradient-radius {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 50px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #0000cc 0%, #00008b 100%);
  transition: .4s;
  margin:0px 60px 20px 60px;
  font-size:0.7em
  
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #99ccff 0%, #0000cc 100%);
}




}