@charset "utf-8";

/*=========================================*/
/* トピックス */
/*=========================================*/


/*-- MAIN FLAME --*/

#topics_contents_main_flame{
	position:relative;
	padding:50px 40px 50px 40px;
}

#topics_contents_article_flame{
	position:relative;
	padding:50px 50px 50px 50px;
}

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

#topics_contents_main_flame{
	padding:45px 35px 45px 35px;
}

#topics_contents_article_flame{
	padding:50px 45px 50px 45px;
}

}

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

#topics_contents_main_flame{
	padding:40px 30px 40px 30px;
}

#topics_contents_article_flame{
	padding:50px 40px 50px 40px;
}

}

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

#topics_contents_main_flame{
	padding:35px 25px 35px 25px;
}

#topics_contents_article_flame{
	padding:45px 35px 45px 35px;
}

}

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

#topics_contents_main_flame{
	padding:30px 25px 30px 25px;
}

#topics_contents_article_flame{
	padding:45px 30px 45px 30px;
}

}

@media all and (max-width:960px), print{

#topics_contents_main_flame{
	padding:25px 20px 25px 20px;
}

#topics_contents_article_flame{
	padding:40px 25px 40px 25px;
}

}

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

#topics_contents_main_flame{
	padding:20px 20px 20px 20px;
}

#topics_contents_article_flame{
	padding:40px 20px 40px 20px;
}

}

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

#topics_contents_main_flame{
	padding:15px 15px 15px 15px;
}

#topics_contents_article_flame{
	padding:35px 15px 35px 15px;
}

}


/*=========================================*/
/* LIST */
/*=========================================*/


/*-- SET --*/

.topics_list_area{
	position:relative;
	padding:45px 0px 45px 0px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}

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

.topics_list_area{
	padding:40px 0px 40px 0px;
}

}

@media all and (max-width:960px), print{

.topics_list_area{
	padding:35px 0px 35px 0px;
}

}

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

.topics_list_area{
	padding:30px 0px 30px 0px;
}

}

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

.topics_list_area{
	padding:10px 0px 25px 0px;
	justify-content:space-between;
}

}


/*-- LIST --*/

.topics_list{
	position:relative;
	width:33.33333%;
}

.topics_list a{
	position:relative;
	margin:2.5% 2.5% 2.5% 2.5%;
	display:block;
	text-decoration:none;
}

.topics_list .list_box .img_box{
	position:relative;
	width:100%;
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:10px;
	   -moz-border-top-left-radius:10px;
	        border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	   -moz-border-top-right-radius:10px;
	        border-top-right-radius:10px;
}

.topics_list .list_box .img_box .img{
	position:relative;
	width:100%;
	padding-top:65%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	transition:0.25s ease-out;
}

.topics_list a:hover .list_box .img_box .img{
	transform:scale(1.05,1.05);
}

.topics_list .list_box .text_box{
	position:relative;
	width:100%;
	height:210px;
	background-color:rgba(245,243,241,1.0);
	/* radius */
	-webkit-border-bottom-left-radius:10px;
	   -moz-border-bottom-left-radius:10px;
	        border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	   -moz-border-bottom-right-radius:10px;
	        border-bottom-right-radius:10px;
}

.topics_list .list_box .text_box .date{
	position:relative;
	padding:25px 30px 10px 30px;
	font-size:112.5%;
	line-height:150%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	text-align:left;
}

.topics_list .list_box .text_box .new::before{
	position:absolute;
	top:25px;
	right:30px;
	padding:4px 12px 4px 12px;
	background-color:rgba(200,0,0,1.0);
	font-size:75%;
	line-height:125%;
	color:rgba(255,255,255,1.0);
	font-weight:500;
	content:'NEW';
	z-index:1;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.topics_list .list_box .text_box .text{
	position:relative;
	padding:0px 30px 0px 30px;
	font-size:112.5%;
	line-height:175%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
}

/* 文字数制限 */
.topics_list .list_box .text_box .text p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.topics_list .list_box .text_box .cate{
	position:absolute;
	bottom:30px;
	left:30px;
}

.topics_list .list_box .text_box .cate p{
	padding:5px 20px 5px 20px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	font-size:87.5%;
	line-height:125%;
	color:rgba(37,35,33,1.0);
	font-weight:600;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

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

.topics_list .list_box .text_box{
	height:200px;
}

.topics_list .list_box .text_box .date{
	padding:25px 25px 8px 25px;
	font-size:106.25%;
}

.topics_list .list_box .text_box .new::before{
	right:25px;
}

.topics_list .list_box .text_box .text{
	padding:0px 25px 0px 25px;
	font-size:106.25%;
}

.topics_list .list_box .text_box .cate{
	bottom:25px;
	left:25px;
}

.topics_list .list_box .text_box .cate p{
	padding:5px 18px 5px 18px;
	font-size:81.25%;
}

}

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

.topics_list{
	width:50%;
}

}

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

.topics_list .list_box .img_box{
	/* radius */
	-webkit-border-top-left-radius:9px;
	   -moz-border-top-left-radius:9px;
	        border-top-left-radius:9px;
	-webkit-border-top-right-radius:9px;
	   -moz-border-top-right-radius:9px;
	        border-top-right-radius:9px;
}

.topics_list .list_box .text_box{
	height:190px;
	/* radius */
	-webkit-border-bottom-left-radius:9px;
	   -moz-border-bottom-left-radius:9px;
	        border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	   -moz-border-bottom-right-radius:9px;
	        border-bottom-right-radius:9px;
}

.topics_list .list_box .text_box .date{
	font-size:100%;
}

.topics_list .list_box .text_box .new::before{
	right:25px;
}

.topics_list .list_box .text_box .text{
	font-size:100%;
}

}

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

.topics_list{
	width:33.33333%;
}

}

@media all and (max-width:960px), print{

.topics_list{
	width:33.33333%;
}

.topics_list .list_box .img_box{
	overflow:hidden;
	/* radius */
	-webkit-border-top-left-radius:8px;
	   -moz-border-top-left-radius:8px;
	        border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	   -moz-border-top-right-radius:8px;
	        border-top-right-radius:8px;
}

.topics_list .list_box .img_box .img{
	transition:0s ease-out;
}

.topics_list a:hover .list_box .img_box .img{
	transform:scale(1.0,1.0);
}

.topics_list .list_box .text_box{
	height:170px;
	/* radius */
	-webkit-border-bottom-left-radius:8px;
	   -moz-border-bottom-left-radius:8px;
	        border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	   -moz-border-bottom-right-radius:8px;
	        border-bottom-right-radius:8px;
}

.topics_list .list_box .text_box .date{
	padding:20px 20px 6px 20px;
	font-size:93.75%;
}

.topics_list .list_box .text_box .new::before{
	top:20px;
	right:20px;
	padding:3px 11px 3px 11px;
}

.topics_list .list_box .text_box .text{
	padding:0px 20px 0px 20px;
	font-size:93.75%;
}

.topics_list .list_box .text_box .cate{
	bottom:20px;
	left:20px;
}

.topics_list .list_box .text_box .cate p{
	padding:4px 16px 4px 16px;
	font-size:75%;
}

}

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

.topics_list{
	width:50%;
}

}

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

.topics_list{
	width:48.75%;
}

.topics_list a{
	margin:2.5% 0% 2.5% 0%;
}

.topics_list .list_box .text_box{
	height:160px;
}

.topics_list .list_box .text_box .date{
	padding:20px 15px 6px 15px;
	font-size:87.5%;
}

.topics_list .list_box .text_box .new::before{
	top:20px;
	right:15px;
}

.topics_list .list_box .text_box .text{
	padding:0px 15px 0px 15px;
	font-size:87.5%;
}

.topics_list .list_box .text_box .cate{
	bottom:15px;
	left:15px;
}

.topics_list .list_box .text_box .cate p{
	padding:4px 14px 4px 14px;
	font-size:68.75%;
}

}

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

.topics_list{
	width:100%;
}

.topics_list .list_box .text_box .cate p{
	padding:4px 16px 4px 16px;
	font-size:75%;
}

}


/*=========================================*/
/* PAGER */
/*=========================================*/


/*-- PAGER --*/

.topics_pager_area{
	margin:0px 15px 0px 15px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.pager_area{
	display:flex;
}

.pager_nav_area{
	display:flex;
}

.pager_prev a{
	position:relative;
	margin:0px 0px 0px 10px;
	width:45px;
	height:45px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
	display:block;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.pager_prev a::after{
	position:absolute;
	top:22px;
	left:15px;
	width:6px;
	height:6px;
	border-left:2px solid rgba(100,100,100,1.0);
	border-bottom:2px solid rgba(100,100,100,1.0);
	transform:translate(50%, -50%) rotate(45deg);
	content:'';
	pointer-events:none;
}

.pager_next a{
	position:relative;
	margin:0px 0px 0px 5px;
	width:45px;
	height:45px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
	display:block;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.pager_next a::after{
	position:absolute;
	top:22px;
	left:12px;
	width:6px;
	height:6px;
	border-right:2px solid rgba(100,100,100,1.0);
	border-bottom:2px solid rgba(100,100,100,1.0);
	transform:translate(50%, -50%) rotate(-45deg);
	content:'';
	pointer-events:none;
}

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

.topics_pager_area{
	margin:0px 10px 0px 10px;
}

}

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

.pager_prev a{
	margin:0px 0px 0px 8px;
	width:40px;
	height:40px;
}

.pager_prev a::after{
	top:19px;
	left:13px;
	width:6px;
	height:6px;
}

.pager_next a{
	margin:0px 0px 0px 4px;
	width:40px;
	height:40px;
}

.pager_next a::after{
	top:19px;
	left:9px;
	width:6px;
	height:6px;
}

}

@media all and (max-width:960px), print{

.topics_pager_area{
	margin:5px 5px 5px 5px;
}

.pager_prev a{
	margin:0px 0px 0px 6px;
	width:35px;
	height:35px;
}

.pager_prev a::after{
	top:17px;
	left:11px;
	width:5px;
	height:5px;
}

.pager_next a{
	margin:0px 0px 0px 3px;
	width:35px;
	height:35px;
}

.pager_next a::after{
	top:17px;
	left:8px;
	width:5px;
	height:5px;
}

}

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

.pager_area{
	width:100%;
	justify-content:space-between;
}

.pager_nav_area{
	justify-content:flex-end;
}

}


/*-- INPUT PAGER --*/

.pager_select{
	position:relative;
	width:275px;
	display:block;
}

.pager_select::before{
	position:absolute;
	top:0px;
	right:0px;
	width:45px;
	height:45px;
	border-left:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	content:'';
	pointer-events:none;
}

.pager_select::after{
	position:absolute;
	top:21px;
	right:23px;
	width:6px;
	height:6px;
	border-right:2px solid rgba(100,100,100,1.0);
	border-bottom:2px solid rgba(100,100,100,1.0);
	transform:translate(50%, -50%) rotate(45deg);
	content:'';
	pointer-events:none;
}

.pager_select select{
	appearance:none;
	padding:0px 45px 0px 15px;
	width:100%;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:43px;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

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

.pager_select{
	width:225px;
}

.pager_select::before{
	width:40px;
	height:40px;
}

.pager_select::after{
	top:19px;
	right:20px;
}

.pager_select select{
	padding:0px 40px 0px 13px;
	font-size:93.75%;
	line-height:38px;
}

}

@media all and (max-width:960px), print{

.pager_select{
	width:175px;
}

.pager_select::before{
	width:35px;
	height:35px;
}

.pager_select::after{
	top:16px;
	right:17px;
	width:5px;
	height:5px;
}

.pager_select select{
	padding:0px 35px 0px 11px;
	font-size:87.5%;
	line-height:33px;
}

}

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

.pager_select{
	width:150px;
}

.pager_select select{
	font-size:81.25%;
}

}


/*-- FORM RESET --*/

select{
	font-size:100%;
	font-feature-settings:"palt" 1;
	font-family:'Noto Sans JP', sans-serif;
	color:rgba(37,35,33,1.0);
}


/*-- NUMBER --*/

.topics_pager_number_area{
	position:relative;
}

.topics_pager_number{
	position:relative;
	padding:0px 15px 0px 15px;
	display:flex;
	justify-content:flex-end;
}

.topics_pager_number .text{
	padding:0px 2px 0px 2px;
	font-size:112%;
	line-height:45px;
	color:rgba(37,35,33,1.0);
	font-weight:500;
}

.topics_pager_number .numb{
	padding:0px 2px 0px 2px;
	font-size:112%;
	line-height:45px;
	letter-spacing:-0.05em;
	color:rgba(37,35,33,1.0);
	font-weight:500;
}

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

.topics_pager_number{
	padding:0px 10px 0px 10px;
}

.topics_pager_number .text{
	font-size:106.25%;
	line-height:40px;
}

.topics_pager_number .numb{
	font-size:106.25%;
	line-height:40px;
}

}

@media all and (max-width:960px), print{

.topics_pager_number{
	padding:0px 5px 0px 5px;
}

.topics_pager_number .text{
	font-size:100%;
	line-height:35px;
}

.topics_pager_number .numb{
	font-size:100%;
	line-height:35px;
}

}

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

.topics_pager_number .text{
	font-size:93.75%;
}

.topics_pager_number .numb{
	font-size:93.75%;
}

}

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

.topics_pager_number_area{
	width:100%;
}

.topics_pager_number{
	padding:5px 5px 5px 5px;
}

.topics_pager_number .text{
	font-size:87.5%;
}

.topics_pager_number .numb{
	font-size:87.5%;
}

}


/*=========================================*/
/* ARTICLE */
/*=========================================*/


/*-- BASIC TITLE --*/

.topics_article_title{
	position:relative;
	margin:0px 0px 20px 0px;
	width:100%;
	background-image:url(../images/common/common_basic_title_line_gray.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	display:flex;
}

.topics_article_title .title{
	position:relative;
	padding:0px 5px 20px 5px;
	font-size:225%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

.topics_article_title .title::before{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../images/common/common_basic_title_line_pink.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	content:'';
	z-index:1;
}

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

.topics_article_title{
	margin:0px 0px 19px 0px;
}

.topics_article_title .title{
	padding:0px 5px 19px 5px;
	font-size:200%;
}

}

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

.topics_article_title{
	margin:0px 0px 18px 0px;
}

.topics_article_title .title{
	padding:0px 5px 18px 5px;
	font-size:175%;
}

}

@media all and (max-width:960px), print{

.topics_article_title{
	margin:0px 0px 17px 0px;
}

.topics_article_title .title{
	padding:0px 5px 17px 5px;
	font-size:150%;
}

}

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

.topics_article_title{
	margin:0px 0px 16px 0px;
}

.topics_article_title .title{
	padding:0px 5px 16px 5px;
	font-size:125%;
}

}

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

.topics_article_title{
	margin:0px 0px 15px 0px;
}

.topics_article_title .title{
	padding:0px 5px 15px 5px;
	font-size:118.75%;
}

}

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

.topics_article_title{
	margin:0px 0px 14px 0px;
}

.topics_article_title .title{
	padding:0px 5px 14px 5px;
	font-size:106.25%;
}

}


/*-- DATE --*/

.topics_article_date{
	position:relative;
	margin:0px 0px 45px 0px;
	width:100%;
}

.topics_article_date .date{
	padding:0px 10px 0px 10px;
	font-size:106.25%;
	line-height:150%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	text-align:right;
}

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

.topics_article_date{
	margin:0px 0px 40px 0px;
}

.topics_article_date .date{
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.topics_article_date{
	margin:0px 0px 35px 0px;
}

.topics_article_date .date{
	padding:0px 5px 0px 5px;
	font-size:93.75%;
}

}

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

.topics_article_date{
	margin:0px 0px 30px 0px;
}

.topics_article_date .date{
	font-size:87.5%;
}

}

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

.topics_article_date{
	margin:0px 0px 25px 0px;
}

}


/*-- CONTENTS FLAME --*/

#topics_article_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 45px 0px;
	max-width:960px;
}

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

#topics_article_flame{
	padding:0px 0px 40px 0px;
}

}

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

#topics_article_flame{
	padding:0px 0px 35px 0px;
}

}

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

#topics_article_flame{
	padding:0px 0px 0px 0px;
}

}

@media all and (max-width:960px), print{

#topics_article_flame{
	padding:0px 0px 0px 0px;
}

}


/*-- CONTENTS BOX --*/

.topics_article_box{
	position:relative;
	padding:0px 0px 75px 0px;
	width:100%;
}

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

.topics_article_box{
	padding:0px 0px 65px 0px;
}

}

@media all and (max-width:960px), print{

.topics_article_box{
	padding:0px 0px 55px 0px;
}

}

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

.topics_article_box{
	padding:0px 0px 45px 0px;
}

}


/*-- BOX TITLE --*/

.article_box_title{
	position:relative;
	padding:0px 0px 35px 0px;
}

.article_box_title .title{
	padding:0px 5px 0px 5px;
	font-size:200%;
	line-height:165%;
	letter-spacing:-0.01em;
	font-family:Shuei NijimiMGo B, "Noto Sans JP", sans-serif;
	color:rgba(37,35,33,1.0);
	font-weight:700;
	text-align:left;
}

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

.article_box_title{
	padding:0px 0px 33px 0px;
}

.article_box_title .title{
	font-size:175%;
}

}

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

.article_box_title{
	padding:0px 0px 31px 0px;
}

.article_box_title .title{
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.article_box_title{
	padding:0px 0px 29px 0px;
}

.article_box_title .title{
	font-size:125%;
}

}

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

.article_box_title{
	padding:0px 0px 27px 0px;
}

.article_box_title .title{
	font-size:112.5%;
}

}

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

.article_box_title{
	padding:0px 0px 25px 0px;
}

.article_box_title .title{
	font-size:106.25%;
}

}

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

.article_box_title .title{
	font-size:100%;
}

}


/*-- BOX TEXT --*/

.article_box_text{
	position:relative;
	padding:0px 0px 30px 0px;
}

.article_box_text .text{
	position:relative;
	padding:0px 5px 25px 5px;
	font-size:112.5%;
	line-height:200%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	text-align:left;
}

.article_box_text .text a{
	transition:0.25s ease-out;
}

.article_box_text .text a:link{ color:rgba(37,35,33,1.0); text-decoration:underline; }
.article_box_text .text a:visited{ color:rgba(37,35,33,1.0); text-decoration:underline; }
.article_box_text .text a:hover{ color:rgba(230,140,150,1.0); text-decoration:underline; }
.article_box_text .text a:active{ color:rgba(230,140,150,1.0); text-decoration:underline; }

.article_box_text .text.font_color_red{
	color:rgba(200,0,0,1.0);
}

.article_box_text .text.under_none{
	padding-bottom:0px;
}

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

.article_box_text{
	padding:0px 0px 29px 0px;
}

.article_box_text .text{
	padding:0px 5px 24px 5px;
	font-size:106.25%;
	line-height:197.5%;
}

}

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

.article_box_text{
	padding:0px 0px 28px 0px;
}

.article_box_text .text{
	padding:0px 5px 23px 5px;
	line-height:195%;
}

}

@media all and (max-width:960px), print{

.article_box_text{
	padding:0px 0px 27px 0px;
}

.article_box_text .text{
	padding:0px 5px 22px 5px;
	font-size:100%;
	line-height:192.5%;
}

.article_box_text .text a{
	transition:0s ease-out;
}

.article_box_text .text a:hover{ color:rgba(37,35,33,1.0); text-decoration:underline; }
.article_box_text .text a:active{ color:rgba(37,35,33,1.0); text-decoration:underline; }

}

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

.article_box_text{
	padding:0px 0px 26px 0px;
}

.article_box_text .text{
	padding:0px 5px 21px 5px;
	font-size:93.75%;
	line-height:190%;
}

}

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

.article_box_text{
	padding:0px 0px 25px 0px;
}

.article_box_text .text{
	padding:0px 5px 20px 5px;
	line-height:187.5%;
}

}


/*-- BOX IMAGE --*/

.article_box_img{
	padding:0px 0px 45px 0px;
	width:100%;
	text-align:center;
}

.article_box_img .img img{
	max-width:100%;
	max-height:1024px;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

.article_box_img .catch{
	margin:0px auto 0px auto;
	padding:17px 5px 0px 5px;
	font-size:106.25%;
	line-height:165%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	text-align:left;
	/* fit-content */
	width:-moz-fit-content;
	     width:fit-content;
}

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

.article_box_img{
	padding:0px 0px 40px 0px;
}

.article_box_img .img img{
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

.article_box_img .catch{
	padding:16px 4px 0px 4px;
	font-size:100%;
}

}

@media all and (max-width:960px), print{

.article_box_img{
	padding:0px 0px 35px 0px;
}

.article_box_img .img img{
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.article_box_img .catch{
	padding:15px 3px 0px 3px;
	font-size:93.75%;
}

}

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

.article_box_img .catch{
	font-size:87.5%;
}

}


/*-- ARTICLE MAP --*/

.article_box_map{
	padding:0px 0px 50px 0px;
}

.article_box_map .map{
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
	padding-top:56.25%;
}

.article_box_map .map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

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

.article_box_map{
	padding:0px 0px 45px 0px;
}

.article_box_map .map iframe{
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

}

@media all and (max-width:960px), print{

.article_box_map{
	padding:0px 0px 40px 0px;
}

.article_box_map .map iframe{
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

}


/*-- ARTICLE MOVIE --*/

.article_box_movie{
	padding:0px 0px 50px 0px;
}

.article_box_movie .movie{
	position:relative;
	margin:0px auto 0px auto;
	width:100%;
	padding-top:56.25%;
}

.article_box_movie .movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/* radius */
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}

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

.article_box_movie{
	padding:0px 0px 45px 0px;
}

.article_box_movie .movie iframe{
	/* radius */
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	        border-radius:15px;
}

}

@media all and (max-width:960px), print{

.article_box_movie{
	padding:0px 0px 40px 0px;
}

.article_box_movie .movie iframe{
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

}


/*-- ARTICLE FILE --*/

.article_box_file{
	padding:0px 0px 50px 0px;
}

.article_box_file .download_file{
	margin:0px 0px 10px 0px;
	background-color:rgba(245,243,241,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.article_box_file .download_file:last-child{
	margin:0px 0px 0px 0px;
}

.article_box_file .download_file a{
	padding:25px 83px 25px 25px;
	font-size:112.5%;
	line-height:165%;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	transition:0.25s ease-out;
	display:block;
}

.article_box_file .download_file a:link{ color:rgba(37,35,33,1.0); text-decoration:none; }
.article_box_file .download_file a:visited{ color:rgba(37,35,33,1.0); text-decoration:none; }
.article_box_file .download_file a:hover{ color:rgba(230,140,150,1.0); text-decoration:none; }
.article_box_file .download_file a:active{ color:rgba(230,140,150,1.0); text-decoration:none; }

.article_box_file .icon_pdf{
	background-image:url(../images/common/article_file_icon_pdf.png);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:33px auto;
}

.article_box_file .icon_excel{
	background-image:url(../images/common/article_file_icon_excel.png);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:33px auto;
}

.article_box_file .icon_word{
	background-image:url(../images/common/article_file_icon_word.png);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:33px auto;
}

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

.article_box_file{
	padding:0px 0px 45px 0px;
}

.article_box_file .download_file{
	margin:0px 0px 9px 0px;
	/* radius */
	-webkit-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
}

.article_box_file .download_file a{
	padding:20px 69px 20px 20px;
	font-size:106.25%;
}

.article_box_file .icon_pdf{
	background-position:right 20px center;
	background-size:29px auto;
}

.article_box_file .icon_excel{
	background-position:right 20px center;
	background-size:29px auto;
}

.article_box_file .icon_word{
	background-position:right 20px center;
	background-size:29px auto;
}

}

@media all and (max-width:960px), print{

.article_box_file{
	padding:0px 0px 40px 0px;
}

.article_box_file .download_file{
	margin:0px 0px 8px 0px;
	/* radius */
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	        border-radius:6px;
}

.article_box_file .download_file a{
	padding:15px 55px 15px 15px;
	font-size:100%;
}

.article_box_file .download_file a:hover{ color:rgba(37,35,33,1.0); }
.article_box_file .download_file a:active{ color:rgba(37,35,33,1.0); }

.article_box_file .icon_pdf{
	background-position:right 15px center;
	background-size:25px auto;
}

.article_box_file .icon_excel{
	background-position:right 15px center;
	background-size:25px auto;
}

.article_box_file .icon_word{
	background-position:right 15px center;
	background-size:25px auto;
}

}

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

.article_box_file .download_file a{
	font-size:93.75%;
}

}


/*-- ARTICLE PAGER --*/

.article_pager_area{
	width:100%;
}

.article_pager{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
}

.article_pager div{
	margin:0px 2px 0px 2px;
}

.article_pager .mo_back{
	width:250px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.article_pager .mo_prev{
	width:50px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.article_pager .mo_next{
	width:50px;
	border:1px solid rgba(175,175,175,1.0);
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.article_pager .mo_prev_none{
	width:50px;
	border:1px solid rgba(225,225,225,1.0);
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.article_pager .mo_next_none{
	width:50px;
	border:1px solid rgba(235,235,235,1.0);
	box-sizing:border-box;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.article_pager p{
	font-size:100%;
	line-height:50px;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	transition:0.25s ease-out;
	text-align:center;
	display:block;
}

.article_pager a{
	font-size:100%;
	line-height:50px;
	color:rgba(37,35,33,1.0);
	font-weight:500;
	transition:0.25s ease-out;
	text-align:center;
	display:block;
}

.article_pager a:link{ text-decoration:none; }
.article_pager a:visited{ text-decoration:none; }
.article_pager a:hover{ text-decoration:none; }
.article_pager a:active{ text-decoration:none; }

.article_pager svg{
	height:12px;
}

.article_pager p path{
	fill:rgba(200,200,200,1.0);
	transition:0.25s ease-out;
}

.article_pager a path{
	fill:rgba(37,35,33,1.0);
	transition:0.25s ease-out;
}

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

.article_pager .mo_back{
	width:225px;
}

.article_pager .mo_prev{
	width:45px;
}

.article_pager .mo_next{
	width:45px;
}

.article_pager .mo_prev_none{
	width:45px;
}

.article_pager .mo_next_none{
	width:45px;
}

.article_pager p{
	font-size:87.5%;
	line-height:45px;
}

.article_pager a{
	font-size:87.5%;
	line-height:45px;
}

.article_pager svg{
	height:11px;
}

}

@media all and (max-width:960px), print{

.article_pager .mo_back{
	width:200px;
}

.article_pager .mo_prev{
	width:40px;
}

.article_pager .mo_next{
	width:40px;
}

.article_pager .mo_prev_none{
	width:40px;
}

.article_pager .mo_next_none{
	width:40px;
}

.article_pager p{
	font-size:75%;
	line-height:40px;
}

.article_pager a{
	font-size:75%;
	line-height:40px;
}

.article_pager svg{
	height:10px;
}

}

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

.article_pager .mo_back{
	width:175px;
}

.article_pager .mo_prev{
	width:35px;
}

.article_pager .mo_next{
	width:35px;
}

.article_pager .mo_prev_none{
	width:35px;
}

.article_pager .mo_next_none{
	width:35px;
}

.article_pager p{
	line-height:35px;
}

.article_pager a{
	line-height:35px;
}

}