@charset "utf-8";

/*********************************
 *
 * MOVIE STYLES
 * (「VIDEO」ページのCSSファイル
 *
 *********************************/

@media screen and (min-width: 641px) {
	/*pc用スタイル記述Start*/
/**
	movie 一覧ページ
	page-movie.php
**/
	div.movie_content {
		width: 490px; /* 指定 */
    	float: left;
		margin-top: 50px;
	}

	div.movie_content:nth-of-type(-n+2) {
		margin-top: 0px;
	}

	div.movie_content h3 a{
		color: #793327 ;

	}
	div.movie_content h3 {
		font-size: 21px; /* 指定 */
		line-height: 34px; /* 指定 */
		margin-bottom: 10px;
	}
	
	div.movie_content p {
		font-size: 18px; /* 指定 */
		line-height: 32px; /* 指定 */
		text-align: justify;
	}

	div.movie_content img.movie_img{
		width: 150px;
	}

	div.movie_content:nth-child(even){
    	float: right;
	}

	div.movie_content div.p_section {
		width: 325px;
		margin-bottom: 10px;
		position: relative;
		height: 130px;
	}

	div.movie_content div.p_section p.date{
		/* text-align: right; */
		position: absolute;
		bottom: 0;
		right: 0;
	}

	div.movie div.movie_content_block{
		height: 170px;
	}
	div.movie hr.movie-line {
		margin-top: 10px;
		width: 100%;
	}

/**
	movie 詳細ページ
	single-movie.php
**/

	div.single-movie div.main-title.no_featured_img {
		margin-top: 70px;
		margin-bottom: 70px;
	}


	div.single-movie_content {
		width: 660px;
		margin-top: calc(-1 * (27.73px));
		margin-left: auto;
		margin-right: auto;
	}

	div.single-movie_content iframe {
		width: 100%;
		height: 371.25px; /* defalt(560 × 660) の縦横比を合わせる */
		margin-bottom: 15px;
	}

	div.single-movie_content p {
		font-size: 14px; /* 指定 */
		line-height: 28px; /* 指定 */
		text-align: justify;
	}
	/*pc用スタイル記述End*/
}

@media screen and (max-width: 640px) {
	/*sp用スタイル記述Start*/
/**
	movie 一覧ページ
	page-movie.php
**/
	div.movie_content {
		margin-top: 50px;
	}

	div.movie_content h3 a{
		color: #793327 ;

	}
	div.movie_content h3 {
		font-size: 16.5px;
		margin-bottom: 5px;
	}

	div.movie_content img.movie_img{
		width: calc(50% - 10px);
	}

	div.movie_content div.p_section {
		width: calc(50% - 5px);
		margin-bottom: 20px;
		position: relative;
		height: 140px;
	}

	div.movie_content div.p_section p.date{
		/* text-align: right; */
		position: absolute;
		bottom: 0;
		right: 0;
	}

	hr.movie-line {
		width: 100%;
		margin-top: 20px;
	}
/**
	movie 詳細ページ
	single-movie.php
**/
	div.single-movie h2 {
		font-size: 16.5px;
		margin-bottom: 5px;
	}

	div.single-movie_content iframe {
		width: 100%;
		height: 215px; /* defalt(560 × 660) の縦横比を合わせる */
		margin: 20px 0;
	}
	/*sp用スタイル記述End*/
}