/** pagination **/
.Pagination {
	display: flex;
	align-items: center;
	justify-content:center;
	margin:100px auto 0px auto;	
}
.Pagination span.current{
	width: 51px;
	height: 51px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	background: #00a7d3;
	border: none;
	font-size: 22px;
	color: #fff;
	transition: all 0.2s linear;
	margin-right: 13px;
}
.Pagination a.page-numbers {
	color: #00a7d3;
	width: 51px;
	height: 51px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	background: #fff;
	border: solid 1px #00a7d3;
	font-size: 22px;
	transition: all 0.15s linear;
	margin-right: 13px;
}
.Pagination a.prev{
	position:relative;
	color: #00a7d3;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	border:none;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	transition: all 0.15s linear;
	margin-right: 35px;
}
.Pagination a.next{
	position:relative;
	color: #00a7d3;
	width: 41px;
	height: 41px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	overflow: hidden;
	border:none;
	font-size: 16px;
	font-weight: bold;
	transition: all 0.15s linear;
	margin-left:22px;
}
.Pagination a.page-numbers:hover{
	background: #00a7d3;
	color:#fff;
}
.Pagination a.page-numbers:hover .triangle-right {
	border-left: 12px solid #fff;
}
.Pagination a.page-numbers:hover .triangle-left {
	border-right: 12px solid #fff;
}

.c_pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:850px;
	width:100%;
	margin:0 auto;
}
.c_pagination_a{
	margin:0 15px;
}
.btn_nextprev{
	width:64px;
	margin-top:5px;
}
.btn_nextprev_a{
	color:#000;
	font-size:15px;
	vertical-align:top;
}
.btn_kiji_count{
	text-align:center;
	background:#e6e6e6;
	width:24px;
	height:24px;
	border-radius:24px;
	font-size:15px;
}
.btn_nextprev2{
	display:inline-block;
	width:256px;max-width:100%;
	height:57px;
	background:#fff;
	color:#222;
	font-size:17px;
	border-radius:50px;
	position:relative;
	border:1px black solid;
}
.btn_nextprev2_text{
	display:flex;
	position:relative;
	align-items:center;
	height:100%;
	justify-content:center;
	width:100%;
}

.btn_white_single{
	display:inline-block;
	width:256px;
	max-width:100%;
	height:57px;
	background:#fff;
	color:#00a7d3;
	font-size:17px;
	border-radius:50px;
	position:relative;
	border:1px #00a7d3 solid;
	transition:background 0.2s,color 0.2s;
}
.btn_white_single:hover{
	background:#00a7d3;
	color:#fff;
	
}
.btn_white_single:hover .triangle-right {
	border-left: 12px solid #fff;
}
.btn_white_single:hover .triangle-left {
  width: 0;
  height: 0;
  border-right: 12px solid #fff;
}

.btn_white_single_next{
	position:absolute;top:50%;left:30px;transform:translate(0,-50%);font-size:11px;
}
.btn_white_single_prev{
	position:absolute;top:50%;right:30px;transform:translate(0,-50%);font-size:11px;
}

.btn_white_single_text{
	display:flex;
	position:relative;
	align-items:center;
	height:100%;
	justify-content:center;
	width:100%;
}

.btn_black_single{
	display:inline-block;
	width:256px;
	max-width:100%;
	height:57px;
	background:#00a7d3;
	border:1px #00a7d3 solid;
	color:#fff;
	font-size:17px;
	border-radius:50px;
	position:relative;
	transition:background 0.2s,color 0.2s;
}
.btn_black_single:hover{
	background:#fff;
	color:#00a7d3;
}

.triangle-right {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:0;
	height:0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #00a7d3;
}
.triangle-left {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 12px solid #00a7d3;
}

.btn_black_single_text{
	display:flex;
	position:relative;
	align-items:center;
	height:100%;
	justify-content:center;
	width:100%;
}

.btn_itiran{
	display:inline-block;
	width:256px;
	max-width:100%;
	height:57px;
	background:#17C9FF;
	color:#fff;font-size:17px;
	border-radius:50px;
	position:relative;
	border:1px #17C9FF solid;
}
.btn_itiran_text{
	display:flex;
	position:relative;
	align-items:center;
	height:100%;
	justify-content:center;
	width:100%;
}
.btn_itiran .text_2{
	display:none;
}


/** archive **/
#archive_main{
	position:relative;
	display:flex;
	justify-content:space-between;
	/*flex-direction: row-reverse;*/
	z-index:1;
	margin: 30px auto 50px auto;
	height:auto;
	width:90%;
	max-width:1200px;
	justify-content:space-between;
	background:#fff;
	border-radius:60px;
	gap:0 50px;
}
#blog_main{
	width:90%;
	max-width:900px;
	margin:0 auto;
}
#blog_sub{
	height:100%;
	width:100%;
	max-width:279px;
	position:sticky;
    top:150px;
	right:0;
	z-index:1;
}
#blog_sub .side_title_1{
	font-size:20px;
	color:#000;
	border-bottom:#000 solid 1px;
	padding:0 0 10px 0;
}

.archive_flex_1{
	display:flex;
	max-width:1200px;
	width:100%;
	margin:0px auto 0 auto;
	justify-content:space-between;
	flex-direction:row-reverse;	
}

.archive_flex_2{
	max-width:1000px;
	width:90%;
	margin:150px auto 0 auto;
}
.archive_title{
	display:flex;
	max-width:1500px;
	margin:100px auto 200px auto;
	width:90%;
	color:#E57A7A;
	align-items:center;
}
.archive_title_text_1{
	font-size:45px;font-weight:bold;
}
.archive_title_text_2{
	font-size:27px;font-weight:bold;margin-left:35px;
}

/** archive details page **/
.news_blog_1{
	background:#fff;
	width:100%;
	position:relative;
	margin:0 auto 50px auto;
	padding:20px 0;
	transition: transform 0.2s ;
	border-bottom:1px solid #aaa;
	color:#000;
}
.news_blog_1_a{
	display:flex;
	justify-content:space-between;
	background:#fff;
	width:100%;
	position:relative;
	transition: transform 0.2s ;
	color:#000;
}
.news_blog_1_title{
	font-size:25px;
	font-weight:bold;
	margin:10px 0;
}
.news_blog_1_text{
	font-size:16px;
	line-height:180%;
}
.news_blog_1_bun{
	text-align:left;
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	max-width:900px;
}
.news_blog_1_img{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:15px;
	overflow:hidden;
}
.news_blog_1_img img{	
	max-width:100%;
	object-fit:contain;
}
.news_single_button{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#00a7d3;
	color:#fff;
	border:1px #00a7d3 solid;
	width:250px;
	height:50px;
	border-radius:25px;
	margin:30px 0 0 auto;
	transition:color 0.2s,background 0.2s;
}
.news_single_button:hover{
	background:#fff;
	color:#00a7d3;
	border:1px #00a7d3 solid;
}

/** details **/
#toukou_content_main{
	margin:10px 0 0 0;
}
#blog_syousai_page_main{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:70px 0;
	background:#fff;
	border-radius:60px;
}
#blog_syousai_page{
	max-width:1200px;
	width:90%;
	margin:0 auto;
}

.submit1{
	border:none;
	font-size:20px;
	font-weight:bold;
	max-width:148px;
	width:90%;
	height:65px;
	color:#fff;
	border-radius:40px;
	background:#012648;
	margin:30px auto 0 auto;
}
.submit1:hover{
	opacity:0.7;cursor:pointer;
}
.triangle-right {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:0;
	height:0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #00a7d3;
}
.triangle-left {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 12px solid #00a7d3;
}

@media screen and (max-width:1024px) {
/** 1024 pagenation **/
.btn_white_single_text .text_1{
	display:none;
}
.btn_white_single{
	width:57px;
}
.btn_white_single_next{
	position:static;
}
.btn_white_single_prev{
	position:static;
}
.c_pagination_a{
	margin:0 5px;
}
	
.btn_black_single{
	width:156px;
	max-width:100%;
	height:57px;
	font-size:15px;
}

.archive_flex_1{
	display:block;
	max-width:90%;
	margin:100px auto;
}

/** archive_1024 **/
.archive_title{
	margin:100px auto 100px auto;
}
.news__blog_1{
	display:block;
	justify-content:space-between;

	width:100%;position:relative;margin:0 auto 50px auto;
	padding:20px 0;
	transition: transform 0.2s ;
}
}

@media screen and (max-width:784px) {
/** 784_archive **/
.archive_title{
	display:block;
	width:90%;
}
.archive_title_text_1{
	font-size:31px;
}
.archive_title_text_2{
	font-size:16px;
	margin-left:0;
}
#archive_main{
	display:block;
	width:100%;
}
#blog_sub{
	width:90%;
	max-width:1000px;
	position:static;
	margin:50px auto 0 auto;
}
.news_blog_1_img{
	width:100%;
	height:250px;
}
.news_blog_1_bun{
	text-align:left;
	box-sizing:border-box;
	margin:0 auto;
	max-width:580px;
	width:100%;
}
.news_blog_1_img img{
	object-fit:contain;
	width:100%;
	height:100%;
}
.news_single_button{
	margin:30px auto 0 auto;
}
}
@media screen and (max-width:650px) {
/*特集650*/
.special_flex_2{
	display:block;
}
.special_flex_2_sub{
	width:100%;
	max-width:650px;
}



}
@media screen and (max-width:430px) {
/*特集430*/
.special_flex_2{
	display:block;
}
.special_space_2{
	display:block;height:20px;
}
.special_btn_margin{
	margin:70px auto 200px auto;
}	
/*イベント430*/
.event_space{
	height:50px;	
}
.event_space_2{
	display:block;height:20px;
}
.event_space_3{
	display:inline;height:0;
}
}