@charset "utf-8";

/*=================================
	umeshu_make.css
================================ */

#bodyArea {
	background: url(/product/umeshu/make/images/com_bg01.gif) repeat-y 0 0;
}

/* heading */
.heading01 {
	padding: 5px;
	background: url(/product/umeshu/make/images/com_bg03.gif) repeat 0 0;
	border-radius: 5px;
	border: none;
}
.heading01 span {
	display: block;
	padding: 10px 15px;
	background: url(/product/umeshu/make/images/com_bg02.png) no-repeat 100% 100%;
	border: dashed 1px #e5ebcc;
	border-radius: 3px;
	color: #ffffff;
	text-shadow: 2px 2px 1px #788f31; 
	font-size: 24px;
	font-size: 2.4rem;
}
.heading02 {
	position: relative;
	margin-top: 40px;
	padding: 8px 5px 5px 35px;
	background: url(/product/umeshu/make/images/com_ic03.png) no-repeat 15px 50%;
	border: dashed 2px #99b30b;
	border-radius: 5px;
	color: #7da500;
}
.heading02 .arrow {
	position: absolute;
	left: 4%;
	bottom: -10px;
}
.anchorLink01.umeshuMakeType01 {
	margin-top: 20px;
	background: #e9f3ba;
	box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
}
.anchorLink01.umeshuMakeType01 li a {
	padding: 4px;
	background: url(/product/umeshu/make/images/com_bg03.gif) repeat 0 0;
	border: none;
	border-radius: 5px;
	color: #ffffff;
}
.anchorLink01.umeshuMakeType01 li a span {
	display: block;
	padding: 5px 0 10px;
	border: dashed 1px #fcfaf5;
	border-radius: 3px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 1px #788f31;
}
.anchorLink01.umeshuMakeType01 li a .arrow {
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.anchorLink01.umeshuMakeType01 li em {
	width: 1.7em;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 1px 0;
	background: #ffe04f;
	border-radius: 13px;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
	color: #658d00;
	text-align: center;
	text-shadow: none;
	vertical-align: 4px;
}
.numList01.umeshuMakeType01 li .number {
	background: #ffe04f;
	color: #658d00;
}

/*=================================
	recipe
================================ */
.recipeCol01 {
	margin-top: 20px;
	padding: 15px;
	background: #e9f3ba;
	box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(211, 217, 117, 0.75) 0px 0px 6px 3px inset;
	border-radius: 5px;
}
.recipeCol01 .basic,
.recipeCol01 .awamori,
.recipeCol01 .brandy {
	overflow: hidden;
	display: table;
	width: 100%;
	background: url(/product/umeshu/make/images/com_bg03.gif) repeat 0 0;
	border: solid 1px #6a850f;
	border-radius: 5px;
}
.recipeCol01 .awamori {
	float: left;
	width: 49%;
	margin-top: 2%;
}
.recipeCol01 .brandy {
	float: right;
	width: 49%;
	margin-top: 2%;
}
.recipeCol01 > div a {
	display: block;
	padding: 3px;
	background-image: url(/product/umeshu/make/recipe/images/index_bg03.png);
	background-repeat: no-repeat;
	color: #ffffff;
}
.recipeCol01 > div.basic a {
	background-position: -50px 50%;
}
.recipeCol01 div.awamori a {
	background-position: -115px 50%;
}
.recipeCol01 div.brandy a {
	background-position: -115px 50%;
}
.recipeCol01 > div .btnWrap {
	background: url(/common_renew/images/com_ic14.png) no-repeat 100% 100%;
	border: dashed 1px #ffffff;
}
.recipeCol01 .img {
	display: table-cell;
	height: 130px;
	padding: 10px 40px 10px 5px;
	vertical-align: middle;
}
.recipeCol01 .txt {
	display: table-cell;
	padding: 10px 10px 10px 0;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	color: #ffffff;
	vertical-align: middle;
	line-height: 1.3;
	text-shadow: 2px 2px 1px #788f31;
}
.recipeCol01 .txt span {
	display: block;
	margin-top: 5px;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
}
.recipeCol01 .txt span.bold {
	font-weight: bold;
}

/* umeshuMakeRecipeList01 */
.umeshuMakeRecipeList01 {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.umeshuMakeRecipeList_col {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: calc((100% - 15px)/2);
	align-items: center;
	background: url(/product/umeshu/make/images/com_bg03.gif) repeat 0 0;
	border: solid 1px #6a850f;
	border-radius: 5px;
}
.umeshuMakeRecipeList_col:nth-child(2n+1) {
	margin-right: 15px;
}
.umeshuMakeRecipeList_col:nth-child(n+3) {
	margin-top: 10px;
}
.umeshuMakeRecipeList_col a {
	width: 100%;
	height: 100%;
	background-position: -165px 50%;
	background-size: 100%;
}
.umeshuMakeRecipeList_col .btnWrap {
	display: -webkit-flex !important;
	display: flex !important;
	align-items: center;
	width: 100%;
	height: 100%;
}
.umeshuMakeRecipeList_col .img {
	padding: 10px 45px 10px 5px;
}


.recipeCol01 .kajitsushu {
	clear: both;
	overflow: hidden;
	margin-top: 2%;
	background: url(/product/umeshu/make/recipe/images/index_bg01.gif) repeat 0 50%;
	border: solid 1px #f39a30;
	border-radius: 5px;
}
.recipeCol01 > .kajitsushu a {
	display: block;
	padding: 3px;
	background: url(/product/umeshu/make/recipe/images/index_bg02.png) no-repeat -95px 50%;
	color: #ffffff;
}
.recipeCol01 .kajitsushu .btnWrap {
}
.recipeCol01 .kajitsushu .img {
	height: auto;
}
.recipeCol01 .kajitsushu .txt {
	text-shadow: 2px 2px 1px #d4851c;
}


/*=================================
	index
================================ */
/* heading */
.umeshuMakeIndex {
	position: relative;
	height: 975px;
	background: url(/product/umeshu/make/images/index_bg01.jpg) no-repeat 0 0;
}
.umeshuMakeIndex .heading {
	position: absolute;
	top: 60px;
	left: 50px;
	display: inline-block;
	padding: 10px 3px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}
.umeshuMakeIndex .heading_sub {
	position: absolute;
	top: 20px;
	left: 50px;
	display: inline-block;
	padding: 10px 3px;
}
.umeshuMakeIndex .txt {
	position: absolute;
	top: 130px;
	left: 50px;
	width: 656px;
	margin-top: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
}
.umeshuMakeIndex .img {
	position: absolute;
	top: 25px;
	right: 40px;
}
.umeshuMakeIndex .btnList {
	position: absolute;
	top: 300px;
	left: 40px;
	width: 894px;
}
.umeshuMakeIndex .btnList li:first-child {
	float: left;
}
.umeshuMakeIndex .btnList li:nth-child(2) {
	float: right;
}
.umeshuMakeIndex .btnList li:nth-child(3) {
	margin-top: 20px;
	float: left;
}
.umeshuMakeIndex .btnList li:nth-child(4) {
	margin-top: 20px;
	float: right;
}
.umeshuMakeIndex .importantBox {
	position: absolute;
	top: 750px;
	left: 20px;
	color: #6f530b;
	background-color: #efdeb7;
	padding: 20px 20px 30px;
}
.umeshuMakeIndex .importantBox .importantTitle {
	font-weight: bold;
	margin-top: 0;
}
.umeshuMakeIndex .importantBox .importantTitle .txt_red {
	color: #cc0000;
}
.umeshuMakeIndex .importantBox a {
	color: #6f530b;
	text-decoration: underline;
}
.umeshuMakeIndex .importantBox a:hover {
	text-decoration:none;
}

/* recipe */
.materialCol {
	display: flex;
	-webkit-display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
	border-top: solid 1px #99b30b;
}
.materialCol dl {
	display: -webkit-flex;
	display: flex;
	flex-basis:50%;
	max-width: 50%;
	align-items: center;
	height: auto !important;
	border-bottom: solid 1px #99b30b;
	background: url(/product/umeshu/make/images/com_bg04.png) repeat 0 0;
}
.materialCol dl dt,
.materialCol dl dd {
	width: 50%;
	padding: 15px 10px;
	vertical-align: middle;
}
.materialCol dl dt {
	font-weight: bold;
}
.materialCol dl dt span {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
.numList01.umeshuMakeType01 {
	margin-top: 20px;
}
.numList01.umeshuMakeType01 li {
	margin-top: 0;
	padding: 15px;
}
.numList01.umeshuMakeType01 li .number {
	background: #ffe04f;
	color: #658d00;
}
.numList01.umeshuMakeType01 li .caution01 {
	display: block;
}
.numList01.umeshuMakeType01 li .noteTxt01 {
	display: block;
	margin-top: 1em;
}
.howToMake {
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #99b30b;
}
.banner {
	margin-top: 30px;
}
.calenderCol {
	width: 642px;
	margin: 0 auto;
}
.calenderCol .month,
.calenderCol .product {
	font-size: 0;
}
.calenderCol .product {
	border-bottom: solid 1px #d5bea0;
}
.calenderCol .legendList {
	display: table;
	margin-top: 10px;
}
.calenderCol .legendList li {
	display: table-cell;
	padding-right: 25px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
}
.calenderCol .legendList li img {
	margin-right: 10px;
	vertical-align: middle;
}
.calenderCol .legendList li.list01 img {
	width: 45px;
	height: auto;
	margin-right: 0;
	border: none;
}
.recommendCol01.umeshuMakeType01 {
	margin-top: 40px;
}
.recommendCol01.umeshuMakeType01 dl dt {
	padding-left: 25px;
	background: url(/product/umeshu/make/images/com_ic06.png) no-repeat 0 50%;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	color: #7da500;
	text-shadow: 1px 1px 1px #ffffff;
}
.recommendCol01.umeshuMakeType01 .productInfoList {
	margin-top: 0;
}
.recommendCol01.umeshuMakeType01 .productInfoList li {
	background-color: #ffffff;
}
.recommendCol02 {
	background: url(/product/umeshu/make/recipe/images/index_bg04.gif) repeat left top ;
	margin-top: 40px;
	border-radius:15px;
	border:5px solid #fefcf9;
}
.recommendCol02 .recommendCol02Inner{
	width:630px;
	padding:10px 0;
	margin:0 auto;
}
.heading02-01 {
	position: relative;
	padding: 8px 5px 8px 23px;
	background: url(/product/shochu/white-liquor/kajitsushu/images/com_ic11.png) no-repeat 5px 50%;
	color: #6f530b;
	font-size: 1.8rem;
	font-weight: bold;
	line-height:1.2;
}
.recommendCol02 .liquorBox .col {
    float: left;
    width: 200px;
    min-height: 135px;
    margin: 0px 5px 10px;
}
.recommendCol02 .liquorBox .col a {
    display: block;
    padding: 4px;
    background: transparent url("/product/shochu/white-liquor/kajitsushu/images/index_bg06.gif") repeat scroll 0px 0px;
    border-radius: 10px;
    color: #FFF;
}
.recommendCol02 .liquorBox .col a .img {
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 6px 6px 0px 0px;
    text-align: center;
}
.recommendCol02 .liquorBox .col a .name {
    display: block;
		padding:4px 0;
    background: transparent url("/common_renew/images/com_ic14.png") no-repeat scroll 100% 100%;
    border-width: medium 1px 1px;
    border-style: none dashed dashed;
    border-color: -moz-use-text-color #FCFAF5 #FCFAF5;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 0px 0px 6px 6px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #FFF;
    text-shadow: 2px 2px 1px #D4851C;
    text-align: center;
}
.calenderList {
	margin-top: 40px;
}
.calenderList .titleBlock {
	padding: 15px 0;
	background: #fceca1;
	background: -webkit-linear-gradient(#fceca1 0%, #ffffff 100%);
	background: linear-gradient(#fceca1 0%, #ffffff 100%);
	border-bottom: dashed 1px #cccccc;
	border-radius: 10px 10px 0 0;
}
.calenderList .titleBlock .heading03 {
	float: left;
	margin-right: 30px;
}
.calenderList .titleBlock .legendIcon01 {
	overflow: hidden;
	margin-top: 0 !important;
}
.calenderList .titleBlock .legendIcon01 li {
	display: table;
	float: left;
	margin-right: 10px;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
}
.calenderList .titleBlock .legendIcon01 li img {
	display: table-cell;
	vertical-align: middle;
}
.calenderList .titleBlock .legendIcon01 li span {
	display: table-cell;
	padding-left: 5px;
	vertical-align: middle;
}
.calenderList .imgBlock {
	padding: 15px;
	background: #ffffff;
	border-radius: 0 0 10px 10px;
}
.calenderList .imgBlock ul {
	border-bottom: solid 1px #d5bea0;
}
.calenderList .imgBlock ul li,
.calenderList .imgBlock ul li img {
	font-size: 0;
}

/* rightNavi */
#rightNavi dt {
	padding: 4px;
	background: url(/product/umeshu/make/images/com_bg03.gif) repeat 0 0;
	border: none;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#rightNavi dt.rightNaviTitle_kajitsushu {
	margin-top: 25px;
	background: url(/product/umeshu/make/images/com_bg05.png) repeat 0 0;
}
#rightNavi dt a {
	display: block;
	padding: 8px 0;
	border: dashed 1px #fcfaf5;
	border-radius: 3px;
	color: #ffffff;
	text-shadow: 2px 2px 1px #788f31; 
}
#rightNavi dt.rightNaviTitle_kajitsushu a {
	display: block;
	padding: 8px 0;
	border: dashed 1px #fcfaf5;
	border-radius: 3px;
	color: #ffffff;
	text-shadow: 2px 2px 1px #d4851c; 
}
#rightNavi dt a em {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
}
#rightNavi .rightNavilinks > li {
	background: #c8e962;
}
#rightNavi .rightNaviList_kajitsushu .rightNavilinks > li {
	background-color: #fff;
}
#rightNavi .rightNaviList_kajitsushu .rightNavilinks > li:hover {
	background-color: #ffe194;
}
#rightNavi .rightNaviList_kajitsushu .rightNavilinks > li:last-child {
	border-bottom: solid 1px #ffe194;
}
#rightNavi .rightNavilinks > li > a {
	background: url(/product/umeshu/make/images/com_ic04.png) no-repeat 15px 50%;
	border-top: solid 1px #cbdb42;
	border-right: solid 1px #cbdb42;
	border-left: solid 1px #cbdb42;
	color: #333333;
}
#rightNavi .rightNaviList_kajitsushu .rightNavilinks > li > a {
	background: url(/product/umeshu/make/images/com_ic07.png) no-repeat 15px 50%;
	border-top: solid 1px #ffe194;
	border-right: solid 1px #ffe194;
	border-left: solid 1px #ffe194;
}
#rightNavi .rightNaviList_kajitsushu .rightNavilinks > li > a:hover {
	text-decoration: none;
}
#rightNavi .rightNavilinks > li.current > a {
	color: #336600;
	/*Other Browser*/
	background: #deec63 url(/product/umeshu/make/images/com_ic04.png) no-repeat 15px 50%;
	/*For Old WebKit*/
	background: url(/product/umeshu/make/images/com_ic04.png) no-repeat 15px 50%, -webkit-linear-gradient(#deec63 0%, #ffffff 100%);
	/*For Modern Browser*/
	background: url(/product/umeshu/make/images/com_ic04.png) no-repeat 15px 50%, linear-gradient(#deec63 0%, #ffffff 100%);
}
#rightNavi .rightNavilinks > li.current.hasChild > a {
	/*Other Browser*/
	background: #deec63 url(/product/umeshu/make/images/com_ic05.png) no-repeat 12px 50%;
	/*For Old WebKit*/
	background: url(/product/umeshu/make/images/com_ic05.png) no-repeat 12px 50%, -webkit-linear-gradient(#deec63 0%, #ffffff 100%);
	/*For Modern Browser*/
	background: url(/product/umeshu/make/images/com_ic05.png) no-repeat 12px 50%, linear-gradient(#deec63 0%, #ffffff 100%);
}
#rightNavi .rightNavilinks > li:last-child {
	border-radius: 0 0 5px 5px;
}
#rightNavi .rightNavilinks > li:last-child > a {
	border-bottom: none;
}
#rightNavi .rightNavilinks > li ul {
	border-right: solid 1px #cbdb42;
	border-left: solid 1px #cbdb42;
}
#rightNavi .rightNavilinks > li:last-child ul {
	border-bottom: solid 1px #cbdb42;
}
#rightNavi .rightNavilinks > li ul li a {
	border-top: dotted 1px #cbdb42;
	background-color: #ffffff;
}
#rightNavi .rightNavilinks > li ul li:first-child a {
	border-top: solid 1px #cbdb42;
}
#rightNavi .rightNavilinks > li ul li.current a {
	background-color: #e2f6b1;
	color: #336600;
}

@media only screen and (max-width: 973px) {
	.umeshuMakeIndex {
		height: 470px;
		background: url(/product/umeshu/make/images/index_bg01_tab.jpg) no-repeat 0 0;
		background-size: contain;
	}
	.umeshuMakeIndex .heading {
		position: absolute;
		top: 30px;
		left: 25px;
		display: inline-block;
		width: 496px;
		padding: 10px 0;
		border-top: solid 1px #ffffff;
		border-bottom: solid 1px #ffffff;
	}
	.umeshuMakeIndex .heading img:first-child {
		width: 49%;
	}
	.umeshuMakeIndex .heading img:last-child {
		width: 50%;
	}
	.umeshuMakeIndex .txt {
		top: 90px;
		left: 25px;
		width: 494px;
	}
	.umeshuMakeIndex .img {
		right: 5px;
		width: 230px;
	}
	.umeshuMakeIndex .btnList {
		top: 260px;
		left: 40px;
		width: 658px;
	}
	.umeshuMakeIndex .btnList li {
		width: 48%;
	}
	.recipeCol01 .img {
		height: auto;
		padding: 10px 20px 10px 0;
	}
	.recipeCol01 .awamori .img,
	.recipeCol01 .brandy .img {
		width: 132px;
		padding: 0 20px 0 0;
		text-align: center;
	}
	.recipeCol01 .img img {
		width: 100%;
		height: auto;
	}
	.recipeCol01 .awamori .img img,
	.recipeCol01 .brandy .img img {
		width: auto;
		height: 90px;
	}
	.recipeCol01 .txt {
		width: 70%;
		font-size: 1.8rem;
	}
	.recipeCol01 .awamori {
		float: none;
		width: 100%;
		margin-top: 2%;
	}
	.recipeCol01 .brandy {
		float: none;
		width: 100%;
		margin-top: 2%;
	}
	.recipeCol01 .awamori .txt br,
	.recipeCol01 .brandy .txt br {
		display: none;
	}
	.recipeCol01 > div .btnWrap {
		display: table;
		width: 100%;
	}
	.recipeCol01 div.basic a,
	.recipeCol01 div.awamori a,
	.recipeCol01 div.brandy a,
	.recipeCol01 div.kajitsushu a {
		background-position: -130px 50%;
	}
	.recipeCol01 .txt span {
		font-size: 1.3rem;
	}
	
	/* umeshuMakeRecipeList01 */
	.umeshuMakeRecipeList01 {
		flex-flow: column nowrap;
	}
	.umeshuMakeRecipeList_col {
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.umeshuMakeRecipeList_col:nth-child(2n+1) {margin-right: 0;}
	.umeshuMakeRecipeList_col:nth-child(n+3) {margin-top: 5px;}
	.umeshuMakeRecipeList_col:first-child {margin-top: 0;}
	.umeshuMakeRecipeList_col a {
		background-position: -14em 50%;
		background-size: auto;
	}
	.umeshuMakeRecipeList_col .btnWrap,
	.recipeCol01 .kajitsushu .btnWrap {
		display: -webkit-flex !important;
		display: flex !important;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	.umeshuMakeRecipeList_col .img {
		width: auto;
		height: 90px;
		padding: 5px 15px 5px 0;
	}
	.recipeCol01 .kajitsushu .btnWrap .img {
		width: 110px;
		height: auto;
		padding: 5px 15px 5px 0;
	}
	.umeshuMakeRecipeList_col .img > img {
		width: auto;
		height: 100%;
	}
	
	.calenderCol {
		width: auto;
	}
	.calenderList .titleBlock .legendIcon01 {
		width: 100%;
		padding: 10px 10px 0;
	}
	#rightNavi dt span em {
		font-size: 1.6rem;
	}
	.heading02-01 {
		font-size:1.6rem;
		background-position: 4px 25%;
	}
	.recommendCol02 .liquorBox .col a .name {
		font-size:1.2rem;
	}
	.recommendCol02 .recommendCol02Inner{
		width:100%;
	}
	.recommendCol02 .liquorBox .col {
    float: left;
    width: 48%;
    margin: 1%;
		min-height:91px;
	}
}

@media only screen and (max-width: 767px) {
	.heading01 span {
		padding: 10px 10px 10px 5px;
		font-size: 2.2rem;
	}
	.anchorLink01.umeshuMakeType01 li a span {
		font-size: 1.4rem;
		text-align: center;
	}
	.anchorLink01.umeshuMakeType01 li em {
		display: block;
		margin: 0 auto;
	}
	.figureCol01 .imgL,
	.figureCol01 .imgR {
		text-align: center;
	}
	.umeshuMakeIndex {
		position: static;
		height: auto;
		background: none;
	}
	.umeshuMakeIndex .heading,
	.umeshuMakeIndex .heading_sub,
	.umeshuMakeIndex .txt,
	.umeshuMakeIndex .img,
	.umeshuMakeIndex .btnList,
	.umeshuMakeIndex .importantBox {
		position: static;
	}
	.umeshuMakeIndex .titleBox {
		padding: 10px;
		background: url(/product/umeshu/make/images/index_bg01_sp.jpg) no-repeat 100% 0;
		background-size: cover;
	}
	.umeshuMakeIndex .heading {
		width: 50%;
	}
	.umeshuMakeIndex .heading img:first-child,
	.umeshuMakeIndex .heading img:nth-child(2) {
		width: 100%;
	}
	.umeshuMakeIndex .heading img:nth-child(2) {
		margin-top: 5px;
	}
	.umeshuMakeIndex .heading_sub {
		width: 50%;
		padding: 0 0 5px;
	}
	.umeshuMakeIndex .txt {
		width: 60%;
		margin-top: 10px !important;
		font-size: 1.0rem;
	}
	.umeshuMakeIndex .img {
		display: none;
	}
	.umeshuMakeIndex .btnList {
		width: auto;
		padding: 0 10px 20px;
	}
	.umeshuMakeIndex .btnList li {
		float: none !important;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.umeshuMakeIndex .btnList li:nth-child(3) {
		margin-top: 10px;
	}
	.umeshuMakeIndex .btnList li:nth-child(4) {
		margin-top: 10px;
	}
	.recipeCol01 {
		padding: 2%;
	}
	.recipeCol01 .txt {
		padding: 5px 5px 5px 0;
	}
	.recipeCol01 .basic .img,
	.recipeCol01 .awamori .img,
	.recipeCol01 .brandy .img,
	.recipeCol01 .kajitsushu .img {
		width: 96px;
		padding: 0 20px 0 0;
		text-align: center;
	}
	.recipeCol01 .basic .txt br,
	.recipeCol01 .awamori .txt br,
	.recipeCol01 .brandy .txt br,
	.recipeCol01 .kajitsushu .txt br {
		display: none;
	}
	.recipeCol01 .awamori .img img,
	.recipeCol01 .brandy .img img {
		width: auto;
		height: 50px;
	}
	.recipeCol01 div.basic a,
	.recipeCol01 div.awamori a,
	.recipeCol01 div.brandy a,
	.recipeCol01 div.kajitsushu a {
		background-position: -14em 50%;
	}
	.materialCol {
		display: block;
	}
	.materialCol dl,
	.stockingUpCol dl {
		display: table;
		float: none;
		width: 100%;
	}
	.materialCol dl {
		max-width: 100%;
		background-size: 100% auto;
	}
	.materialCol dl dt,
	.materialCol dl dd {
		display: table-cell;
	}
	#rightNavi .rightNavilinks > li ul {
		background: #ffffff;
		border-top: solid 1px #cbdb42;
	}
	#rightNavi .rightNavilinks > li ul li {
		float: left;
		width: 50%;
		background: #ffffff;
		border-right: dotted 1px #cccccc;
	}
	#rightNavi .rightNavilinks > li ul li a {
		border-top: none;
		border-bottom: dotted 1px #cccccc;
	}
	#rightNavi .rightNavilinks > li ul li:nth-child(2n) {
		border-right: none;
	}
	#rightNavi .rightNavilinks > li ul li:nth-child(1) a,
	#rightNavi .rightNavilinks > li ul li:nth-child(2) a {
		border-top: none;
	}
	.heading02-01 {
		background-position: 5px 25%;
	}
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
	.indexType .heading01 {
		padding: 10px 0 20px;
		font-size: 2.6rem;
	}
	.indexType .heading01 span {
		padding: 10px 0 5px;
		font-size: 2.0rem;
	}
	.recipeCol01 div.basic a,
	.recipeCol01 div.awamori a,
	.recipeCol01 div.brandy a,
	.recipeCol01 div.kajitsushu a {
		background-position: -140px 50%;
	}
}


/*=================================
	clearfix
=================================*/
.recipeCol01 .wrap:after,
.indexType:after,
.kajitsushuMain:after,
.kajitsushuMain .rightCol ul:after,
.kajitsushuNoteCol #tabs .list:after,
.kajitsushuNoteCol .liquorBox:after,
.materialCol:after,
.stockingUpCol:after,
.calenderList .titleBlock:after,
.calenderList .titleBlock .legendIcon01:after,
#rightNavi .rightNavilinks > li ul:after,
.recommendCol02 .liquorBox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}