@charset "utf-8";

/*
font-family:'Frutiger LT W01_55 Roma1475738';
font-family:'AXIS ProN W55 UL';
font-family:'AXIS ProN W55 EL';
font-family:'AXIS ProN W55 L';
font-family:'AXIS ProN W01 R';
font-family:'Cardamon W01 Regular';
font-family:'NPNewsMIWA-Th';
*/



/*
====================================================
■ init anim
====================================================
*/




/*
====================================================
■ common oberride
====================================================
*/
a ,
a:visited
 {
  color: #FFF;
}

a:hover
 {
  color: #808080;
}




/*
====================================================
■ common
====================================================
*/
body{
	 -webkit-font-smoothing: antialiased;
}

a.tlink {
	color: #ffff00;
}

.detail .entrybody a.tlink {
	line-height: 0.5;
}

/*
====================================================
■ PC
====================================================
*/
@media screen and (min-width: 769px){
	
	.spcLeft {
		padding-left: 100px;
	}
	.column2{
	    display: flex;
		justify-content: space-between;
		margin: 20px 0px;
	}
	.column2 div.cell{
		width: 48%;	
	}
	header {
		padding-top: 100px;	
		margin-bottom: 100px;
	}
	
	header .logo {
		background: url(/images/common/logo.png) no-repeat center top;
		width: 34px;
		height: 45px;
		text-indent: -9999px;
		float: left;
	}
		header .logo a {
			display: block;
			width: 34px;
			height: 45px;
		}
	
	header nav.head {
		font-family:'Cardamon W01 Regular';
		font-size: 1.1rem;
		float: left;
		margin-top: 10px;
		margin-left: 125px;
	}
		header nav.head li {
			float: left;
			margin-right: 50px; 
		}
		
	
	h2.title {
		font-family:'AXIS ProN W01 R';
		font-size: 18px;
		letter-spacing: 0.1em;
		margin-bottom: 100px;
	}
		h2.title span {
			font-family:'Cardamon W01 Regular';
			font-size: 12px;
			line-height: 1.4;
			letter-spacing: 0.1em;
			margin-top: 80px;
			color: #595757;
			margin-bottom: 5px;
			font-weight: normal;
		}
	h2.title.none {
		margin-bottom: 0;
	}
		

	
	
	/* pager */
	nav .pager {
	}
	
		nav.pager li {
			float: left;
			margin-right: 40px;
		}
			nav.pager a {
				display: block;
				background: url(/images/blog/nav-pageing.png) no-repeat left top;
				height: 16px;
			}
			nav.pager .prev a {
				width: 7px;
			}
			nav.pager .next a {
				width: 7px;
				background-position-x: -20px;
			}
			nav.pager .list a {
				width: 13px;
				background-position-x: -7px;
			}
				nav.pager a:hover {
					background-position-y: -16px;
				}
	
	
	/* フッター */
	footer {
		margin-top: 200px;
		font-family:'Cardamon W01 Regular';
	}
	
		footer .logo {
			float: left;
		}
			footer .logo a {
				background: url(/images/common/footer-logo.png) no-repeat left top;
				display: block;
				height: 40px;
				width: 137px;
			}
			footer .logo a:hover {
				background-position-y: -40px;
			}
		footer nav {
			float: left;
			margin-left: 50px;
			margin-top: 24px;
		}
			footer nav li {
				float: left;
				margin-right: 45px;
			}
				footer nav li a, 
				footer nav li a:visited
				 {
					color: #595757;
				}
				footer nav li a:hover
				 {
					color: #333;
				}
	
		footer .copy {
			clear: both;
			padding-top: 60px;
			padding-bottom: 50px;
		}
		
		
	/* ページトッップ */
	#Pagetop {
		position: absolute;
		right: 100px;
		margin-top: -150px;
	}
		#Pagetop a {
			display: block;
			height: 13px;
			width: 32px;
			background: url(/images/common/btn-pagetop.png) no-repeat left top;
		}
		#Pagetop a:hover {
			background-position-y: -13px;
		}
		
	/* 年賀2018 */
	.entrybody .bnr {
		margin-top: 80px;
	}
		.entrybody .bnr a {
			display: block;
			width: 960px;
			height: 400px;
			background: url(http://drippers.co.jp/wonder/images/pc/banner/blog.jpg) no-repeat left top;
			background-size: 960px 800px;
		}
		.entrybody .bnr a:hover {
			background-position-y: -400px;
		}
			.entrybody .bnr a img {
				display: none;
			}
		
		.entrybody .otherlink {
			line-height: 2;
		}
		.entrybody .otherlink a,
		.entrybody .otherlink span {
			color: #00ffbf;
		}
		.entrybody .otherlink span {
			line-height: 4;
		}
		.entrybody .otherlink a:hover {
			color: #028564;
		}
		
		
		/* 2周年 */
		.entrybody .bnr2nd {
			margin-top: 80px;
		}
			.entrybody .bnr2nd a {
				display: block;
				width: 460px;
				height: 100px;
				background: url(http://drippers.co.jp/images/blog/upload/entries/201806072nd/2nd-btn.jpg) no-repeat left top;
				background-size: 460px 200px;
			}
			.entrybody .bnr2nd a:hover {
				background-position-y: -100px;
			}
				.entrybody .bnr2nd a img {
					display: none;
				}
		
}

/*
====================================================
■ SP
====================================================
*/
@media screen and (max-width: 768px){
	
	.spcLeft {
		padding-left: 25px;
	}
	.column2{
		margin: 20px 0px;
	}
    header {
		padding-top: 40px;	
		margin-bottom: 50px;
	}

	header .logo {
		background: url(/images/common/logo-sp.png) no-repeat center top;
		background-size: 20px 27px;
		width: 20px;
		height: 27px;
		text-indent: -9999px;
		float: left;
	}
		header .logo a {
			display: block;
			width: 20px;
			height: 27px;
		}
	
	header nav.head {
		font-family:'Cardamon W01 Regular';	
		float: right;
		margin-right: 25px;
		margin-top: 3px;
	}
		header nav.head li {
			float: left;
			margin-left: 25px;
		}
		header nav.head li .first {
			margin-left: 0;
		}
		
		h2.title {
			font-family:'AXIS ProN W01 R';
			font-size: 18px;
			margin-bottom: 50px;
		}
			h2.title span {
				font-family:'Cardamon W01 Regular';
				font-size: 10px;
				color: #595757;
				font-weight: normal;
				letter-spacing: 0.1em;
			}
		h2.title.none {
			margin-bottom: 0;
		}

		
		
		/* pager */
		nav.pager {
			width: 125px;
			margin: 0 auto;
			padding-left: 0;
		}
		
			nav.pager li {
				float: left;
				margin-right: 40px;
				width: 15px;
				height: 20px;
			}
			nav.pager li:last-child {
				margin-right: 0;
			}
			
			
				nav.pager a {
					display: block;
					background: url(/images/blog/nav-pageing-sp.png) no-repeat left top;
					background-size: 45px 20px;
					height: 20px;
				}
				nav.pager .prev a {
					width: 15px;
				}
				nav.pager .next a {
					width: 15px;
					background-position-x: -30px;
				}
				nav.pager .list a {
					width: 15px;
					background-position-x: -15px;
				}
				
				
	/* フッター */
	footer {
		margin-top: 100px;
		font-family:'Cardamon W01 Regular';
		padding-right: 25px;
	}
	
		footer .logo {
			float: left;
		}
			footer .logo a {
				background: url(/images/common/footer-logo-sp.png) no-repeat left top;
				background-size: 107px 31px;
				display: block;
				height: 31px;
				width: 107px;
			}
		footer nav.sns {
			float: right;
			margin-top: 11px;
		}
			footer nav.sns li {
				float: left;
				margin-left: 33px;
			}
				footer nav.sns li a {
					display: block;
					background: url(/images/common/btn-sns-sp.png) no-repeat left top;
					background-size: 63px 21px;	
					text-indent: -9999px;
					height: 21px;
					width: 21px;
				}
				footer nav.sns li.fb a {
					background-position-x: 0;
				}
				footer nav.sns li.tw a {
					background-position-x: -21px;
				}
				footer nav.sns li.in a {
					background-position-x: -42px;
				}
	
		footer .copy {
			clear: both;
			padding-top: 20px;
			padding-bottom: 10px;
			font-size: 80%;
		}
		
		/* ページトッップ */
		#Pagetop {
			position: absolute;
			right: 25px;
			margin-top: -23px;
		}
			#Pagetop a {
				display: block;
				height: 7px;
				width: 16px;
				background: url(/images/common/btn-pagetop.png) no-repeat left top;
				background-size: 16px 13px;
			}
			
			
	/* 年賀2018 */
	.entrybody .bnr {
		margin-top: 30px;
	}
		.entrybody .bnr a {
			background: none;
		}
			.entrybody .bnr a img {
				width: 100%;
			}	
	
	.entrybody .otherlink {
			line-height: 2;
		}
		.entrybody .otherlink a,
		.entrybody .otherlink span {
			color: #00ffbf;
		}
		.entrybody .otherlink span {
			line-height: 4;
		}
		.entrybody .otherlink a:hover {
			color: #028564;
		}
		
}