@charset "utf-8";

/*********************************
 *
 * NEWS STYLES
 * (「ニュース」ページのCSSファイル
 *
 *********************************/

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

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

	div.news div.news_content h3 a{
		color: #793327 ;

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

	div.news div.news_content img.news_img{
		width: 150px;
		max-height: 130px;
	}

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

	div.news div.news_content div.p_section {
		/* width: calc(100% - 150px - 10px); */
		width: 325px;
		margin-bottom: 10px;
	}

	div.news div.news_content div.p_section > p {
		height: 100px;
	}

	div.news div.news_content div.p_section p.date{
		text-align: right;
		height: 32px;
	}

	div.news div.news_content_block{
		height: 200px;
	}

	div.news hr.news-line {
		margin-top: 10px;
		width: 100%;
	}
/**
	news 詳細ページ
	single-news.php
**/

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

	
	div.single-news div.single-news_content h2{
		font-size: 24px; /* 指定 */
		line-height: 34px; /* 指定 */
		text-align: justify;
		padding-bottom: 45px;
	}

	div.single-news div.single-news_content h3 {
		font-size: 21px; /* 指定 */
		line-height: 34px; /* 指定 */
		text-align: justify;
		padding-bottom: 45px;
	}

	div.single-news  div.single-news_content p {
		font-size: 18px; /* 指定 */
		line-height: 28px; /* 指定 */
		text-align: justify;
		padding-bottom: 37px;
		word-break: break-all;
	}

	div.single-news div.news.p_section, 
	div.single-news div.news.sub-title_section {
		width: calc(100% - 400px - 40px);
	}

	div.single-news div.news.img_section{
		width: 400px;
		height: auto;
	}
	
	div.single-news div.news.img_section img{
		width: 100%;
	}

	div.single-news div.news.img_section p {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	div.single-news div.news.img_section .left_image {
		margin-bottom: 60px;
	}

	div.single-news div.news.img_section .left_image p {
		/* position: absolute; */
		width: 400px;
	}
	/*pc用スタイル記述End*/
}

@media screen and (max-width: 640px) {
	/*sp用スタイル記述Start*/
/**
	news 一覧ページ
	page-news.php
**/
	div.news div.main-title.no_featured_img {
		margin-bottom: 0px;
	}

	div.news div.news_content {
		margin-top: 50px;
	}

	div.news div.news_content h3 a{
		color: #793327 ;

	}
	div.news div.news_content h3 {
		font-size: 16.5px;
		margin: 5px 0 10px;
	}

	div.news div.news_content img.news_img {
		width: calc(50% - 10px);
	}

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

	div.news hr.news-line {
		width: 100%;
		margin-top: 20px;
	}

	div.news div.hidden_content {
		height: 1400px; /* 「全て見る」で隠した状態の高さ*/
	}

/**
	news 詳細ページ
	single-news.php
**/
	div.single-news div.single-news h2 {
		font-size: 16.5px;
		margin-top: 15px;
		margin-bottom: 5px;
	}

	div.single-news div.news_section {
		margin-top: 50px;
	}
	div.single-news div.news_section .sub-title_section {
		margin-bottom: 20px;
	}

	div.single-news div.news_section .left_image {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.single-news div.news_section div.p_section {
		margin-top: 20px;
	}

	div.single-news div.news_section p {
		word-break: break-all;
		text-align: left;
		margin-top: 20px;
	}

	div.single-news div.news_section .left_image  p {
		margin-top: 0px;
	}

	div.single-news div.right {
		float: none !important;
	}

	div.single-news div.left {
		float: none !important;
	}

	div.single-news div.clear {
		float: none !important;
	}
	/*sp用スタイル記述End*/
}