@charset "utf-8";

/*=================================
	sake_enjoy.css
================================ */
#contents {
	background: url(/product/sake/images/com_bg03.gif) repeat-y 0 100%;
	box-shadow:rgba(204, 204, 204, 0.3) 0px 0px 10px 3px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.3) 0px 0px 10px 3px;
	-moz-box-shadow:rgba(204, 204, 204, 0.3) 0px 0px 10px 3px;
}
#mainArea {
	padding: 0;
	background: none;
	border-radius: 0;
}
#mainArea.noSlide {
	padding: 0;
}
#bodyArea {
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: none;
}
#bodyArea.indexLayout {
	margin-top: 0;
	padding: 20px 20px 30px;
}
#bodyArea.indexLayout > *:first-child {
	margin-top: 0;
}

/* common */
.heading02 {
	overflow: hidden;
	padding: 0;
	background: url(/product/sake/images/com_bg05.png) no-repeat 0 0;
	background: url(/product/sake/images/com_bg04.png) no-repeat 0 100%,  url(/product/sake/images/com_bg05.png) no-repeat 0 0;
	border: none;
	border-radius: 8px;
}
.heading02 span {
	overflow: hidden;
	padding: 8px 10px 8px 40px;
	background: url(/product/sake/images/com_ic02.png) no-repeat 0 50%;
	border: none;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
}
.heading03 {
	padding-top: 10px;
	padding-left: 0;
	background: url(/product/sake/enjoy/images/com_bg02.png) no-repeat 0 0;
}
.heading03 span {
	display: block;
	padding: 0 0 10px 15px;
	background: url(/product/sake/enjoy/images/com_bg03.png) no-repeat 0 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #1d2e79;
}
.heading04 {
	padding: 0 0 8px 25px;
	background: url(/product/sake/enjoy/images/com_ic01.png) no-repeat 0 0.2em;
	border: none;
	border-bottom: dashed 1px #abbbc5;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.columnTitle {
	overflow: hidden;
	border-radius: 5px;
}
.columnTitle .inner {
	padding: 17px 0 45px;
}
.columnTitle .inner p {
	margin-left: 25px;
}
.columnTitle .inner .catch {
	margin-top: 15px;
}
.columnTitle .inner .txt {
	width: 430px;
	margin-top: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
.bgBox01,
.bgBox02 {
	margin-top: 30px;
	padding: 20px;
	background: rgba(238, 227, 209, 0.5);
	border-radius: 5px;
}
.bgBox01 > *:first-child,
.bgBox02 > *:first-child {
	margin-top: 0;
}
.bgBox01 .title {
	padding: 0 0 8px;
	background: url(/product/sake/enjoy/images/com_bg01.png) no-repeat 0 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #452f09;
}
.bgBox02 .title {
	padding: 0 0 8px;
	background: url(/product/sake/enjoy/images/com_bg04.png) no-repeat 0 100%;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #452f09;
}
.figureCol01 .howTo {
	margin-top: 10px !important;
	padding-bottom: 8px;
	border-bottom: dashed 1px #abbbc5;
}
.figureCol01 .howTo dt {
	float: left;
	width: 84px;
	margin-right: 10px;
	padding: 3px 0;
	background: url(/product/sake/enjoy/images/com_ic02.png) no-repeat 0 0;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #ffffff;
}
.figureCol01 .howTo dd {
	overflow: hidden;
	zoom: 1;
	padding: 5px 0;
	font-size: 14px;
	font-size: 1.4rem;
}

/* index.html */
.headingBlock {
	position: relative;
	width: 974px;
	height: 274px;
	background: url(/product/sake/enjoy/images/index_bg01.png) no-repeat 0 100%;
}
.headingBlock .heading {
	position: absolute;
	top: 24px;
	left: 0;
}
.headingBlock .newColumnBox .newColumn {
	position: absolute;
	top: 14px;
	left: 653px;
	margin-top: 0;
}
.headingBlock .newColumnBox .newColumn a:hover img {
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.headingBlock .newColumnBox .newIcon {
	position: absolute;
	top: 5px;
	left: 633px;
	margin-top: 0;
}
#bodyArea.indexLayout .heading02 {
	background: none;
	border: none;
	border-radius: 0;
}
#bodyArea.indexLayout .backNumList {
	margin-top: 0;
}
#bodyArea.indexLayout .backNumList li {
	float: left;
	margin: 15px 15px 0 0;
}
#bodyArea.indexLayout .backNumList li:nth-child(3n) {
	margin: 15px 0 0 0;
}

/* column */
.columnTitle.vol1 {
	background: url(/product/sake/enjoy/images/column01_bg01.gif) no-repeat 0 100%;
}
.columnTitle.vol1 .inner {
	background: url(/product/sake/enjoy/images/column01_bg02.png) no-repeat 0 0;
}
.columnTitle.vol2 {
	background: url(/product/sake/enjoy/images/column02_bg01.gif) no-repeat 0 100%;
}
.columnTitle.vol2 .inner {
	background: url(/product/sake/enjoy/images/column02_bg02.png) no-repeat 0 0;
}
.columnTitle.vol3 {
	background: url(/product/sake/enjoy/images/column03_bg01.png) no-repeat 0 100%;
}
.columnTitle.vol3 .inner {
	padding: 17px 0 65px;
	background: url(/product/sake/enjoy/images/column03_bg02.png) no-repeat 0 0;
}
.columnTitle.vol4 {
	background: url(/product/sake/enjoy/images/column04_bg01.png) no-repeat 0 100%;
}
.columnTitle.vol4 .inner {
	position: relative;
	min-height: 203px;
	background: url(/product/sake/enjoy/images/column04_bg02.png) no-repeat 0 0;
	box-sizing: content-box;
}
.columnTitle.vol4 .inner .picture {
	position: absolute;
	top: 0;
	right: 0;
}
.columnTitle.vol5 {
	background: url(/product/sake/enjoy/images/column05_bg01.png) no-repeat ;
}
.columnTitle.vol5 .inner {
	background: url(/product/sake/enjoy/images/column05_il01.png) no-repeat 0 0;
	padding: 17px 0px 76px;
}
.columnTitle.vol5 .equalThreeCol01 .col {
    float: left;
    width: 216px;
    margin: 30px 13px 0px 0px;
}
.productInfoList li {
	background-color: #ffffff;
}
.columnTwoCol01 {
	width: 696px;
	margin-right: -22px;
}
.columnTwoCol01 .col {
	float: left;
	width: 326px;
	margin: 15px 22px 0 0;
}


/* rightNavi */
#rightNavi dt {
	padding: 12px 0;
	background: #765821 url(/product/sake/enjoy/images/com_bg05.gif) no-repeat 0 100%;
	line-height: 1.2;
}
#rightNavi dt a {
	color: #ffffff;
}
#rightNavi .rightNavilinks > li > a {
	background-color: #ffffff;
	border-right: none;
	border-left: none;
	color: #1d2e79;
}
#rightNavi .rightNavilinks > li.current > a {
	/*Other Browser*/
	background: #e1b96d url(/common_renew/images/com_ic01.png) no-repeat 15px 50%;
	/*For Old WebKit*/
	background: url(/common_renew/images/com_ic01.png) no-repeat 15px 50%, -webkit-linear-gradient(#e1b96d 0%, #f2e4cb 40%, #ffffff 100%);
	/*For Modern Browser*/
	background: url(/common_renew/images/com_ic01.png) no-repeat 15px 50%, linear-gradient(#e1b96d 0%, #f2e4cb 40%, #ffffff 100%);
}
#rightNavi .rightNavilinks > li.current:last-child > a {
	border-bottom: none;
}
#rightNavi .rightNavilinks > li > a span {
	display: block;
	width: 58px;
	padding: 1px 0;
	background: url(/product/sake/enjoy/images/com_ic03.png) no-repeat 0 50%;
	color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
}

@media only screen and (max-width: 973px) {
	.headingBlock {
		display: table;
		width: 100%;
		height: 226px;
	}
	.headingBlock .heading {
		position: static;
		display: table-cell;
		width: 70%;
		padding: 10px 0 0;
	}
	.headingBlock .newColumnBox {
		position: relative;
		display: table-cell;
		width: 30%;
		padding: 10px 10px 0 0;
		vertical-align: top;
	}
	.headingBlock .heading img,
	.headingBlock .newColumnBox .newColumn img {
		width: 100%;
		height: auto;
	}
	.headingBlock .newColumnBox .newColumn {
		position: static;
	}
	.headingBlock .newColumnBox .newIcon {
		top: 5px;
		left: -10px;
		width: 60px;
	}
	#bodyArea.indexLayout .backNumList li {
		width: 32%;
		margin: 2% 2% 0 0;
	}
	#bodyArea.indexLayout .backNumList li:nth-child(3n) {
		margin: 2% 0 0 0;
	}
	.heading03,
	.heading03 span {
		background-size: contain;
	}
	.columnTwoCol01 {
		max-width: 100%;
		margin: 0;
	}
	.columnTwoCol01 .col {
		float: none;
		max-width: 100%;
		margin: 10px auto 0 auto;
	}
	.columnTitle.vol4 .inner {
		min-height: 0;
		box-sizing: border-box;
	}
	.columnTitle.vol4 .inner .picture {
		display: none;
	}
	.columnTitle.vol5 {
	background: none;
	}
	.columnTitle.vol5 .inner {
	background: url(/product/sake/enjoy/images/column05_bg02.png) no-repeat 0 0;
	padding: 10px 0px 20px !important;
	}
	.columnTitle.vol5 .equalThreeCol01 .col {
    width: 32% !important;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.heading02 span {
		padding: 8px 10px 8px 20px;
	}
	.figureCol01 .imgL,
	.figureCol01 .imgR {
		text-align: center;
	}
	.headingBlock {
		height: auto;
		background-size: 150% 150%;
	}
	.headingBlock .heading {
		width: 100%;
		padding-bottom: 15px;
	}
	.newColumnBox {
		position: relative;
	}
	.newColumnBox .newColumn,
	.newColumnBox .newIcon {
		margin-top: 0;
	}
	.newColumnBox .newIcon {
		position: absolute;
		top: -5px;
		left: -10px;
	}
	.backNumHead {
		margin-top: 20px;
	}
	#bodyArea.indexLayout .backNumList li {
		width: 100%;
		margin-right: 0;
	}
	.columnTitle,
	.columnTitle .inner {
		background-size: cover;
	}
	.columnTitle .inner {
		padding: 10px 0 20px !important;
		background-position: 0 -20px !important;
	}
	.columnTitle .inner p {
		margin-right: 10px;
		margin-left: 10px;
	}
	.columnTitle .inner .catch {
		margin-top: 10px;
	}
	.columnTitle .inner .txt {
		width: auto;
		margin-top: 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	#rightNavi .rightNavilinks > li > a span {
		display: inline-block;
		margin-right: 10px;
	}
	#rightNavi .rightNavilinks > li:first-child > a {
		border: none;
	}
	.columnTitle.vol5 .equalThreeCol01 .col {
    width: 100% !important;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
}


/*=================================
	clearfix
=================================*/
.headingBlock:after,
#bodyArea.indexLayout .backNumList:after,
.figureCol01 .howTo:after,
.columnTwoCol01:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}