@media print,screen {

	/* トップパネルのデザイン */
	ul.toppanel_list {
		list-style-type: none;
		margin: 0;
		position: absolute;
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		left: 0;
		width: -webkit-calc( 100vw - 17px );
		width: -moz-calc( 100vw - 17px );
		width: -ms-calc( 100vw - 17px );
		width: -o-calc( 100vw - 17px );
		width: calc( 100vw - 17px );
	}
	.sp_design ul.toppanel_list {
		width: 100vw;
	}
	.entry-content .toppanel_list {
		list-style-type: none;
		margin: 0;
	}
	.entry-content .toppanel_list > li {
		flex-basis: 100%;
	}
	.entry-content .toppanel_list > li.top33list {
		flex-basis: 50%;
	}
	.entry-content .toppanel_list > li .panel_inner {
		position: relative;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.entry-content .toppanel_list > li .panel_inner > .wrap {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.entry-content .toppanel_list > li .panel_inner[style*="background-image"] {
		background: no-repeat center / cover;
	}
	.entry-content .toppanel_list > li .panel_inner > .wrap  p {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.entry-content .toppanel_list > li.top33list .panel_inner > .wrap  p {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink {
		display: table;
		position: absolute;
		right: 20px;
		top: 15px;
		width: auto;
/*		height: 80px;*/
		background: #e5a117;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		font-size: 85%;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.righttop {
		right: 20px;
		top: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.rightbottom {
		right: 20px;
		top: auto;
		bottom: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.leftbottom {
		right: auto;
		left: 20px;
		top: auto;
		bottom: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.lefttop {
		right: auto;
		left: 20px;
		top: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink span {
		padding: 5px 10px;
		display: table-cell;
		vertical-align: middle;
	}
/*
	.entry-content .toppanel_list > li:first-child .panel_inner {
		padding-top: 10px;
	}
*/
	.entry-content .toppanel_list_spacer:last-of-type {
		margin-bottom: 0!important;
	}
}
/*
@media print,screen and ( min-width: 400px ) {
	.entry-content .toppanel_list > li.top33list {
		flex-basis: 50%;
	}
}
*/
@media print,screen and ( min-width: 768px ) {
	/* toppanel_list  */
	.entry-content .toppanel_list > li .panel_inner .panellink.righttop {
		right: 45px;
		top: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.rightbottom {
		right: 45px;
		top: auto;
		bottom: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.leftbottom {
		right: auto;
		left: 45px;
		top: auto;
		bottom: 15px;
	}
	.entry-content .toppanel_list > li .panel_inner .panellink.lefttop {
		right: auto;
		left: 45px;
		top: 15px;
	}
}
@media print,screen and ( min-width: 1000px ) {
	.entry-content .toppanel_list > li.top33list {
		flex-basis: 33.3%;
	}
}