/* IMPORT CSS */


/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: #000;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background:#fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    margin:0;
	padding:0;
}

/* グリッド
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.row {
    
}
.row::after{
	content: '';
	display: block;
	clear:both;
}
.row div{
	display:block;
    float: left;
}
.bg-1{
	width:100%;
}
.bg-2{
	width:50%;
}
.bg-3{
	width:33.33333333%;
}
.bg-4{
	width:25%;
}	
@media screen and (max-width: 768px){
	


.md-1{
	width:100%;
}
.md-2{
	width:50%;
}
.md-3{
	width:33.33333333%;
}
.md-4{
	width:25%;
}
	
	
}

@media screen and (max-width: 480px){
	
	.sm-1{
	width:100%;
}
.sm-2{
	width:50%;
}
.sm-3{
	width:33.33333333%;
}
.sm-4{
	width:25%;
}
	
}


/* 全幅
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  box-sizing: border-box; }
.max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.pull-right {
  float: right; }
.pull-left {
  float: left; }



/* 幅指定
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container-wide{
	width: 100%;
	display: block;
	margin: 0 auto 40px;
}



.container{
	max-width: 1150px;
	display: block;
	margin: 0 auto 40px;
}

/* セクション
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*小・中画面で左右に余白を作る*/
.section-in{}

/*小セクション*/
.sec{
	padding-bottom: 40px;
}




/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; 
line-height: 1.3em;
} 



h1{
	color:#D80100;
	text-align: center;
	font-size: 2.6rem;
	  margin-top: 0;
  margin-bottom: 2rem;
}
h2{
	text-align: center;
	border-bottom: 5px solid #D80100;
	padding: 0 10px;
	font-size: 2rem;
}


h3{
text-align: center;
	background-color: #eee;
	padding: 5px 10px;
	  margin-top: 0;
  margin-bottom: 2rem;
}

h4{
	display: inline-block;
	background-color: #666;
	color: #fff;
	padding: 3px 10px 2px;
	  margin-top: 0;
  margin-bottom: 2rem;
}

h5{
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	  margin-top: 0;
  margin-bottom: 1rem;
	}






p {
  margin-top: 0;
	line-height: 1.8em;
}


/* リンク
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }



/* リスト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
/* [disabled]margin-bottom: 1rem; */
}


/* コード
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  white-space: nowrap;
  background: #F1F1F1;
}
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; 
}





/* スペース
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 1.5rem; }



/* その他
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.clear{
	clear: both;
}

.clearfix::after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*罫線*/
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; 
}


/*画像*/


img {
	max-width:100%;
	height: auto;/*高さ自動*/
}


.pic-ctr{
	display: block;
	margin: 0 auto;
}

.pic-l{
	float: left;
	margin-right: 10px;
}

.pic-r{
	float: right;
	margin-left: 10px;
}

.pic30{
	max-width: 30%;
}

.pic50{
	max-width: 50%;
}
.pic70{
	max-width: 70%;
}

.pic80{
	max-width: 80%;
}

figure{
	text-align: center;
	margin:0 2%;
}

/*間隔*/

.pd-b-10{
	padding-bottom: 10px;

}




/*リンク*/
a {
	color: #032EF7;  
}
a:hover { 
    color: #999;
}
a img:hover {
	opacity: 0.8;
}

/*テキスト*/
.p-ctr{
	text-align: center;
}
.m-b-40{
		margin-bottom: 40px;
	}

.style1{
	font-weight: bold;
}

.style18{
	font-size: 18px;
}

.red{
	color:red;
}


.blacK{
	color:#000;
}

.ib{
	display: inline-block;
}

.em90{
	font-size: 0.95em;
	letter-spacing: -2px;
}


.ind{
	text-indent: 1em;
}

.catch1{
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.3em;
}

/***ボタン***/



.btn-wp{
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}

/*大きめレッド背景　受賞結果等*/

.btn-01{
	display: inline-block;
	margin:10px 10px;
	}

.btn-01 a{
	display: block;
	background-color: #D80100;
	color:#fff;
	padding: 20px 60px;
	text-decoration: none;
	font-size: 1.2rem;
}

/*小さめ三角付　詳細はこちら等*/

.btn-02 a{
	color:#fff;
	background-color: #D80100;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
}

.btn-02 a::after{
	content: '';
	display: inline-block;
	width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid #fff;
	margin-left: 10px;
}

.btn-02 a:hover{
	background-color: #666;
}

/*ヘッダー
-------------------------------------*/

.head-wp{
	background-color: #D80100;
}


.head {
    padding: 1rem 0 1rem 0;
	}


/*ロゴ*/
.head .logo{
	display: block;
	margin: 0 auto;
}

/*メニュー*/
.menu {
	background-color: #333;
	position: relative;
	z-index: 1;
}
nav ul {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
	margin-bottom: 0;
	position: relative;
}
nav ul li {
    flex: 1 0 auto;
	margin-bottom: 0;
}
nav ul li a {
    text-decoration: none;
    text-align: center;
	color: #fff;
}
nav ul a:hover {
    background-color: #000;    
	color: #fff;
}
nav ul a {
    padding: 1rem;
	display: block;
}

/*サブメニュー*/
nav ul li ul{
	display: none;
	flex-direction: column;
	position: absolute;
	top: 34px;
   }

nav ul li:hover ul{
	display: flex; 
	
	}

nav ul li ul li{
	display: block;
	margin-left: -48px;
		}


nav ul li ul li a{
	background-color:#222;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
}
nav ul li ul li a:hover{
	background-color: #000;
}


@media screen and (min-width: 768px){
/* PC時はMENUボタンを非表示 */
#open,#close {
    display: none !important;
}

#navi {
    display: block !important;
	max-width: 1150px;
	margin: 0 auto;
}
}

@media screen and (max-width: 768px){
.head {
    text-align: left;
	margin-left: 20px;
}

.head h1 img{
	margin: 0 auto 0 0;
}
	
.head #open,#close  {
    position: absolute;
    top: 12px;
    right: 12px;
    }
	
	
	.head #open img,#close img{
		border:1px solid #fff;
	}
	
/*メニュー*/	
nav ul {
	flex-direction: column;
}

nav ul li {
	padding-top: 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
	
	nav ul li a{
		text-align: left;
		padding: 20px 30px;
	}
	
	
/*サブメニュー*/	
nav ul li ul{
	display: block;	
	position: relative;
	top:0;
	margin: 0;
	}
	
	nav ul li:hover ul{
		display: block;
		}
	nav ul li ul li{
		margin: auto;
		border-bottom: 0;
		border-top: 1px dotted #ccc;
	}
	
	nav ul li ul li a{
		padding:10px 40px;;
	}
	
	
	
	
/* スマホ時はMENUボタンを表示 */
#open,#close  {
    display: block;
    width: 50px;
    border: none;
    position: absolute;
    top: 12px;
    right: 12px;
}
/* スマホ時はメニューを非表示 */
#navi {
    display: none;
}
}

/*メイン画像
-------------------------------------*/
.mainimg img {
	width: 100vw;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin: 3rem 0 5rem 0;
}

/*ニュース
-------------------------------------*/
.news-top h2 {
  	padding: 0;
	font-size: 36px;
	color:#777;
	font-weight: normal;
}
.news-top li {
    list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 0.5rem 0;
}

/*フッター
-------------------------------------*/
footer {
    background-color: #000;
    padding: 5rem 0;
	color: #fff;
	text-align: center;
	font-size: 1.0rem;
}

footer .logo{
	display: block;
	margin: 0 auto;
}


footer span{
	display: inline-block;
	margin: 0 0.5rem;
}

/*SNS*/

#footer_social_link{
	
}

#footer_social_link ul{
	display: inline-block;
	}

#footer_social_link li {
	display: inline-block;
    float: left;
	list-style: none;
	margin: 0 5px;
}

#footer_social_link li a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px 20px;
	padding-left: 22px;
	color: white;
}

#footer_social_link li.tw a{
	background-image: url(../img/sns-tw.png);
}

#footer_social_link li.fb a{
	background-image: url(../img/sns-fb.png);
}


/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    padding: 1rem 0;
    background-color: #D80100;
	color: #fff;
}
.copyright a {
	color: #fff;
    text-decoration: none;
	display: inline-block;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 20px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #fff;
    color: #D80100;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
	border: 4px solid #D80100;
}
#pagetop a:hover {
    background: #ddd;
}



/*パンくずリスト
-----------------------------------*/
.breadcrumb {
    margin: 0 0 1.6em 0;
	position: relative;
	padding-left: 20px;
	z-index: 0;
	 	}

.breadcrumb img{
	width: 18px;
	height:auto;
	position: absolute;
	top:5px;
	left:0;
}


.breadcrumb li {
    list-style-type: none;
	 display: inline-block;
	margin: 0 0 0 10px;
	color: #aaa;
	font-size: 0.9rem;
}

.breadcrumb li:first-child{
	margin: 0 0 0 30px;
}

.breadcrumb li a {
     color: #aaa;
	text-decoration: underline;
}

.breadcrumb li::before{
	content: '>';
	display: inline-block;
	margin-right: 10px;
}



/*-------------------------------------
オリジナル
-------------------------------------*/


/*トップページ　3つの特徴*/
.point{
	display: flex;
	}
.point div{
	padding: 2rem;
	flex-basis: 33.33333333%;
}
.point div:first-child{
	background-color: #BDDAEA;
}


.point div:nth-child(2){
	background-color: #FEDB73;
}

.point div:last-child{
	background-color: #FFB399;
}

.point figure{
	text-align: center;
	margin: 0 0 20px;
}

.point figure figcaption{
	font-size: 18px;
	font-weight: bold;
}

.point div img{
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 35px;
}


/*ニュース*/

.news-top{
	position: relative;
	margin-bottom: 60px;
}


.news-top h2{
	
}

.news-top .more{
	display: inline-block;
	position: absolute;
	top: 10px ;
	right: 0;

}

.news-top .more a{
	font-size: 1.0rem;
	background-color: #bbb;
	padding: 10px 30px;
	color:#fff;
	font-weight: normal;
	text-decoration: none;
}

.news-top h2 span a:hover{
	background-color:#000;
}

.news-top .tag{
	display: inline-block;
	padding: 3px 20px;
	border-radius: 20px;
	color: white;
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	}

.news-top .tag.info{
	background-color: #04B304;
}

.news-top .tag.release{
	background-color:#FFA33B;
	letter-spacing: -2px;
}

.news-top .tag.bosyuu{
	background-color: #ff0000;
}

.news-top .tag.jouei{
	background-color: #00C3FF;
}




.news-top dl{
	position: relative;
	border-top: solid 1px #ccc;
	margin: 0 auto;
	padding-top:20px;
}


.news-top dt{
	width:32%;
	position: absolute;
	left:0;
	font-weight: bold;
	}



.news-top dd{
	width: 100%;
	padding-left: 32%;
	border-bottom: 1px dotted #666;
	margin-bottom: 30px;
	padding-bottom: 30px;
	margin-left: 0;
}
.news-top dd:last-child{
	border-bottom: 1px solid #ccc;
}

/*ピックアップ記事*/

.pickup{
	width: 100%;
	height: 400px;
	padding: 10% 20px 0;
	background-size: cover;
	background-position: center center;
	color:#fff;
	text-align: center;
}

.pickup h2{
	font-size: 40px;
	margin-bottom: 20px;
}

.pickup .sub{
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.pickup .btn a{
	display: inline-block;
	background-color: #FF0000;
	padding: 10px 45px;
	border-radius: 30px;
	font-size: 1.1rem;
	color:#fff;
	text-decoration: none;
}

.pickup .btn a:hover{
	color:#000;
	background-color: #FFB652;
}

.zaseki{
	background-image:url(../img/kaijou.jpg)
}

	
/***ニュース一覧***/
	
.news-list{
		
	}
	
	
.news-list .news{
	padding: 20px 40px;
	background-color: #f7f7f7;
	margin-bottom: 30px;
	}
	
.news-list .news .tag{
	display: inline-block;
	padding: 3px 20px;
	border-radius: 20px;
	color: white;
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	}

.news-list .news .tag.info{
	background-color: #04B304;
}

.news-list .news .tag.release{
	background-color:#FFA33B;
	letter-spacing: -2px;
}

.news-list .tag.bosyuu{
	background-color: #ff0000;
}

.news-list .tag.jouei{
	background-color: #00C3FF;
}

.news-list h2{
	margin: 10px 0 15px;
	font-weight: normal;
	color: #D80100;
	}
	

.news-list .contents{
	word-break: break-all;
}

.pagefeed{
	display: table;
	width: 100%;
	margin-top: 50px;
}
.pagefeed .next{
	display: table-cell;
	text-align: right;
}
.pagefeed .pre{
	display: table-cell;
	text-align: left;	
}

.pagefeed a{
	border:1px solid #666;
	text-decoration: none;
	color:#666;
	padding: 10px 20px;
}

.pagefeed a:hover{
	color:lightgray;
	background-color: #000;
}


/***アーカイブ一覧***/


.archive-list li{
	list-style: none;

}

.archive-list li a{
	color:#000000;
	font-size: 1.4rem;
	line-height: 2.6em;
	border-bottom: 1px dotted #666;
}
.archive-list li a::after{
	content: '';
	display: inline-block;
	width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #D80100;
	margin-left: 10px;
}

.archive h2{
	text-align: center;
	border-bottom: 5px solid #D80100;
	padding: 0 10px;
	font-size: 2rem;
}




/*dt100pxのリスト　スケジュール等*/
	
.archive .list-time dt{
	width: 100px;
	float:left;
}
.archive .list-time dd{
	margin: 0;
	padding-left: 100px;
	padding-bottom: 10px;
}

/*タイトルとコメント等の繰り返し　枠線なし*/

.archive .list-1{
	
}
	
.archive .list-1 dt{
	font-weight: bold;
}
	
.archive .list-1 dd{
	margin-left: 0;
}
	





/*表～受賞作品*/

.award {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left:  1px solid #ccc;
	}
.award thead th{
	background-color: #eee;
	text-align: center;
	font-weight: bold;
}

.award tbody th,
.award tbody td {
  padding: 12px 15px;
  text-align: left;
	border-right:  1px solid #ccc;
  border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.award tbody th{
/* [disabled]width: 40%; */
}




/*　作品一覧～シンプルな2列　作品名/詳細（監督名）*/

.archive .movie-1 {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left:  1px solid #ccc;
	margin-bottom: 50px;
	}

.archive .movie-1 thead th{
	background-color: #eee;
	text-align: center;
	font-weight: bold;
	border-right:  1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 15px;
}

.archive .movie-1 tbody th,
.archive .movie-1 tbody td {
	padding: 12px 15px;
	text-align: left;
	border-right:  1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}

.archive .movie-1 tbody td:first-child{
	width: 50%;
}




/* 作品一覧～2列目にぼリュームのある表（作品/詳細等）
小サイズで上下に
*/

.archive .movie-2{
	width: 100%;
	border-top: 1px solid #ccc;
	border-left:  1px solid #ccc;
	margin-bottom: 40px;
}



.archive .movie-2 thead th{
	background-color: #eee;
	text-align: center;
	padding: 5px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.archive .movie-2 tbody th,
.archive .movie-2 tbody td {
  padding: 12px 15px;
  text-align: left;
	border-right:  1px solid #ccc;
  border-bottom: 1px solid #ccc; 
	font-weight: normal;
	vertical-align: top;
}


.archive .movie-2 tbody th{
	width: 40%;
}


.archive .movie-2 tbody th p{
	margin-bottom: 10px;;
	line-height: 1.3em;
}


/*写真アルバム　キャプション付き*/

.album-cap{
	
}

.album-cap figure{
	width:24%;
	height: 360px;
	padding: 1%;
	margin: 0 1% 10px 0;
	border: 1px solid #999;
	float: left;
}


.album-cap figure:nth-child(4n+4){
	margin-right: 0;
}



.album-cap figure img{
	width: 100%;
  height: 250px;
  object-fit: cover; /* この一行を追加するだけ！ */
	object-position: 50% 15%;
}


.album-cap figcaption{
	

	text-align: left;
	line-height: 1.3em;
}








/*募集要項*/

.youkou h2{
	color:#fff;
	background-color: #d33929;
	font-size: 16px;
	padding:8px 0 2px;
	font-weight: bold;
}



.youkou dl{
	width: 100%;
}

.youkou dt,
.youkou dd{

	}

.youkou dt{
	width: 120px;
}
.youkou dd{
	margin-left: 120px;
	margin-top: -25px;
}

.youkou ul{
	margin-left: 10px;
}

.youkou li{
	padding-left: 10px;
	text-indent: -1em;
	margin-bottom: 5px;
}

/*Googleマップ*/


.ggmap {
position: relative;
padding-bottom: 40%;
padding-top: 30px;
height: 0;
overflow: hidden;
width:100%;
max-width:100%;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


	

/*お問い合わせ*/


.contact{}
.contact form{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.contact input,
.contact textarea{
	width: 100%;
	background-color: #DFDFDF;
	border: none;
	border-radius: 10px;
	margin-bottom: 10px;
	display: block;
	font-weight: normal;
}

.contact input{
	height: 38px;
}

.contact textarea{
	min-height: 100px;
}

.contact .conf td{
	font-weight: normal;
	}



.send-btn{
	margin-top: 30px;
	justify-content: center;
}

.send-btn input{
	color:white;
}


.error{
	color: red;
	}


/*応募フォーム*/
.oubo{
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
.form-wp {
	border: 2px solid #ccc;
	padding: 20px 40px;
	margin-bottom: 30px;
	/* [disabled]overflow: hidden; */
	/* [disabled]font-weight: bold; */
}

.oubo table th,
.oubo table td{
	display: block;
	width: 100%;
}


.oubo table th{
	text-align: left;
}

.oubo input,
.oubo textarea{
	width: 100%;
	background-color: #C9E2F0;
	border: none;
	padding: 0.7em;
	border-radius: 10px;
	margin-bottom: 10px;
	display: block;
	font-weight: normal;
}


.oubo .check{
	font-weight: normal;
	}

.oubo .check span{
	display: inline-block;
	/* [disabled]color: #039FEB; */
	font-weight: bold;
}

.oubo .check input{
	display: inline-block;
	width: auto;
	background-color: #eee;
	border: thin solid #666;
	border-radius: 0;
	padding-top:5px;
	padding-bottom: 5px;
	margin-left: 10px;
}

.oubo .check input.kinyuu{
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	background-color: #C9E2F0;
	border: none;
	padding: 0.7em;
	border-radius: 10px;
	display: block;
	font-weight: normal;
}



/* for message */
p.red {
	color: #dd0000;
	margin: 2em;
}
span.red {
	color: #dd0000;
	font-weight: bold;
}

/* send-button */

.send-btn{
	margin-left: 24%;
	margin-right: 24%;
}
.send-btn input{
	color:#fff;
	background-color: #466DC8;
	cursor: pointer;
}
.btn input {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
}
.send-btn input{
	font-size: 20px;
	font-weight: bold;
}

/* for back-button */
form.back {
	margin-top: 2em;
}






@media screen and (max-width: 1150px){
	
	.section-in{
		padding:0 60px;
	}	
	

	
}

@media screen and (max-width: 960px){
	
	/*ニュース*/
	
	.news-top dt{
	width:42%;
	}

	.news-top dd{
	padding-left: 42%;	
	}	
	
	
/*写真アルバム　キャプション付き*/

	
	.album-cap figure{
	width:30%;
	height: 320px;
	padding: 1%;
	margin: 0 2% 10px 0;
}
.album-cap figure:nth-child(4n+4){
	margin-right: 2%;
}

.album-cap figure:nth-child(3n+3){
	margin-right: 0;
}
	
	
	.album-cap figure img{
	width: 100%;
  height: 200px;
  object-fit: cover;
	object-position: 50% 15%;
}
	
	
	
	
}


@media screen and (max-width: 768px){
	
	
	p{
		line-height: 1.6em;
	}
	
	/*メインコンテンツ
-------------------------------------*/
main {
    margin: 2rem 0 5rem 0;
}
	
/* ヘッダー
-------------------------------------*/	
/*ロゴ*/
	.head .logo{
		margin-left:0;
		margin-right: auto;
		max-width: 70%;
	}	
	
	/*その他
-------------------------------------*/
	
/*小画面で左右に余白を作る*/
	.section-in{
		padding:0 20px;
	}	

	
	
/*-------------------------------------
オリジナル　max-width: 768px
-------------------------------------*/
	
/*画像*/
	
	.pic30{
	max-width: 40%;
}
	
	
	
	/*トップページ　3つの特徴*/
	
	.point{
	flex-direction: column;
}
	
	.point div{
		padding: 1rem;
	}
	
	

	.point div img{
		width: 20%;
		height: auto;
		min-width: 100px;
		margin-bottom: 10px;
	}
	
	
	/*ピックアップ記事*/

	.pickup{
		height: 300px;
		}
	
	.pickup h2{
		font-size: 30px;
	}
	
	.pickup .sub{
		font-size: 18px;
	}
	
	
	
/*ニュース*/
	
	.news-top{
		padding-bottom: 20px;
		margin-bottom: 30px;
		text-align: center;
	}
	
	
	.news-top .more{
		position: relative;
	}
	
	
	.news-top dt{
		width: 100%;
		position: static;
		text-align: left;
	}
	.news-top dd{
		padding: 10px 0;
		margin-left: 0;
		text-align: left;
	}
	
	

	
	
/*表～受賞作品*/
	
	.archive .award{
		border-top: 0;
		border-left: 0;
	}
	
	.archive .award thead{
		display: none;
	}
	
	.archive .award tbody th,
	.archive .award tbody td{
		display: block;
		width: 100%;
		max-width: 100%;
		border-right:0;
	}
	.archive .award tbody th{
		border-bottom: 0;
		padding-top: 20px;
		padding-bottom: 0;
		font-weight: bold;
	}	
	
	.archive .award td{
		padding-bottom: 20px;
	}
	
	.archive .award th:first-child,
.archive .award td:first-child {
  padding-left: 0; }
.archive .award th:last-child,
.archive .award td:last-child {
  padding-right: 0; }
	
	
	/*上映作品*/
	
	
	.archive .movie-2 thead{
		display: none;
	}
	
	
	.archive .movie-2{
		border-top: 0;
		border-left: 0;
	}
	
	
	.archive .movie-2 tbody th,
	.archive .movie-2 tbody td{
		display: block;
		width: 100%;
		border-right:0;
		}
	.archive .movie-2 tbody th{
		border-bottom: 0;
		padding-top: 20px;
		padding-bottom: 0;
		font-weight: bold;
	}	
	

	
	
	.archive .movie-2 tbody td{
		padding-bottom: 20px;
	}
	
	
		
/*写真アルバム　キャプション付き*/

	
	.album-cap figure{
	width:49%;
	height: 320px;
	padding: 1%;
	margin: 0 2% 10px 0;
}
.album-cap figure:nth-child(4n+4){
	margin-right: 2%;
}
	
.album-cap figure:nth-child(3n+3){
	margin-right: 2%;
}

.album-cap figure:nth-child(2n+2){
	margin-right: 0;
}
	
	

	
	
	
	
	
/*お問い合わせ*/

.contact form{
	width: 100%;
}

/*応募フォーム*/
.oubo{

}
.form-wp {
	border-left: none;
	border-right: none;
	padding: 20px 20px;
	margin-bottom: 30px;
}

}

@media screen and (max-width: 480px){
	
body {
    font-size: 14px;
}

/* 見出し
–––––––––––––––––––––––––––––––––––––––––––––––––– */
	
	h1{
		font-size:1.4rem;
		font-weight: bold;
	}
	h2{
		font-size: 1.3rem;
		font-weight: bold;
	}
	
	h3{
		font-size: 1.2rem;
		text-align: left;
	}
	
	h4{
		display: block;
		font-size: 1.2rem;
	}
	
	h5{
		font-size: 0.9rem;
	}
	
	.section-in {
    padding: 0 10px;
}


	
/*画像*/
	
	.pic30 {
    max-width: 60%;
}
	
	
	.pic50,.pic70,.pic80{
	max-width: 100%;
}
/*フッター
-------------------------------------*/
	footer{
		font-size: 0.9rem;
	}
	
	
	
/***アーカイブ***/

.archive-list li a{
	font-size: 1.1rem;
}
	
.archive-list li a::after{
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #D80100;
	margin-left: 10px;
}	
	
	
	/*dt100pxのリスト　スケジュール等*/
	
	.archive .list-time dt{
		width: 60px;
	}
	
	.archive .list-time dd{
		padding-left: 60px;
	}
	
	
	/*ピックアップ記事*/
	
	.pickup h2{
	font-size: 26px;
}
	

	.pickup .sub{
	font-size: 1.0rem;
}

.pickup .btn a{
	padding: 10px 20px;
	font-size: 0.9rem;
}
	
	/*ニュース*/

.news-top .tag {
     padding: 1px 10px;
}
	
.news-top .more{

	}
	
.news-top .more a {
    font-size: 0.8rem;
     padding: 2px 10px;
    }	
	
/***ニュース一覧***/

.news-list .news{
	border:0px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 20px 10px;
	background-color: transparent;
	margin-bottom: 30px;
	}
	
	.news-list .news .tag {
     padding: 1px 10px;
}
	.news-list .news h2{
		font-size: 1.1rem;
	}
	
	.news-list .news .contents{
		
	}
	
	
	.news-list .news{
		font-size: 0.9rem;
	}	
	
	
	/*アーカイブ*/
	.archive h2{
		font-size: 1.3rem;
		font-weight: bold;
		border-bottom: 3px solid #D80100;
	}
	
	
/*　表~審査結果　作品名/詳細（監督名等）*/	
	
	.archive .movie-1 tbody th,
	.archive .movie-1 tbody td {
		padding: 5px 10px;
		font-size: 15px;
	}
	
	.archive .movie-1 tbody td:first-child{
	width: 60%;
}
	
	
			
/*写真アルバム　キャプション付き*/

	
	.album-cap figure{
	width:100%;
	height: 300px;
	padding: 2%;
	margin: 0 0 10px 0;
}
.album-cap figure:nth-child(4n+4){
	margin-right: 0;
}
	
.album-cap figure:nth-child(3n+3){
	margin-right: 0;
}

.album-cap figure:nth-child(2n+2){
	margin-right: 0;
}
	
	

	
	
	
	
	
/*募集要項*/	
	


/*お問い合わせ*/

	.send-btn input{
		flex-basis: 40%;
	}
	
/*応募フォーム*/
	
	.oubo .form-wp{
		padding: 20px 0;
	}
	
	.oubo table th{
		font-size: 15px;
	}
	
	.oubo .check span{
		font-size: 15px;
	}
	
}
/*表～受賞作品*/

.award tbody th,
.award tbody td {
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
font-size: 12px;
}
.catch1{
	font-size: 20px;

}
}
/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}
.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

/*回り込み
※モバイル時には回り込み解除*/
.left{
	margin: 0 0 1em 0;
}
.right{
	margin: 0 0 1em 0;
}
@media (min-width : 768px){
	/*回り込み
	※モバイル時には回り込み解除*/
	.left{
		float: left;
		margin: 0 1em 1em 0;
	}
	.right{
		float: right;
		margin: 0 0 1em 1em;
	}
}/*横幅768px以上*/