@charset "shift-jis";

/* contents
---------------------------------------------------------- */
ul.m-bnr_brew01,
ul.m-bnr_brew02 {
	width: 100%;
	font-size: 0;
}
	ul.m-bnr_brew01 li,
	ul.m-bnr_brew02 li {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10 preview */
		background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		display: inline-block;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	ul.m-bnr_brew01 li:not(:target),
	ul.m-bnr_brew02 li:not(:target) {
		filter: none\9; /* IE9 */
	}
	ul.m-bnr_brew01 li {
		width: 182px;
		font-size: 14px;
		text-align: center;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 20px 0 10px;
		margin-left: 14px;
	}
	ul.m-bnr_brew01 li:first-child {
		margin: 0;
	}
		ul.m-bnr_brew01 li img {
			vertical-align:bottom;
		}
		ul.m-bnr_brew01 li h2 {
			font-size: 14px;
			margin: 25px 0 20px;
		}
			ul.m-bnr_brew01 li h2 span {
				font-size: 13px;
				font-weight: normal;
			}
		ul.m-bnr_brew01 li p.m-btn_brew {
			margin-top: 10px;
		}
		
	ul.m-bnr_brew02 li {
		width: 378px;
	}
	ul.m-bnr_brew02 li:nth-child(even) {
		margin-left:14px;
	}
	ul.m-bnr_brew02 li:nth-child(n+3) {
		margin-top: 15px;
	}
		ul.m-bnr_brew02 li h2,	
		ul.m-bnr_brew02 li p {
			vertical-align: middle;
			display: table-cell;
		}
		ul.m-bnr_brew02 li h2 {
			font-size: 18px;
		}
			ul.m-bnr_brew02 li h2 span {
				font-size: 16px;
				font-weight: normal;
			}
		ul.m-bnr_brew02 li p.m-icon_brew {
			width: auto;
			width: -webkit-calc(20% - 30px);
			width: -moz-calc(20% - 30px);
			width: calc(20% - 30px);
			height: auto;
			padding: 0 15px;
		}
		ul.m-bnr_brew02 li h2 {
			width: 60%;
			text-align: left;
			padding: 5px 0;
		}
		ul.m-bnr_brew02 li p.m-img_brew {
			width: 20%;
			text-align: right;
		}
			ul.m-bnr_brew02 li p img {
				width: 100%;
			}
			ul.m-bnr_brew02 li p.m-icon_brew img {
				max-width: 70px;
			}

a.m-over_brew {
	color: #000;
	text-decoration: none;
}

.bl-hover p.m-img_brew img,
a.m-over_brew:hover p.m-img_brew img {
	opacity: 0.75;
}
.bl-hover:hover .m-btn_box {
	background-color: #F9F2D9!important;
	text-decoration: none;
}

/* 配下ページ */
.m-main_img.m-main_brew {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 15px;
}
	.m-main_img p {
		font-size: 115%;
		line-height: 1.5;
		text-align: left;
	}
.m-txt_box01 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
	.m-txt_box01 img { border:1px solid #cdcdcd; }
.m-title04{
	color:#bc1602;
	margin-bottom:10px;
}
.m-box_yellow ul{
	padding:0 0 0 20px;
}
.m-box_yellow ul li{
	list-style-position:outside;
	list-style-type: disc;
	margin:0 0 10px;
}


/* スマホ表示：横幅767px */
@media screen and (max-width: 767px){
	ul.m-bnr_brew01 li,
	ul.m-bnr_brew02 li {
		width: 100%;
		display: table;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 0;
		margin: 15px 0 0;
	}
	ul.m-bnr_brew01 li:first-child,
	ul.m-bnr_brew02 li:first-child {
		margin: 0;
	}
	ul.m-bnr_brew02 li:nth-child(even) {
		margin: 15px 0 0;
	}
		ul.m-bnr_brew01 li h2,	
		ul.m-bnr_brew01 li p {
			vertical-align: middle;
			display: table-cell;
		}
		ul.m-bnr_brew01 li h2 {
			font-size: 18px;
		}
			ul.m-bnr_brew01 li h2 span {
				font-size: 16px;
			}
		ul.m-bnr_brew01 li p.m-btn_brew {
			display: none;
		}
		ul.m-bnr_brew01 li p.m-icon_brew {
			width: auto;
			width: -webkit-calc(20% - 30px);
			width: -moz-calc(20% - 30px);
			width: calc(20% - 30px);
			height: auto;
			padding: 0 15px;
		}
		ul.m-bnr_brew01 li h2 {
			width: 60%;
			text-align: left;
			padding: 5px 0;
		}
		ul.m-bnr_brew01 li p.m-img_brew {
			width: 20%;
			text-align: right;
		}
			ul.m-bnr_brew01 li p img {
				width: 100%;
			}
			ul.m-bnr_brew01 li p.m-icon_brew img {
				max-width: 70px;
			}

	/* 配下ページ */			
	.m-main_img p {
		font-size:90% !important;
		margin: 0 20px;
	}

}
@media screen and (max-width: 480px){
	.m-main_img p {
		margin: 0 10px;
	}
	ul.m-bnr_brew01 li h2,
	ul.m-bnr_brew02 li h2 {
		font-size: 16px;
	}
		ul.m-bnr_brew01 li h2 span,
		ul.m-bnr_brew02 li h2 span {
			font-size: 14px;
		}
}
@media screen and (max-width: 320px){
		ul.m-bnr_brew01 li p.m-icon_brew {
			width: auto;
			width: -webkit-calc(20% - 20px);
			width: -moz-calc(20% - 20px);
			width: calc(20% - 20px);
			padding: 0 10px;
		}
}