/* wrapperのpadding打消し */
.wrapper{
  padding-top: 56px !important;
}


ul.caution{
	font-size:0.8em;
	color:#CFCFCF;
	margin-right:2em;
}
ul.caution li{
	padding-bottom:0.5em;
	text-align: center;
}


.c_info .c_content a{
	color:#40FFDE !important;
	text-decoration: underline !important;
}

.c_info .c_content a:hover{
	color:#FFFE63 !important;	
}
.c_header{
    border-bottom: solid 1px #666;
    width: 96%;
    margin: 12px auto 26px;
    display: flex;
    justify-content: space-between;
    padding-bottom:0.1em;
    flex-wrap: nowrap;
	align-items: flex-end;
	max-width: 800px;
}

.c_header span a:hover{
	color:#222;
}
.c_header span,.c_header span a{
	color:#939393;
}
.c_header span .fab{
	line-height:0 !important;
}

h3{
	font-size: larger;
	text-align: left;
}


/* スマホレイアウトはここ↓ */
.c_info img,
.c_artists img{
	max-width: 100%;
}


.c_about_wrap{
	color: #fff;
	margin: auto;
	text-align: center;
}
.c_about{
	display: none;
}
.c_about_sp{
	display: block;
}

.c_about,
.c_about_sp{
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

.c_about img,
.c_about_sp img{
	max-width: 100%;
	vertical-align: top;
}

.c_title img{
	padding:0 4%;
}



/* タイトルヘッダーここまで */
/* 新着情報 */

.c_title{
	padding:40px 0 10px;
}
.c_info{
  color: #fff;
  margin: auto;
  text-align: center;
  padding-top:3em;
  
}

.c_info_title{
  width: 70%;
  max-width: 258px;
  margin: auto;
  text-align: center;
}
.c_info_list{
  width: 90%;
  max-width: 460px;
  margin: auto;
  margin-left: auto !important;/*locipo.cssの影響打消し用*/
  list-style: none;
  text-align: left;
  padding: 10px 0;
}
.c_info_list li{
  display: flex;
  border-bottom:#7e7e7e 2px dotted;
  padding: 10px 0 5px 0;
}
.c_info_list li p{
  padding: 0 5px;
  margin: 0;
}
.c_info_list .c_date{
  padding-right: 20px;
}
/* 新着情報ここまで */




/* コンテンツ */
.c_main{
  background: #f9f9f9;
  background-position: top center;
  margin: 0;
  padding: 10px 0 0;
  text-align: center;
}



.d_movie{
	max-width: 800px;
	width: 96%;
	margin: 0 auto;
}
.d_movie img.kawari{
	width:100%;
	margin: 0 auto;
}


.app_link{
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.app_link img{
	padding-bottom: 25px;
    padding-right: 1%;
    padding-left: 1%;
    width:60%
}


.c_bottom{
	padding: 10px 0 30px;
	text-align: center;
}
.c_bottom ul{
	max-width: 640px;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px;
}
/* スマホレイアウトここまで */







@media only screen and (min-width:880px){
/* PCレイアウトはここ↓ */

/* wrapperのpadding打消し */
	.wrapper{
		padding-top: 80px !important;
	}

	.c_header{
	    margin: 50px auto 20px;
	}
h3 {
    font-size: x-large;
}
	.c_about{
		display: block;
		padding: 0 0 0 0;
	}
	.c_about_sp{
		display: none;
	}
	/* タイトルヘッダーここまで */

	.app_link{
		width: 60%;
		max-width: 500px;
		margin: 0 auto;
		display: flex;
		justify-content: space-evenly;
		flex-wrap: nowrap;
	}
	.app_link img{
		width: auto;
		height: 86px;

	}

}/* PCレイアウトここまで */