@charset "utf-8";
/*------------------------------------------------------------
	C1
------------------------------------------------------------*/
/*--------------------------------------
	検索
--------------------------------------*/
.news_search{border-bottom:1px solid #ddd;}
.news_serch_item{
	display:flex;
	align-items:center;
	margin-bottom:30px;
}
.news_serch_category{
	position:relative;
	width:14%;
	font-size:1.2rem;
	letter-spacing:1.44px;
	font-weight:500;
	line-height:2.2rem;
	color:#000;
	white-space:nowrap;
	padding-right:25px;
}
.news_serch_category::after{
	position:absolute;
	content:"";
	width:1px;
	height:22px;
	background:#ddd;
	top:1px;
	right:-1px;
}
.news_serch_terms{
	width:86%;
	margin:0 -2% 0 0;
	padding-left:25px;
}
/*------ チェックボックス ------*/
.news_serch_checkbox{
	display:flex;
	flex-wrap:wrap;
}
.news_serch_checkitem{
	display:block;
	width:18%;
	margin-right:2%;
	cursor:pointer;
}
.news_serch_checkitem input[type="checkbox"]{
	opacity:0;
	-webkit-appearance:none;
	appearance:none;
	position:absolute;
	cursor:pointer;
}
.news_serch_checkitem span{
	position:relative;
	display:block;
	padding-left:31px;
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:2.2rem;
	color:#666;
}
.news_serch_checkitem span::before{
	position:absolute;
	content:"";
	width:22px;
	height:22px;
	background:transparent;
	border:1px solid #ddd;
	top:calc(50% - 10px);
	left:0;
	transition:all 0.3s;
}
.news_serch_checkitem span::after{
	position:absolute;
	content:"";
	width:5px;
	height:12px;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	top:calc(50% - 6px);
	left:9px;
	transform:rotate(45deg);
	transition:all 0.3s;
}
.news_serch_checkitem input[type="checkbox"]:checked + span::before{border-color:#09f;background:#09f;}
.news_serch_checkitem input[type="checkbox"]:checked + span::after{border-color:#fff;}
.news_serch_checkitem input[type="checkbox"]:hover + span::before{border-color:#09f;}
/*------ セレクトボタン ------*/
.news_serch_selectitem{
	position:relative;
	display:inline-block;
}
.news_serch_selectitem::after{
	position:absolute;
	content:"";
	width:8px;
	height:8px;
	border-right:1px solid #09f;
	border-bottom:1px solid #09f;
	transform:rotate(45deg);
	top:calc(50% - 5px);
	right:10px;
}
.news_serch_selectitem select{
	position:relative;
	width:100%;
	font-size:1.2rem;
	letter-spacing:1.44px;
	line-height:2.2rem;
	color:#666;
	padding:0 30px 0 0;
	border:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	cursor:pointer;
	background:transparent;
	z-index:1;
}
/*------ キーワード入力 ------*/
.news_serch_keyword{padding:0;}
.news_serch_keyword input{
	width:100%;
	max-width:795px;
	padding:13px 20px;
	border:1px solid #ddd;
	background:#FAFAFA;
	transition:all 0.3s;
}
.news_serch_keyword input:focus,.news_serch_keyword input:hover{border:1px solid #09f;outline:none;}
/*------ 検索ボタン ------*/
.news_serch_btn{
	text-align:center;
	margin:40px 0 80px;
}
.news_serch_btn input{
	display:inline-block;
	font-size:1.2rem;
	letter-spacing:0.96px;
	color:#fff;
	width:200px;
	border:1px solid #09f;
	border-radius:30px;
	padding:11px 20px 11px 41px;
	background:url("https://www.juyoungoh.com/img/common/icon_search_white.svg") #09f no-repeat left 20px center;
	cursor:pointer;
	transition:all 0.3s;
}
.news_serch_btn input:hover{
	outline:none;
	color:#09f;
	background:url("https://www.juyoungoh.com/img/common/icon_seach_blue.svg") transparent no-repeat left 20px center;
}
/*--------------------------------------
	検索結果
--------------------------------------*/
.archive_news_list{
	padding:0;
}
.archive_news_item{
	list-style:none;
	border-bottom:1px solid #ddd;
	margin-bottom:0 !important;
}
.archive_news_item:last-child{margin-bottom:0;}
.archive_news_link{
	position:relative;
	display:flex;
	align-items:center;
	padding:20px 70px 20px 20px;
	background:url("https://www.juyoungoh.com/img/common/arrow_r_s_black.svg") no-repeat center right 25px;
	color:#666 !important;
	font-weight:500;
	text-decoration:none;
	transition:background-color 0.3s;
}
.archive_news_link:hover{
	background-color:#E5F5FF;
	background-image:url("https://www.juyoungoh.com/img/common/arrow_r_s_blue.svg");
}
.archive_news_thumb{
	width:150px;
	height:100px;
	margin-right:20px;
	overflow:hidden;
}
.archive_news_img{
	object-fit:cover;
	transition:transform 0.3s;
}
a:hover .archive_news_img{transform:scale(1.05);}
.archive_news_outline{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:calc(100% - 170px);
	margin-bottom:10px;
}
.archive_news_date{
	position:relative;
	width:90px;
	margin-right:20px;
	font-size:1.2rem;
	letter-spacing:0.72px;
}
.archive_news_date::after{
	content:'';
	position:absolute;
	top:calc(50% - 5px);
	right:0;
	width:1px;
	height:14px;
	background:#666;
}
.archive_news_category{
	font-size:1.2rem;
	letter-spacing:0.72px;
}
.archive_news_title{
	position:relative;
	z-index:1;
	width:100%;
	padding:0;
	margin:5px 0 0;
	color:#333;
	font-size:1.5rem;
	letter-spacing:0.9px;
	line-height:2.2rem;
	transition:color 0.3s;
}
a:hover .archive_news_title{color:#09f;}
.archive_news_title::before{display:none;}
/*------------------------------------------------------------
	C2
------------------------------------------------------------*/
.content_area.news_post{max-width:880px;}
.news_child .page_title{
	max-width:880px;
	margin-bottom:37px;
}
.news_outline{
	display:flex;
	align-items:center;
	margin-bottom:5px;
}
.news_date{
	position:relative;
	display:block;
	font-size:1.2rem;
	letter-spacing:0.96px;
	line-height:2.41em;
	margin-right:18px;
	padding:0 25px 0 0;
}
.news_date::after{
	position:absolute;
	content:"";
	width:1px;
	height:11px;
	background:#6D7277;
	top:calc(50% - 6px);
	right:0;
}
.news_category{
	font-size:1.1rem;
	letter-spacing:1.32px;
	line-height:2.63em;
	color:#333;
}
.news_category span:not(:nth-child(1)){margin-left:9px;}
.news_post .tag_box{margin:70px 0 45px;}


@media screen and (max-width:1024px){

.archive_news_title{font-size:1.4rem;line-height:1.5;}
.archive_news_link{
	padding:20px 50px 20px 10px;
	background-position:center right 15px;
}
.archive_news_date{
	width:85px;
}

}


@media screen and (max-width:767px){
/*------------------------------------------------------------
	C1
------------------------------------------------------------*/
/*--------------------------------------
	検索
--------------------------------------*/
.news_serch_checkitem:nth-child(-n+4){margin-bottom:20px;}
.news_serch_category{
	width:26%;
	font-size:1.2rem;
	letter-spacing:1.44px;
	padding-right:13px;
}
.news_serch_terms{
	width:75%;
	margin-right:0;
	padding-left:0;
}
.news_serch_terms:first-child{
	padding-left:16px;
}
.news_serch_checkitem{
	width:44%;
	margin-right:0;
	margin-left:6%;
}
.news_serch_checkitem span::before{
	top:0;
}
.news_serch_category::after{
	display:none;
}
.news_serch_checkbox{
	border-left:1px solid #DDDDDD;
	position:relative;
}
.news_serch_item:first-child{
	margin-top:68px;
	margin-bottom:27px;
}
.news_serch_item{
	margin:15px 0 30px;
}
.news_serch_selectitem{
	width:100%;
}
.news_serch_btn{
	margin-bottom:51px;
}
.news_serch_selectitem select{
	font-size:1.6rem;
	width:100%;
	padding:10px 15px;
	border:1px solid #ddd;
}
.news_serch_selectitem::after{
	right:15px;
}

/*--------------------------------------
	検索結果
--------------------------------------*/
.archive_news_list{margin-top:0;}
.archive_news_item{
	margin-bottom:0 !important;
}
.archive_news_link{
	padding:15px 25px 15px 0;
	background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_black.svg");
	background-position:center right;
}
.archive_news_link:hover{background-image:url("https://www.juyoungoh.com/img/common/smp_arrow_r_s_blue.svg");}
.archive_news_thumb{
	width:90px;
	height:60px;
	margin-right:15px;
}
.archive_news_outline{
	width:calc(100% - 105px);
	margin:0;
}
.archive_news_date{
	width:82px;
	margin-right:18px;
	font-size:1.1rem;
	letter-spacing:0.66px;
	line-height:1.5;
}
.archive_news_category{
	font-size:1.1rem;
	letter-spacing:0.66px;
	line-height:1.5;
}
.archive_news_title{
	margin-top:3px;
	font-size:1.3rem;
	letter-spacing:0.78px;
	line-height:1.9rem;
}
/*------------------------------------------------------------
	C2
------------------------------------------------------------*/
.news_child .action{
	margin:40px 0 42px !important;
}
.news_child .news_outline{
	margin-top:-23px !important;
}
.news_date{
	font-size:1.1rem;
	letter-spacing:0.88px;
	margin-right:15px;
	padding:0 13px 0 0;
}
.news_category{
	font-size:1.0rem;
	letter-spacing:0.4px;
}
.news_post .tag_box{
	margin:40px 0 45px;
}
}