body{
  background-image:
    linear-gradient(rgba(255,255,255,0.55), rgba(255,255,255,0.55)),
    url('./back.png') !important;
  background-repeat: repeat, repeat !important;
  background-size: auto, auto !important;
  background-blend-mode: normal !important;
  background-color: transparent !important;
}

header {
	.logo {
		text-align: left;
	}
	.menu {
		position: absolute;
		top: 1%;
		right: 5%;
		ul li {
			list-style: none;
			float: left;
			margin-left: 10px;
		}
	}
	padding-bottom: 5%;
}

main {
	
	.greeting {
		padding-top: 5%;
		padding-left: 20%;
		padding-right: 20%;
		padding-bottom: 5%;
	}
	
	.case-list {
		padding: 0 20% 5% 20%;
	}
	
	.case {
		background: rgba(255,255,255,0.8);
		padding: 15px;
		margin-bottom: 20px;
		border-left: 5px solid #5b4636;
	}
	
	.subtitle {
		background: rgba(255,255,255,0.8);
		margin-left: 5%;
		margin-right: 5%;
		text-align: center;
		font-size: 200%;
	}
	
	.maintext {
		background: rgba(255,255,255,0.8);
		margin-left: 5%;
		margin-right: 5%;
		padding-top: 5%;
		padding-left:10%;
		padding-right: 10%;
		padding-bottom: 5%;
	}
	
	.backnumber {
		text-align: center;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
}

footer {
	padding-top: 5%;
	text-align: center;
}

/* ===============================
   Smartphone Responsive Only
   =============================== */

 (max-width: 700px){

	/* 横20%パディングを解除 */
	main .greeting{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	main .case-list{
		padding-left: 5% !important;
		padding-right: 5% !important;
	}

	main .maintext{
		margin-left: 5% !important;
		margin-right: 5% !important;
		padding: 20px 5% !important;
	}
	
	main .backnumber{
		text-align: center;
		padding-top: 5%;
		padding-bottom: 5%;
		
	}

	/* メニューを固定解除（スマホで右上ズレ防止） */
	header .menu{
		position: static !important;
		text-align: center;
		margin-top: 10px;
	}

	header .menu ul{
		padding: 0;
	}

	header .menu ul li{
		float: none !important;
		display: inline-block;
		margin: 0 8px;
	}

	/* ロゴ少し大きめ */
	header .logo img{
		width: 60px !important;
	}

	/* タイトル少し小さく */
	main .subtitle{
		font-size: 170% !important;
	}

}