body {
	line-height: 30px;
}
#key {
	background: url(../img/take/key.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
#lead h2 {
	text-align: center;
	padding: 124px 0 53px;
}
#lead .txt {
	width: 720px;
	margin: 0 auto 101px;
	position: relative;
}
#lead .txt:before {
	/*content: url(../img/take/lead-deco.png);*/
	position: absolute;
	top: 5px;
	right: -313px;
}
#lead .txt p + p {
	padding-top: 31px;
}
#lead .bnr {
	padding: 68px 0 61px;
	background: #ceba5f;
	text-align: center;
}
#lead .bnr li {
	display: inline-block;
}
#lead .bnr li + li {
	padding-left: 16px;
}
#box {
	padding: 88px 0 40px;
	background: url(../img/shared/bg1.jpg) repeat center top;
}
#box .time {
	background: #e8e0d7;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 30px;
	position: absolute;
	top: 50px;
	left: -80px;
	letter-spacing: 2px;
	border: 3px double #ceba5f;
}
#box_2 {
	padding: 88px 0 40px;
	background: url(../img/shared/bg1.jpg) repeat center top;
}
#box_2 .time {
	background: #e8e0d7;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 10px 30px;
	position: absolute;
	top: 50px;
	left: -80px;
	letter-spacing: 2px;
	border: 3px double #ceba5f;
}
.time2 {
	background: #e8e0d7;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	margin: 0px auto 0 auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time3 {
	background: #e8e0d7;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	color: #261614;
	margin: 0 auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.box1_waku {
	background: #e8e0d7;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	color: #261614;
	border: 2px solid #ceba5f;
	padding: 10px 10px 20px 10px;
	margin: 0 auto;
	width: 700px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.box2_waku {
	background: #e8e0d7;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	color: #261614;
	border: 2px solid #ceba5f;
	padding: 10px 10px 20px 10px;
	margin: 0 auto;
	width: 700px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time2_2 {
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time3_2 {
	text-align: center;
	padding-top: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time4_2 {
	text-align: center;
	margin-top: 10px;
}
.menubox {
	background: #FFF;
	position: relative;
	border: 2px solid #ceba5f;
}
.menubox:before {
	position: absolute;
	top: 13px;
	right: -9px;
	bottom: -9px;
	border-left: 9px solid #ceba5f;
	content: '';
}
.menubox:after {
	position: absolute;
	left: 13px;
	right: -9px;
	bottom: -9px;
	border-bottom: 9px solid #ceba5f;
	content: '';
}
.list {
	font-size: 32px;
	color: #261614;
	padding: 20px 0 10px;
	border-bottom: 2px solid #261614;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: relative;
}
.list:before {
	background: url(../img/take/box-icon.png) no-repeat center top;
	position: absolute;
	left: -58px;
	top: 25px;
	width: 34px;
	height: 34px;
	content: '';
}
.list dt {
	float: left;
	letter-spacing: 5px;
}
.list dt span {
	font-size: 24px;
}
.list dd {
	float: right;
}
.list dd span {
	font-size: 18px;
}
#box .txttop {
	position: absolute;
	top: 163px;
	left: 3px;
}
#box .time span {
	font-size: 27px;
}
#box .time span.f-16 {
	font-size: 16px;
}
#box .info1 {
	padding: 70px 0 350px;
}
#box .info1 h3 {
	position: absolute;
	top: 94px;
	right: 233px;
	z-index: 80;
}
#box .info1 .tabs-switch {
	position: relative;
	z-index: 1;
}
#box .info1 .tab-link {
	position: absolute;
	top: 18px;
	left: 0;
	width: 68px;
	z-index: 80;
}
#box .info1 .tab-link li {
	position: relative;
}
#box .info1 .tab-link li:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	opacity: 0;
	z-index: 1;
}
#box .info1 .tab-link li.active:before {
	opacity: 1;
}
#box .info1 .tab-link li.tablink1.active:before {
	background: url(../img/take/box-tablink1_on.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#box .info1 .tab-link li.tablink2.active:before {
	background: url(../img/take/box-tablink2_on.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#box .info1 .photo2 {
	margin: 0px 0 0 -30px;
}
#box .info1 .txt-vertical {
	position: absolute;
	top: 108px;
	right: 10px;
	height: 416px;
	font-size: 18px;
	line-height: 36px;
}
#box .info1 .txt-vertical:before {
	content: url(../img/take/box-deco1.png);
	position: absolute;
	top: -127px;
	right: 12px;
}
#box .info1 .menubox {
	position: absolute;
	top: 592px;
	right: -40px;
	padding: 80px 63px 37px 123px;
}
#box .info1 .txt {
	width: 541px;
	margin: 33px -12px 3px -44px;
}
#box .info2 {
	padding: 60px 0 0px;
}
#box .info2 .txt-vertical {
	position: absolute;
	top: 19px;
	left: 33px;
	height: 403px;
}
#box .info2 .menubox {
	margin: -40px 165px 40px 14px;
	padding: 63px 74px 56px 108px;
}
#box .info2 .menubox .txt {
	padding: 19px 0 0 5px;
}
#box .info2 .menubox .list dt {
	letter-spacing: 2px;
	padding-bottom: 25px;
	line-height: 40px;
}
#box .info2 .menubox .list dt span {
	font-size: 30px;
}
#box .info2 .menubox .list dd {
	padding-top: 45px;
}
#box .info2 .photo2 {
	position: absolute;
	bottom: -60px;
	right: -56px;
}


#box_2{
	padding: 50px 0 150px;
}

#box_2 .txttop {
	position: absolute;
	top: 163px;
	left: 3px;
}
#box_2 .time span {
	font-size: 27px;
}
#box_2 .time span.f-16 {
	font-size: 16px;
}
#box_2 .info1 {
	padding: 94px 0 220px;
}
#box_2 .info1 h3 {
	position: absolute;
	top: 94px;
	right: 233px;
	z-index: 80;
}
#box_2 .info1 .tabs-switch {
	position: relative;
	z-index: 1;
}
#box_2 .info1 .tab-link {
	position: absolute;
	top: 18px;
	left: 0;
	width: 68px;
	z-index: 80;
}
#box_2 .info1 .tab-link li {
	position: relative;
}
#box_2 .info1 .tab-link li:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	opacity: 0;
	z-index: 1;
}
#box_2 .info1 .tab-link li.active:before {
	opacity: 1;
}
#box_2 .info1 .tab-link li.tablink1.active:before {
	background: url(../img/take/box-tablink1_on.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#box_2 .info1 .tab-link li.tablink2.active:before {
	background: url(../img/take/box-tablink2_on.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
#box_2 .info1 .photo2 {
	margin: 0px 0 0 -30px;
}
#box_2 .info1 .txt-vertical {
	position: absolute;
	top: 108px;
	right: 10px;
	height: 416px;
	font-size: 18px;
	line-height: 36px;
}
#box_2 .info1 .txt-vertical:before {
	content: url(../img/take/box-deco1.png);
	position: absolute;
	top: -127px;
	right: 12px;
}
#box_2 .info1 .menubox {
	position: absolute;
	top: 592px;
	right: -40px;
	padding: 80px 63px 37px 123px;
}
#box_2 .info1 .txt {
	width: 541px;
	margin: 33px -12px 3px -44px;
}
#box_2 .info2 .txt-vertical {
	position: absolute;
	top: 19px;
	left: 33px;
	height: 403px;
}
#box_2 .info2 .menubox {
	margin: -40px 165px 0 14px;
	padding: 63px 74px 56px 108px;
}
#box_2 .info2 .menubox .txt {
	padding: 19px 0 0 5px;
}
#box_2 .info2 .menubox .list dt {
	letter-spacing: 2px;
	padding-bottom: 25px;
}
#box_2 .info2 .photo2 {
	position: absolute;
	bottom: -60px;
	right: -56px;
}
#tea .info1 {
	background: url(../img/take/tea-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 280px 0 61px;
	color: #FFF;
}
#tea .info1 .txt {
	padding: 22px 0 50px 5px;
	font-size: 18px;
	line-height: 36px;
	width:560px;
}
#tea .info1 .button{
	position:absolute;
	left:100px;
	bottom:-20px;
}
#tea .info2 {
	padding: 66px 0 149px;
}
#tea .info2 .txttop {
	text-align: center;
	padding: 24px 0 79px;
}
#tea .info2 .photo {
	position: absolute;
	top: 0;
	left: -181px;
	z-index: 1;
}
#tea .info2 .listbox dt {
	background: url(../img/take/tea-line.png) repeat-x center bottom;
	font-size: 18px;
	padding-bottom: 26px;
	padding-left: 8px;
	letter-spacing: 2px;
}
#tea .info2 .listbox dd {
	padding: 17px 0 0 13px;
	letter-spacing: -1px;
}
#tea .info2 .menulist {
	padding: 21px 0 66px;
	font-size: 18px;
}
#tea .info2 .fl {
	width: 400px;
	margin-left: -59px;
	padding: 81px 67px 24px 57px;
	margin-top: 580px;
}
#tea .info2 .fl h3 {
	position: absolute;
	top: -39px;
	right: 33px;
}
#tea .info2 .fr {
	width: 400px;
	margin-right: -50px;
	padding: 81px 64px 24px 60px;
	margin-top: 47px;
}
#tea .info2 .fr h3 {
	position: absolute;
	top: -58px;
	right: 56px;
}
#tea .info2 .listbt {
	position: absolute;
	bottom: -14px;
	right: -129px;
	background: url(../img/take/tea-boxbg.png) no-repeat right top;
	padding: 0 92px 72px 85px;
	min-height:400px;
}
#tea .info2 .listbt .menulist {
	padding: 0;
}
#tea .info2 .listbt .menulist dd span{
	text-decoration: line-through;
}
#tea .info2 .listbt h3 img {
	margin: -50px 0 7px 32px;
}
#tea .info2 .listbt .item {
	float: left;
	margin-right: 39px;
	width: 212px;
}
#tea .info2 .listbt .item h4 {
	padding-bottom: 3px;
}
#tea .info2 .listbt .item dt {
	padding-left: 2px;
}
#tea .info2 .listbt .item dd {
	padding-right: 10px;
}


#recipe {
	padding-bottom: 51px;
	margin-bottom: 89px;
}
#recipe:before {
	position: absolute;
	top: 0;
	left: -49px;
	right: -49px;
	bottom: 0;
	border: 1px dashed #818181;
	content: '';
}
#recipe .info1 {
	padding: 42px 0 69px;
	position: relative;
}
#recipe .info1 .photo {
	margin-left: -180px;
}
#recipe .info1 .subphoto {
	position: absolute;
	top: -35px;
	right: -25px;
}
#recipe .info1 .txt-vertical {
	position: absolute;
	top: 223px;
	right: 7px;
	height: 483px;
}
#recipe .info1 h2 {
	position: absolute;
	top: 100px;
	left: -100px;
	z-index: 1;
}
#recipe .info1 .bnr {
	position: absolute;
	top: 568px;
	left: -73px;
}
#recipe .info2 h3 {
	font-size: 42px;
	line-height: 58px;
	text-align: left;
	letter-spacing: -3px;
	position: absolute;
	top: 30px;
	left: 100px;
	width: 595px;
}
#recipe .info2 .fl {
	padding-top: 160px;
	padding-left:160px;
}
#recipe .info2 .fl .txt-vertical {
	height: 300px;
	padding-left: 20px;
}
#recipe .info2 .fl .txt-vertical p {
	position: relative;
	margin-right: 30px;
}
#recipe .info2 .fl .txt-vertical p .num {
	color: #bf5500;
	position: absolute;
	top: -22px;
	right: 0;
}
#recipe .info2 .fr {
	margin-right: 7px;
	background: #f5f5f5;
	width: 290px;
	padding: 50px 40px;
}
#recipe .info2 .fr h4 {
	font-size: 18px;
	color: #7a6c2d;
	margin: 0px 0 25px 0px;
	padding: 10px 0 0 35px;
	background: url(../img/take/recipe-icon.png) no-repeat 0 0;
	font-weight: bold;
}
#recipe .info2 .fr dl {
	background: url(../img/take/recipe-line.png) repeat-x 0 15px;
	font-weight: bold;
}
#recipe .info2 .fr dl dt {
	float: left;
	background: #f5f5f5;
	padding-right: 5px;
}
#recipe .info2 .fr dl dd {
	float: right;
	background: #f5f5f5;
	padding-left: 5px;
	width: 100px;
}
#recipe .info2 .fr .box {
	border: 2px solid #ceba5f;
	position: relative;
	padding: 20px 10px 13px 25px;
	margin: 30px 0 5px;
}
#recipe info2 .fr .box h6{
	font-size:18px;
	padding:10px 0 5px 0px;
	font-weight:bold;
}
#recipe .info2 .fr .box dl dd {
	width: 76px;
}
#recipe .info2 .fr .box h5 {
	font-size: 18px;
	color: #877521;
	font-weight: bold;
	position: absolute;
	top: -19px;
	width: 77px;
	left: 50%;
	transform: translateX(-50%);
	background: #f5f5f5;
	text-align: center;
}
#recipe .info2 .fr .box2 {
	width: 292px
}
#recipe .note{
	border: 2px solid #ceba5f;
	padding: 20px;
	margin-top: 30px;
}
#recipe .note h5{
	font-weight: bold;
}
#recipe .ttl{
	font-weight: bold;
	font-size: 18px;
}
#recipe .ttl2{
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
}
#recipe .hosoku{
	margin-bottom: 8px;
	text-align: right;
}
#recipe2 {
	padding-bottom: 51px;
	margin-bottom: 89px;
}
#recipe2:before {
	position: absolute;
	top: 0;
	left: -49px;
	right: -49px;
	bottom: 0;
	border: 1px dashed #818181;
	content: '';
}
#recipe2 .info1 {
	padding: 42px 0 69px;
	position: relative;
}
#recipe2 .info1 .photo {
	margin-left: -180px;
}
#recipe2 .info1 .subphoto {
	position: absolute;
	top: -35px;
	right: -25px;
}
#recipe2 .info1 .txt-vertical {
	position: absolute;
	top: 150px;
	right:20px;
	height: 600px;
}
#recipe2 .info1 h2 {
	position: absolute;
	top: 100px;
	left: -100px;
	z-index: 1;
}
#recipe2 .info1 .bnr {
	position: absolute;
	top: 568px;
	left: -73px;
}
#recipe2 .info2 h3 {
	font-size: 38px;
	line-height: 58px;
	text-align: center;
	letter-spacing: -3px;
	position: absolute;
	top: 30px;
	left: 40px;
	width: 595px;
}
#recipe2 .info2 .fl {
	padding-top: 30px;
	padding-left:30px;
}
#recipe2 .info2 .fl .txt-recipe {
	height: auto;
    padding-left: 60px;
	width: 500px;
	padding-top: 140px;
}
#recipe2 .info2 .fl .txt-recipe p {
	position: relative;
	padding-left: 25px;
	margin-bottom: 20px;
}
#recipe2 .info2 .fl .txt-recipe p .num {
	color: #bf5500;
	position: absolute;
	top: 0;
	left: 0;
}
#recipe2 .info2 .fr {
	margin-right: 7px;
	background: #f5f5f5;
	width: 290px;
	padding: 50px 40px 30px 40px;
}
#recipe2 .info2 .fr h4 {
	font-size: 18px;
	color: #7a6c2d;
	margin: 0px 0 25px 0px;
	padding: 10px 0 0 35px;
	background: url(../img/take/recipe-icon.png) no-repeat 0 0;
	font-weight: bold;
}
#recipe2 .info2 .fr dl {
	background: url(../img/take/recipe-line.png) repeat-x 0 15px;
	font-weight: bold;
}
#recipe2 .info2 .fr dl dt {
	float: left;
	background: #f5f5f5;
	padding-right: 5px;
}
#recipe2 .info2 .fr dl dd {
	float: right;
	background: #f5f5f5;
	padding-left: 5px;
	/*width: 100px;*/
}
#recipe2 .info2 .fr dl dd2 {
	float: right;
	background: #f5f5f5;
	padding-left: 5px;
	width: 100px;
}
#recipe2 .info2 .fr .dore {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
}
#recipe2 .info2 .fr .box {
	border: 2px solid #ceba5f;
	position: relative;
	padding: 20px 15px 13px 15px;
	margin: 25px 0 15px;
}
#recipe2 .info2 .fr .box h6{
	font-size:18px;
	padding:10px 0 5px 0px;
	font-weight:bold;
}
#recipe2 .info2 .fr .box dl dt {
	float: left;
	padding-right: 5px;
}
#recipe2 .info2 .fr .box dl dd {
	padding-left: 5px;
	float: right;
}
#recipe2 .info2 .fr .box dl dd2 {
	width: 100px;
}
#recipe2 .info2 .fr .box h5 {
	font-size: 18px;
	color: #877521;
	font-weight: bold;
	position: absolute;
	top: -19px;
	/*width: 77px;*/
	width: 150px;
	left: 50%;
	transform: translateX(-50%);
	background: #f5f5f5;
	text-align: center;
}
#recipe2 .info2 .fr .box_1 {
	border: 2px solid #ceba5f;
	position: relative;
	padding: 20px 15px 13px 15px;
	margin: 30px 0 5px;
}
#recipe2 .info2 .fr .box_1 h6{
	font-size:18px;
	padding:10px 0 5px 0px;
	font-weight:bold;
}
#recipe2 .info2 .fr .box_1 dl dt {
	float: left;
	padding-right: 5px;
}
#recipe2 .info2 .fr .box_1 dl dd {
	padding-left: 5px;
	float: right;
}
#recipe2 .info2 .fr .box_1 dl dd2 {
	width: 100px;
}
#recipe2 .info2 .fr .box_1 h5 {
	font-size: 18px;
	color: #877521;
	font-weight: bold;
	position: absolute;
	top: -19px;
	width: 77px;
	left: 50%;
	transform: translateX(-50%);
	background: #f5f5f5;
	text-align: center;
}
#recipe2 .info2 .fr .box2 {
	width: 292px
}
#recipe2 .note{
	border: 2px solid #ceba5f;
	padding: 20px;
	margin-top: 30px;
}
#recipe2 .note h5{
	font-weight: bold;
}
#recipe2 .ttl{
	font-weight: bold;
	font-size: 18px;
}
#recipe2 .ttl2{
	font-weight: bold;
	font-size: 18px;
	margin-top: 20px;
}
#recipe2 .hosoku{
	margin-bottom: 8px;
	text-align: right;
}
#recipe2 .taitoru{
	font-size:18px;
	padding:10px 0 5px 0px;
	font-weight:bold;
	text-align: center;
}
#lesson {
	padding: 94px 0 99px;
	background: url(../img/take/lesson-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
#lesson .txt {
	padding: 41px 0 51px 5px;
	font-size: 18px;
	line-height: 36px;
}
#lesson .button {
	margin-left: 7px;
	width: 340px;
	font-size: 18px;
}
#lesson .button span{
	color: #000!important;
	font-size: 0.8em;
}


#goods {
	padding: 53px 0 75px;
}
#goods .info1 {
	padding: 62px 0 108px;
}
#goods .info1 h3 {
	position: absolute;
	top: 452px;
	left: 29px;
	z-index: 1;
}
#goods .info1 .txt {
	padding: 56px 0 0 268px;
	width: 655px;
	font-size: 18px;
	line-height: 36px;
}
#goods .info2 {
	padding-bottom: 77px;
}
#goods .info2 .fl {
	padding-left: 29px;
}
#goods .info2 .txt {
	font-size: 18px;
	line-height: 36px;
	padding: 17px 0 38px 43px;
	width: 357px;
}
#goods .info2 .bnr {
	padding-left: 45px;
}
#goods .item h3 {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 2px solid #261614;
	margin-left: 54px;
	position: relative;
	padding-bottom: 13px;
	margin-bottom: 9px;
	margin-top: 45px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#goods .item h3:before {
	background: url(../img/take/box-icon.png) no-repeat center top;
	position: absolute;
	left: -49px;
	top: 0;
	width: 34px;
	height: 34px;
	content: '';
}
#goods .item h3 span{
	font-size:70%;
	}
#goods .item .menu dl {
	margin-left: 54px;
	position: relative;
}
#goods .item .menu dl dt {
	float: left;
}
#goods .item .menu dl dd {
	float: right;
	text-align: right;
}
#goods .info3 {
	padding-bottom: 80px;
}
#goods .info3 .fl{
	clear:both;
}
#goods .info3 .fl, #goods .info4 .fl {
	margin-left: 20px;
	margin-bottom:40px;
}
#goods .info3 .fr, #goods .info4 .fr {
	margin-right: 19px;
}
#goods .info4 .txttop {
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	padding: 49px 0 76px;
}
#goods .info4 .item dd {
	position: absolute;
	top: -52px;
	right: 7px;
}

#goods .info5 .fl {
	margin-left: 20px;
	margin-bottom:40px;
}
#goods .info5 .fr{
	margin-right: 19px;
}
#goods .info5 .txttop {
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	padding: 49px 0 76px;
}
#goods .info5 .item dd {
	position: absolute;
	top: -52px;
	right: 7px;
}

#gentei{
clear:both;
		border:3px solid #ceba5f;
		margin:-50px auto 80px auto;
	position: relative;
	}
#gentei h3{
	padding:30px 0 20px 0;
	text-align: center;
	font-size:26px;
}
#gentei .img{
	position: absolute;
	right:30px;
	top:-40px;
}
#gentei .txt{
	padding:0 150px 30px 150px;
}
@media only screen and (max-width: 1560px) { /* Mobile - Large */
#lead .bnr li {
	width: 24%;
	/*float: left;*/
}
#lead .bnr li + li {
	padding-left: 1.3%;
}
#lead .bnr li img {
	width: 100%;
	height: auto;
}
}

@media only screen and (max-width: 768px) { /* Mobile - Large */
body {
	line-height: 25px !important;
	font-size: 15px !important;
}
#key {
	background: none;
}
#lead {
	padding: 10% 0 0;
}
#lead h2 {
	padding: 0;
}
#lead .txt {
	padding: 7% 3%;
	width: auto;
	margin-bottom: 0;
}
#lead .txt p + p {
	padding-top: 4%;
}
#lead .bnr {
	padding: 5% 0 3% 2.1%;
}
#lead .bnr li {
	width: 47.5%;
	display: inherit;
	float: left;
	margin-bottom: 3.1%;
}
#lead .bnr li + li {
	padding-left: 3.1%;
}
#lead .bnr li:nth-child(3) {
	padding-left: 0;
}
.menubox {
	margin: 0 5% 0 3%;
	position: relative !important;
	top: inherit !important;
	left: inherit !important;
	right: inherit !important;
}
.list {
	font-size: 22px;
	padding: 15px 0 5px;
	margin-left: 20px;
}
.list:before {
	background-size: 100% auto;
	left: -27px;
	top: 16px;
	width: 20px;
	height: 20px;
}
.list dt {
	letter-spacing: 0;
}
.list dt span {
	font-size: 16px;
}
.list dd span {
	font-size: 15px;
}
#box {
	padding: 5% 0 5%;
}
#box h2 {
	width: 90%;
	margin: 5% auto;
	max-width: 352px;
}
#box .time {
	position: static;
	width: 70%;
	margin: 0 auto;
	padding:5%;
	font-size: 17px;
	line-height: 180%;
	border: 3px double #ceba5f;
	background: #e8e0d7;
}
#box .time span {
	font-size: 25px;
}
#box .time span.f-16 {
	font-size: 14px;
}
#box .txttop {
	position: static;
	text-align: center;
}
#box .info1 {
	padding: 7% 0 12%;
}
#box .info1 h3 {
	right: 4.5%;
	width: 17%;
	top: 3%;
}
#box .info1 .tab-link {
	top: 10px;
	left: 2%;
	width: 12%;
}
#box .info1 .txt-vertical {
	position: static;
	padding: 8% 3%;
	font-size: 15px;
	line-height: 25px;
	height: auto;
}
#box .info1 .txt-vertical:before {
	display: none;
}
#box .info1 .menubox {
	padding: 5% 3%;
}
#box .info1 .menubox .txt {
	padding: 5% 0;
	margin: 0;
	width: auto;
}
#box .info2 .txt-vertical {
	position: static;
	padding: 8% 3%;
	font-size: 15px;
	line-height: 25px;
	height: auto;
}
#box .info2 .menubox {
	margin: 0 5% 8% 3%;
	padding: 5% 3%;
}
#box .info2 .menubox .list {
	border-bottom: none;
}
#box .info2 .menubox .list dt {
	letter-spacing: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #261614;
	margin-bottom: 10px;
	float: none;
	line-height: 30px;
}
#box .info2 .menubox .list dt span{
		font-size: 16px;
	}
#box .info2 .menubox .list dd {
	float: none;
	text-align: right;
	padding-top: 0;
}
#box .info2 .menubox .txt {
	padding: 5% 0;
}

	
#box_2 {
	padding: 5% 0 15%;
}
#box_2 h2 {
	width: 90%;
	margin: 5% auto;
	max-width: 352px;
}
#box_2 .time {
	position: static;
	width: 70%;
	margin: 0 auto;
	padding:5%;
	font-size: 17px;
	line-height: 180%;
	border: 3px double #ceba5f;
	background: #e8e0d7;
}
#box_2 .time span {
	font-size: 25px;
}
#box_2 .time span.f-16 {
	font-size: 14px;
}
#box_2 .txttop {
	position: static;
	text-align: center;
}
#box_2 .info1 {
	padding: 7% 0 12%;
}
#box_2 .info1 h3 {
	right: 4.5%;
	width: 17%;
	top: 3%;
}
#box_2 .info1 .tab-link {
	top: 10px;
	left: 2%;
	width: 12%;
}
#box_2 .info1 .txt-vertical {
	position: static;
	padding: 8% 3%;
	font-size: 15px;
	line-height: 25px;
	height: auto;
}
#box_2 .info1 .txt-vertical:before {
	display: none;
}
#box_2 .info1 .menubox {
	padding: 5% 3%;
}
#box_2 .info1 .menubox .txt {
	padding: 5% 0;
	margin: 0;
	width: auto;
}
#box_2 .info2 .txt-vertical {
	position: static;
	padding: 8% 3%;
	font-size: 15px;
	line-height: 25px;
	height: auto;
}
#box_2 .info2 .menubox {
	margin: 0 5% 0 3%;
	padding: 5% 3%;
}
#box_2 .info2 .menubox .list {
	border-bottom: none;
}
#box_2 .info2 .menubox .list dt {
	letter-spacing: 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #261614;
	margin-bottom: 10px;
	float: none;
}
#box_2 .info2 .menubox .list dd {
	float: none;
	text-align: right;
}
#box_2 .info2 .menubox .txt {
	padding: 5% 0;
}
#tea .info1 {
	background: none;
	padding: 0;
}
	#tea .info1 .txt{
		margin:10px auto 0 auto;
		color:#000;
		font-size:15px;
		line-height:160%;
		width:94%;
	}
	#tea .info1 .button{
	position:relative;
	left:0;
	top:-30px;
	width:80% !important;
		margin:0 auto;
}
#tea .info2 {
	padding: 7% 0;
}
#tea .info2 .title {
	width: 66% !important;
	margin: 0 auto;
	max-width: 494px;
}
#tea .info2 .txttop {
	padding: 5% 0;
}
#tea .info2 .photo {
	position: static;
	width: 93%;
}
#tea .info2 .fl, #tea .info2 .fr {
	width: auto;
	margin: 15% 5% 0 3%;
	padding: 10% 3% 5%;
	float: none;
}
#tea .info2 h3 {
	width: 40% !important;
	top: -4% !important;
	right: 5% !important;
}
#tea .info2 .fl h3 {
	width: 27% !important;
}
#tea .info2 .listbox dt {
	font-size: 15px;
	padding-bottom: 5%;
}
#tea .info2 .listbox dd {
	padding: 5% 0 0 0;
}
#tea .info2 .menulist {
	padding: 5% 0 7%;
	font-size: 15px;
}
#tea .info2 .listbt {
	position: static;
	background: url(../img/take/sp-tea-boxbg.png) no-repeat center top;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	margin-top: 15%;
	padding: 0 0 10% 0;
	min-height:380px;
}
#tea .info2 .listbt h3 {
	width: 100% !important;
	padding-left: 3%;
}
#tea .info2 .listbt h3 img {
	margin: -10% 0 5% 0;
}
#tea .info2 .listbt .item {
	width: 45.6%;
	margin-left: 3%;
	margin-right: 0;
}
#recipe {
	padding-bottom: 5%;
	margin-bottom: 15%;
}
#recipe:before {
	left: 2%;
	right: 2%;
}
#recipe .info1 {
	padding: 10% 0 0;
}
#recipe .info1 h2 {
	position: static;
}
#recipe .info1 .txt-vertical {
	position: static;
	padding: 5%;
}
#recipe .info1 .bnr {
	width: 32%;
	top: -2%;
	right: 3%;
	left: inherit;
}
#recipe .info2 h3 {
	position: static;
	width: auto;
	margin: 0 5% 5% 5%;
	letter-spacing: 0;
	font-size: 35px;
	line-height: 45px;
}
#recipe .info2 .fl {
	padding: 5% 5% 0;
	float: none;
}
#recipe .info2 .fl .txt-vertical {
	padding-left: 0;
}
#recipe .info2 .fl .txt-vertical p {
	margin-right: 0;
	margin-bottom: 4%;
	padding-left: 4%;
}
#recipe .info2 .fl .txt-vertical p .num {
	left: 0;
	top: 0;
	right: inherit;
}
#recipe .info2 .fr {
	width: auto;
	padding: 5%;
	float: none;
	margin: 5%;
}
#recipe .info2 .fr .box2 {
	width: 100%;
}
#recipe .info2 .fr h4 {
	font-size: 15px;
}
#recipe .info2 .fr .box h5 {
	font-size: 15px;
	width: 50px;
	top: -14px;
}
#recipe .note{
		margin: 5%;
	}
#recipe2 {
	padding-bottom: 5%;
	margin-bottom: 15%;
}
#recipe2:before {
	left: 2%;
	right: 2%;
}
#recipe2 .info1 {
	padding: 10% 0 0;
}
#recipe2 .info1 h2 {
	position: static;
}
#recipe2 .info1 .txt-vertical {
	position: static;
	padding: 5%;
}
#recipe2 .info1 .bnr {
	width: 32%;
	top: -2%;
	right: 3%;
	left: inherit;
}
#recipe2 .info2 h3 {
	position: static;
	width: auto;
	margin: 0 5% 5% 5%;
	letter-spacing: 0;
	font-size: 32px;
	line-height: 42px;
	text-align: left;
}
#recipe2 .info2 .fl {
	padding: 5% 5% 0;
	float: none;
}
#recipe2 .info2 .fl .txt-vertical {
	padding-left: 0;
}
#recipe2 .info2 .fl .txt-vertical p {
	margin-right: 0;
	margin-bottom: 4%;
	padding-left: 4%;
}
#recipe2 .info2 .fl .txt-vertical p .num {
	left: 0;
	top: 0;
	right: inherit;
}
#recipe2 .info2 .fl .txt-recipe {
	height: auto;
    padding-left: 0px;
	width: 100%;
	padding-top: 0px;
}
#recipe2 .info2 .fr {
	width: auto;
	padding: 5%;
	float: none;
	margin: 5%;
}
#recipe2 .info2 .fr .box2 {
	width: 100%;
}
#recipe2 .info2 .fr h4 {
	font-size: 15px;
}
#recipe2 .info2 .fr .box h5 {
	font-size: 15px;
	width: 120px;
	top: -14px;
}
#recipe2 .note{
		margin: 5%;
	}
#lesson {
	padding: 0;
	background: none;
}
#lesson h2 {
	max-width: 100%;
}
	#lesson h3 {
	margin: 5% auto;
	max-width: 90%;
}
#lesson .txt {
	font-size: 15px;
	line-height: 25px;
	padding: 0 5% 5% 5%;
	color:#000;
}
#lesson .button {
	margin-left: auto;
	margin-bottom: 10%;
	font-size: 15px;
}
#goods {
	padding: 7% 0;
}
#goods h2 {
	width: 32%;
	margin: 0 auto;
	max-width: 166px;
}
#goods .info1 {
	padding: 5% 0;
}
#goods .info1 h3 {
	width: 27%;
	top: -13%;
	left: -1%;
}
#goods .info1 .txt {
	width: auto;
	font-size: 15px;
	line-height: 25px;
	padding: 5% 5%;
}
#goods .info2 {
	padding-bottom: 5%;
}
#goods .info2 .fr {
	float: none;
}
#goods .info2 .fl {
	float: none;
	padding: 5% 5% 5% 3%;
}
#goods .info2 .fl h3 {
	padding: 0 5%;
	max-width: 399px;
}
#goods .info2 .txt {
	font-size: 15px;
	line-height: 25px;
	padding: 5% 5%;
	width:90%;
}
#goods .info2 .bnr {
	padding: 0 7%;
}
#goods .info3 .fl, #goods .info4 .fl, #goods .info3 .fr, #goods .info4 .fr {
	float: none;
	margin: 0 3% 5%;
}
#goods .info3 {
	padding-bottom: 5%;
}
#goods .item h3 {
	font-size: 22px;
	margin: 15px 0 5px 20px;
	padding-bottom: 5px;
}
	
#goods .item h3:before {
	background-size: 100% auto;
	left: -20px;
	top: 2px;
	width: 20px;
	height: 20px
}
#goods .item .menu dl {
	margin-left: 20px;
}
#goods .info4 .title {
	width: 55.7%;
	margin: 0 auto;
	max-width: 240px;
}
#goods .info4 .txttop {
	font-size: 15px;
	line-height: 25px;
	padding: 5% 3%;
	text-align: left;
}
#goods .info4 .item dd {
	position: static;
}
#goods .info5 .fl, #goods .info5 .fr {
	float: none;
	margin: 0 3% 5%;
}
#goods .info5 .title {
	width: 55.7%;
	margin: 0 auto;
	max-width: 240px;
}
#goods .info5 .txttop {
	font-size: 15px;
	line-height: 25px;
	padding: 5% 3%;
	text-align: left;
}
#goods .info5 .item dd {
	position: static;
}
#gentei{
clear:both;
		border:3px solid #ceba5f;
		margin:0px auto 70px auto;
	position: relative;
	width:90%;
	}
#gentei h3{
	padding:30px 0 0px 0;
	text-align: center;
	font-size:20px;
}

#gentei .txt{
	padding:20px 30px 50px 30px;

}
#gentei .img{
display:none;
}
.time2 {
	background: #e8e0d7;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	margin-top: 15px;
	font-weight: bold;
	padding: 20px 10px 0 10px;
	border-top: 2px solid #ceba5f;
	border-right: 2px solid #ceba5f;
	border-left: 2px solid #ceba5f;
	width: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time3 {
	background: #e8e0d7;
	font-size: 15px;
	text-align: left;
	line-height: 26px;
	color: #261614;
	border-bottom: 2px solid #ceba5f;
	border-right: 2px solid #ceba5f;
	border-left: 2px solid #ceba5f;
	padding: 10px 10px 20px 10px;
	width: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.box2_waku {
	background: #e8e0d7;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	color: #261614;
	border: 2px solid #ceba5f;
	padding: 10px 10px 20px 10px;
	margin: 0 auto;
	width: 90%;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time2_2 {
	font-size: 16px;
	line-height: 30px;
	color: #261614;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time3_2 {
	padding-left: 0px;
	padding-top: 0px;
	text-align: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
}

@media only screen and (max-width: 320px) { /* Mobile - Small */
body, #box .info1 .txt-vertical {
	line-height: 22px;
	font-size: 13px;
}
body, #box_2 .info1 .txt-vertical {
	line-height: 22px;
	font-size: 13px;
}
.list {
	font-size: 19px;
	padding: 15px 0 5px;
}
.list dd span {
	font-size: 13px;
}
.list dt span {
	font-size: 13px;
}
#recipe .info2 h3 {
	font-size: 30px;
	line-height: 40px;
}
.box2_waku {
	background: #e8e0d7;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	color: #261614;
	border: 2px solid #ceba5f;
	padding: 10px 10px 20px 10px;
	margin: 0 auto;
	width: 95%;
	height: auto;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time2_2 {
	font-size: 18px;
	line-height: 30px;
	color: #261614;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.time3_2 {
	padding-left: 0px;
	padding-top: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	
}


.kounyu_bnr a{
	margin: 10px auto;
	padding: 8px 0;
	display: block;
	color:#000;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	background:#ceba5f; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	width: 100%;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 500px) { 
	.pc{
		display: none;
	}
}


.take_box{
	width:700px;
	margin:40px auto 40px auto;
	padding:20px 0;
    background: #e8e0d7;
    box-shadow: 0px 0px 0px 6px #FFF;
    border: 2px solid #ceba5f;
}
.take_box p.txt{
	text-align:center;
	font-size:18px;
	line-height:34px;
	color:#261614;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.take_box p.txt span{
	color: rgb(146, 0, 0);
}
@media screen and (max-width: 768px) {
	
.take_box{
	width:95%;
	margin:20px auto 20px auto;
	padding:20px 0;
    background: #e8e0d7;
    box-shadow: 0px 0px 0px 6px #FFF;
    border: 2px solid #ceba5f;
}
.take_box p.txt{
	text-align:center;
	font-size:15px;
	line-height:28px;
	color:#261614;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.take_box p.txt span{
	color: rgb(146, 0, 0);
}
}