@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c&display=swap');

@media only screen and (max-width: 767px){
#viewCard:checked ~ .archive .archive__item, #viewNormal:checked ~ .archive .archive__item, #viewWide:checked ~ .archive .archive__item{
	width: 100%;
	display: flex;
	align-items: flex-start;
	padding: 10px;
	margin-right: 0;
	position: relative;
}
#viewCard:checked ~ .archive .archive__item{
	margin-right:15px;
}
.archive .eyecatch {
	position: unset;
	max-width: 160px;
	min-height: 90px;
	margin-bottom:0;
}
#viewNormal:checked ~ .archive .eyecatch {
	max-width: 160px;
}
.archive .eyecatch__cat a {
	padding: 5px 7.5px;
	font-size: .9rem;
}
.archive .eyecatch__link {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 160px;
	height: 90px;
}
.archive .heading-secondary {
	font-size: 1rem;
	margin-bottom: 0;
}
.archive__contents {
	width: 100%;
	margin-left: 15px;
}
.archive__contents .btn{
	margin-top:10px;
}
.archive .heading a {
	font-size: 1.3rem;
}
.archive .dateList {
	margin-bottom: 7px;
}
.archive .dateList__item{
	font-size:1.1rem;
}
.archive .eyecatch__link-maskzoomrotate:hover img, .archive .eyecatch__link:hover img{
	transform: scale(1) rotate(0deg);
}
.controller__viewLabel{
	display:none
}
}
@media only screen and (max-width: 480px){
.archive .eyecatch, #viewNormal:checked ~ .archive .eyecatch{
	max-width:90px;
}
.archive .eyecatch__link {
	width:90px;
}
}

/*--------------------------------------
  もしもの簡単リンクのカスタマイズ
--------------------------------------*/
.easyLink-box {
	margin: 0 0 1.5em!important;
}
.easyLink-info-btn {
	display: inline!important;
}
.easyLink-info-btn a{
	margin: 5px 10px 5px 0!important;
	padding: 0 12px!important;
    line-height: 35px!important;
	display: inline-block!important;
	width: 100%!important;
	box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
	font-size: 1em!important;
}
.easyLink-info-btn-amazon{
	background:#ffb36b!important;
}
.easyLink-info-btn-rakuten{
	background:#ea7373!important;
}
.easyLink-info-btn-yahoo{
	background:#73c1ea!important;
}
.easyLink-info-btn a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    padding-right: 3px;
}
@media screen and (max-width: 480px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width: 100%!important;
		position: relative;
	}
	.easyLink-info-btn a:before {
		padding-right: 5px;
		right: 5px;
		position: absolute;		
	}
}

@media screen and (max-width: 480px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width: 100%!important;
		position: relative;
	}
	.easyLink-info-btn a:before {
		padding-right: 5px;
		right: 5px;
		position: absolute;		
	}
}