@charset "utf-8";

/*==========================================================
	ページ 全体
==========================================================*/
body {
}

#body {
}

/*==========================================================
	見出し
==========================================================*/
section.top_box {
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 0px 0 0px 0;
	background-color: #FC9B4D;
}
section.top_box .innerbox{
	position: relative;
	margin: 0 0;
	width: 100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
section.top_box .innerbox .top_title{
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 36px;
	margin: auto;
	color: #FFFFFF;
	font-size: 36px;
	font-weight: normal;
	font-family: "Sawarabi Mincho";
	letter-spacing: 0.2em;
}

/*==========================================================
	ニュース
==========================================================*/
section.news {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0 100px;
}
section.news .innerbox{
	position: relative;
	margin: 0 auto;
	width: 1050px;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
section.news h2 {
	display: inline-block;
	margin: 30px 0 20px 40px;
	color: #000000;
	font-size: 14px;
	font-family: 'Arya', sans-serif;
	float: left;
}
section.news h2 .en{
	font-size: 44px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

section.news ul.news_list {
	display: block;
	width: 780px;
	margin: 0 40px 0 0;
	border-top: 4px solid #FC9B4D;
	
	float: right;
}
section.news ul.news_list li{
	position: relative;
	padding: 0px 0px;
	text-align: left;
	font-size: 13px;
	border-bottom: 2px dotted #CCCCCC;
}
section.news ul.news_list li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 22px 0;
}
section.news ul.news_list li a:hover {
	background-color: #FFE9E0;
}
section.news ul.news_list li:hover::after{
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	content: '＋';
	color:  #FC9B4D;
	font-size: 30px;
	font-weight: normal;
}
section.news ul.news_list li .date {
	padding: 0 0 10px 0;
	font-size: 14px
}
section.news ul.news_list li .title {
	font-size: 13px;
	line-height: 1.5em;
}
section.news ul.news_list li .comment {
	display: none;
	line-height: 1.3em;
}
section.news .btn_more {
    display: inline-block;
}
section.news .btn_more a {
	margin-top: 40px;
    padding: 15px 70px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background-color: #37414f;
    border-radius: 50px;
    vertical-align: middle;
    z-index: 1;
	transition: background-color 0.3s ease;
}
section.news .btn_more a:hover {
	background-color: #FF6633;
}

/*==========================================================
	Single
==========================================================*/
section.news ul.news_list.single li{
	min-height: 300px;
	position: relative;
	padding: 20px 0px;
	text-align: left;
	font-size: 13px;
	border-bottom: 2px dotted #CCCCCC;
}
section.news ul.news_list.single li .date {
	padding: 0 0 10px 0;
	font-size: 14px
}
section.news ul.news_list.single li .title {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5em;
}

section.news ul.news_list.single li .comment {
	display: block;
	font-size: 15px;
	line-height: 1.5em;
}
section.news ul.news_list.single li:hover::after{
	content: none;
}

section.news ul.news_list.single li .thumb_box {
	display: block;
	margin: 15px 20px;
	text-align: center;
}
section.news ul.news_list.single li .thumb_box img {
	width: 100%;
	height: auto;
}

/*==========================================================
	記事一覧ページャー部分
==========================================================*/
.wp-pagenavi {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
	box-sizing: border-box;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 10px 2px;
	padding: 0 0;
	text-align: center;
	font-size: 14px;
	vertical-align: unset;
	border: 1px solid #FC9B4D;
}
.wp-pagenavi .current {
	font-weight: bold;
	background-color: #FC9B4D;
	border-radius: 0;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	margin: 0 10px;
	font-size: 30px;
}

/* single */
section.news .blog_paging {
	margin: 50px auto 0;
	text-align: center;
}
section.news .blog_paging .page_next,
section.news .blog_paging .page_list,
section.news .blog_paging .page_prev {
	display: inline-block;
}
section.news .blog_paging .page_next a,
section.news .blog_paging .page_list a,
section.news .blog_paging .page_prev a {
	display: inline-block;
	margin: 0 20px;
	padding: 15px 30px;
	color: #FFFFFF;
	font-size: 16px;
	background-color: #37414f;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}
section.news .blog_paging .page_next a:hover,
section.news .blog_paging .page_list a:hover,
section.news .blog_paging .page_prev a:hover {
	color: #FFFFFF;
	background-color: #FF6633;
}


/* ★---------------------------★---------------------★ */

/*==========================================================
	MEDIA QUERIES (SP)
==========================================================*/
@media (max-width: 639px){


	/*==========================================================
		見出し
	==========================================================*/
	section.top_box {
		height: 60px;
	}
	section.top_box .innerbox .top_title{
		font-size: 24px;
	}

	/*==========================================================
		ニュース
	==========================================================*/
section.news {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
		padding: 50px 0 60px;
}
section.news .innerbox{
	position: relative;
	margin: 0 auto;
		width: 100%;
	height: 100%;
	font-size: 0px;
	overflow: hidden;
}
section.news h2 {
		display: block;
		margin: 0px 0 10px;
	color: #000000;
	font-size: 14px;
	font-family: 'Arya', sans-serif;
	float: none;
}
section.news h2 .en{
	font-size: 44px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
}

section.news ul.news_list {
	display: block;
		width: auto;
		margin: 0 10px 0;
	border-top: 4px solid #FC9B4D;
		float: none;
}
section.news ul.news_list li{
	position: relative;
		padding: 0px 0px;
	text-align: left;
	font-size: 13px;
	border-bottom: 2px dotted #CCCCCC;
}
section.news ul.news_list li a{
	display: block;
	width: 100%;
	height: 100%;
		padding: 22px 40px 22px 0;
}

section.news ul.news_list li::after{
	display: inline-block;
	position: absolute;
		right: 5px;
	top: 50%;
	margin-top: -15px;
	content: '＋';
	color:  #FC9B4D;
	font-size: 30px;
	font-weight: normal;
}
section.news ul.news_list li .date {
	padding: 0 0 10px 0;
	font-size: 14px
}
section.news ul.news_list li .title {
	font-size: 13px
}
section.news ul.news_list li .comment {
	display: none;
	font-size: 13px
}

section.news .btn_more {
    display: inline-block;
}
section.news .btn_more a {
	margin-top: 40px;
    padding: 15px 70px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background-color: #37414f;
    border-radius: 50px;
    vertical-align: middle;
    z-index: 1;
}

	/*==========================================================
		Single
	==========================================================*/
section.news ul.news_list.single li{
	min-height: 300px;
	position: relative;
	padding: 20px 0px;
	text-align: left;
	font-size: 13px;
	border-bottom: 2px dotted #CCCCCC;
}
section.news ul.news_list.single li::after{
	content: none;
}
section.news ul.news_list.single li .date {
	padding: 0 0 10px 0;
	font-size: 14px
}
section.news ul.news_list.single li .title {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5em;
}

section.news ul.news_list.single li .comment {
	display: block;
	font-size: 15px;
	line-height: 1.5em;
}
section.news ul.news_list li:hover::after{
	content: none;
}

section.news ul.news_list.single li .thumb_box {
	display: block;
	margin: 5px 0;
	text-align: center;
}


	/*==========================================================
		記事一覧ページャー部分
	==========================================================*/

/* single */
section.news .blog_paging {
	margin: 50px auto 0;
	text-align: center;
}
section.news .blog_paging .page_list,
section.news .blog_paging .page_next,
section.news .blog_paging .page_prev {
		display: block;
		margin: 5px 10px;
}
	section.news .blog_paging .page_next,
	section.news .blog_paging .page_prev {
			display: inline-block;
			width: 43%;
	}
section.news .blog_paging .page_list a,
section.news .blog_paging .page_next a,
section.news .blog_paging .page_prev a {
		display: block;
	width: 100%;
	height: 100%;
	margin: 0;
		padding: 15px 0;
	color: #FFFFFF;
	font-size: 14px;
	background-color: #37414f;
	border-radius: 6px;
	transition: unset;
}


section.news .blog_paging .page_list a{
	background-color: #FC9B4D;
}
section.news .blog_paging .page_next a,
section.news .blog_paging .page_prev a {
	background-color: #37414f;
}

/* ★---------------------------★---------------------★ */
} /* -- max-width: 639 px                                 */
/* ★---------------------------★---------------------★ */