/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20180113
*/
@import url('/wp-content/themes/affinger4/style.css');

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media only screen and (min-width: 960px) {
	main {
		padding: 30px 20px 30px 0;
	}
/*-- ここまで --*/
}



/*--card --*/
	.kanren.ichiran dl,
	.kanren.ichiran dl:last-child {
		border: 1px solid #ccc;
		float: left;
		height: 390px;
		margin: 0 1% 2.5%;
		overflow: hidden;
		padding-bottom: 20px;
		width: 47.6%;
		position:relative;
	}
	.kanren.ichiran.kadomaru img {
		border-radius:0;
	}
	.kanren.ichiran dt {
		height: 200px;
		overflow: hidden;
		width: 100%;
	float:none;
	}
	.kanren.ichiran dt img {
		width: 100%;
	}
	.kanren.ichiran dd {
		padding: 15px;
	}
	
	.kanren.ichiran dd p {
		line-height: 1.8em;
	}
	.kanren.ichiran h3 {
		margin-top:10px;
	}
	.kanren.ichiran dl a:after {
		background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
		bottom: 0;
		content: "";
		display: block;
		height: 2.5em;
		position: absolute;
		width: 100%;
	}
	
	@media only screen and (max-width: 600px) {
		.kanren.ichiran dl,
		.kanren.ichiran dl:last-child {
			float: none;
			width: 100%;
			margin: 0 0 5%;
			height:auto;
		}
	}

/* header */	
	header .sns {
		padding-bottom:0;
	}
	header .sns li,
	footer .sns li {
		width:auto;
	}
	header .sns li a,
	footer .sns li a {
		display: block;
		height: auto;
		line-height: 0;
		padding: 10px;
		position: static;
		width: auto;
		box-shadow:0 0 0 !important;
		margin:3px;
	}
	header .sns .fa-hatena, footer .sns .fa-hatena {
		margin-top:0 !important;
	}
	header .sns .twitter a,
	header .sns .facebook a,
	header .sns .googleplus a,
	header .sns .pocket a,
	header .sns .hatebu a,
	header .sns .line a,
	footer .sns .twitter a,
	footer .sns .facebook a,
	footer .sns .googleplus a,
	footer .sns .pocket a,
	footer .sns .hatebu a,
	footer .sns .line a {
		background-color:#999;
		color:#fff !important;
	}
	header .sns .twitter a:hover{
		background-color:#55acee;
		color:#fff;
	}
	header .sns .facebook a:hover{
		background-color:#3b5998;
	}
	header .sns .googleplus a:hover{
		background-color:#dc4e41;
	}
	header .sns .pocket a:hover{
		background-color:#f03e51;
	}
	header .sns .hatebu a:hover{
		background-color:#00a5de;
	}
	header .sns .line a:hover {
		background-color:#25af00;
	}
	header .sns li a .fa,
	footer .sns li a .fa {
		border-right: 0 none;
		padding-right: 0;
		width: 15px;
		
	}
	header .sns .fa-hatena,
	footer .sns .fa-hatena {
		border-right: 0 none;
		display: block;
		margin-top: 8px;
		padding: 0;
		width: 17px;
	}
	header .descr,
	footer .descr {
		font-size: 12px;
		line-height: 0;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	header .snstext,
	footer .snstext {
		display: none;
	}
@media only screen and (min-width: 960px) {
	header .sitename {
		margin-bottom:0;
	}
	#header-r {
		width:310px;
		padding-top:8px;
	}
	#header-l {
		max-width: 500px;
	}

	/* header sns */
	footer .headerSns {
		display:none;
	}
}

/* eyecatch */
.st-eyecatch {
    margin: 0 !important;
}


@media only screen and (min-width: 960px) {
	/* ヘッダーメニュー */
	header .smanone ul.menu li {
		width:33.33333333333333%; /* 項目数によって数字を変える「100÷メニュー数」 */
	}
	header .smanone ul.menu ul li {
		width:100%;
	}
}