@charset "UTF-8";
/* CSS Document */
body {
	background: url(../img/osechi/bg.jpg);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 45px;
	color: #593a1f;
	letter-spacing: 0.1em;
	font-size: 15px;
}
.header-fix{
	width: 758px;
}
#key {
	background: url(../img/osechi/kv.jpg) no-repeat center;
	background-size: cover;
	height: 750px;
}
#sec1 {
	background: url(../img/osechi/s1_bg1.png) repeat-y top center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
}
#sec1 .wrap {
	padding: 102px 0 50px;
}
#sec1 h2 {
	padding-bottom: 14px;
}
#sec1 .txt {
	padding-bottom: 43px;
}
#sec1 .box {
	width: 840px;
	margin: 0 auto 18px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	background: url(../img/osechi/s1_box_bg.jpg);
	color: #fff;
	font-size: 20px;
	line-height: 42px;
	padding: 24px 0;
	letter-spacing: 2px;
}
#sec1 .box h3 {
	letter-spacing: 1px;
	padding-bottom: 8px;
	
}
#sec1 .box h3 span {
	padding-left: 15px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	color: #D63731;
	font-weight: bold;
}
#sec1 .box dl dt {
    letter-spacing: 1px;
    line-height: 28px;
}
#sec1 .box dl dd a {
	font-size: 28px;
}
#sec1 .box dl dd a:hover {
	text-decoration: none;
}
#sec1 .box small {
	display: block;
	font-size: 16px;
	padding-top: 0;
	line-height: 19px;
	letter-spacing: 0px;
}
#sec1 .btn {
	margin: 0 auto;
	width: 380px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
#sec2 {
	background: url(../img/osechi/bg2.jpg);
	padding: 42px 0;
	color: #341c07;
}
#sec2 h2 {
	position: absolute;
	top: 38px;
	right: 0;
	font-size: 30px;
	background: url(../img/osechi/hline.jpg) repeat-x bottom center;
	letter-spacing: 3px;
	width: 500px;
	padding-bottom: 2px;
}
#sec2 h2 span {
	padding-left: 50px;
}
#sec2 .item {
	position: relative;
}
#sec2 .item .photo {
	float: left;
}
#sec2 .item dl {
	float: right;
	width: 417px;
	padding: 100px 30px 0 50px;
	line-height: 45px;
}
#sec2 .item dl dt {
	font-size: 18px;
	font-weight: bold;
}
#sec2 .item .photo span{
  width: 500px !important;
  height: 300px !important;
}
#sec3 {
	background: url(../img/osechi/s3_bg.jpg) no-repeat top center;
	background-size: cover;
	color: #fff;
	padding: 98px 0 68px;
	text-align: center;
}
#sec3 .list li {
	float: left;
}
#sec3 .list{
	position: relative;
}
#sec3 .list:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -50px;
	right: -50px;
	height: 2px;
	background: #fff;
}
#sec4 {
	background: url(../img/osechi/s4_bg1.png) repeat-x top center;
	position: relative;
	text-align: center;
	padding: 112px 0 115px;
}
#sec4 p span {
	color: #D63731;
}
#sec4::after {
	content: "";
	background: url(../img/osechi/s4_bg1.png) repeat-x top center;
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 69px;
}
#sec5 {
	background:  url("../img/osechi/bg_2.png") no-repeat top right,url(../img/osechi/bg2.jpg);
	padding: 94px 0 79px;
}
#sec6 {
	background:url(../img/osechi/bg_3.png)no-repeat top right,  url(../img/osechi/s6_bg1.jpg) no-repeat top left ,url(../img/osechi/s6_bg2.jpg) ;
	
	padding: 100px 0 72px;
	color: #fff;
}
.image-right .wrap, .image-left .wrap {
	width: 1200px;
	margin: 0 auto;
}
.image-right .photo, .image-left .photo {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
	width: 600px;
	position: relative;
	z-index: 2;
}
.image-right dl, .image-left dl {
	width: 500px;
	padding-right: 100px;
}
.image-right dl dt,  .image-left dl dt {
	font-size: 30px;
	background: url(../img/osechi/hline.jpg) repeat-x bottom center;
	letter-spacing: 5px;
	padding-left: 50px;
	padding-bottom: 1px;
	margin-bottom: 25px;
}
.image-right dl dt {
	padding-left: 20px;
}

.image-right dl dd,  .image-left dl dd {
	letter-spacing: 3px;
	padding-left: 50px;
	line-height: 44px;
}
.image-right dl dd {
	padding-left: 20px;
}
.image-right dl dd span,  .image-left dl dd span {
	font-size: 30px;
	letter-spacing: 5px;
}
.image-right dl dd span.tt-1,  .image-left dl dd span.tt-1 {
	font-size: 16px;
	letter-spacing: 3px;
}
.image-right dl dd small,  .image-left dl dd small {
	font-size: 20px;
}
.image-left .row-1 .photo {
	float: left;
}
.image-left .row-1 dl {
	float: right;
	padding-top: 52px;
}
.image-right .row-1 dl {
	float: left;
	padding-top: 85px;
	padding-right: 0;
	padding-left: 81px;
	width: 518px;
}
.image-right .row-1 .photo {
	float: right;
}
.pt50 {
	padding-top: 85px;
	
}
.box-c {
	background: url(../img/osechi/s5_box_bg2.jpg);
	border: 1px solid #4b7c00;
	color: #593a1f;
	width: 1080px;
	margin: 0px auto 0;
}
.box-c .inside {
	padding: 32px 0px;
	margin: 0 auto;
	width: 1000px;
}
.box-c .inside h3 {
	font-size: 20px;
	letter-spacing: 5px;
	font-weight: bold;
	color: #341c07;
	border-bottom: 1px solid #105a0b;
	margin-bottom: 16px;
	padding-left: 7px;
	line-height: 32px;
}
.box-c .inside .blk + .blk {
	padding-top: 26px;
}
.box-c .inside .col-3 .item {
	width: 320px;
	border-top: 1px dashed #4b7c00;
	border-bottom: 1px dashed #4b7c00;
	float: left;
	padding: 10px 0;
}
.box-c .inside .col-3 .item p {
	padding-left: 10px;
	line-height: 30px;
}
.box-c .inside .col-3 .item + .item {
	margin-left: 20px;
}

#sec5 .row-1 {
	margin-bottom: 10px;
}

#sec6.image-right dl dt {
	
margin-bottom: 30px;
}

#sec6 .row-1 {
	margin-bottom: 14px;
}
#sec7 {
	background: url(../img/osechi/s7_bg1.png) no-repeat top right,url(../img/osechi/bg_1.png) no-repeat top left;
	
	padding: 98px 0 116px;
}
#sec7 .row-1 {
	margin-bottom: 10px;
}
#sec7.image-left .row-1 dl {
    padding-top: 83px;
}
#sec7.image-left .row-1 dl dt {
	margin-bottom: 30px;
}
#sec7 .box-c {
	background: url(../img/osechi/s7_box_bg.jpg);
	border: 1px solid #4b7c00;
	color: #fff;
}
#sec7 .box-c .inside h3 {
	color: #fff;
}
#sec8 {
	background:url(../img/osechi/bg_3.png)no-repeat top right,  url(../img/osechi/s7_box_bg.jpg), url(../img/osechi/s6_bg2.jpg);
	
	
	padding: 100px 0 75px;
	color: #fff;
}
#sec8 .box-c {
	background: url(../img/osechi/bg2.jpg);
}
#sec8 .row-1 {
	margin-bottom: 14px;
}
#sec8.image-right .row-1 dl dd{
	margin-bottom: 40px;

}
#sec8.image-right .row-1 dl dt {
    margin-bottom: 5px;
}
#sec8.image-right .row-1 dl dt {
}
#sec8.image-right .row-1 dl dd {
}

#sec9 {
	background: url(../img/osechi/s7_bg1.png), url(../img/osechi/bg2.jpg);
	background-repeat: no-repeat, repeat;
	-webkit-background-size: 100% auto, auto;
	background-size: 100% auto, auto;
	padding: 97px 0 101px;
}

#sec9 .row-1 {
	margin-bottom: 11px;
}
#sec9.image-left .row-1 dl {

	padding-top: 84px;
}
#sec9.image-left .row-1 dl dt {
	margin-bottom: 30px;
}

#sec10 {
	background: url(../img/osechi/s10_bg1.jpg), url(../img/osechi/s6_bg2.jpg);
	background-repeat: no-repeat, repeat;
	-webkit-background-size: 100% auto, auto;
	background-size: 100% auto, auto;
	padding: 98px 0 82px;
	color: #fff;
}

#sec10 .row-1 {
	margin-bottom: 14px;
}
#sec10.image-right .row-1 dl {

}
#sec10.image-right .row-1 dl dt {
	margin-bottom: 30px;
}

#sec10 .box-c {
	background: url(../img/osechi/bg2.jpg);
}



#sec11 {
	background: url(../img/osechi/s7_box_bg.jpg);
	padding: 139px 0 170px;
	color: #fff;
}
#sec11 .box {
	position: relative;
}
#sec11 .box .photo {
	position: absolute;
	top: -54px;
	left: -117px;
}
#sec11 .box dl {
    position: relative;
    margin-left: auto;
    width: 550px;
}
#sec11 .box dl dt {
    font-size: 30px;
    padding-bottom: 2px;
    padding-left: 40px;
    position: relative;
    letter-spacing: 7px;
    margin-bottom: 12px;
}
#sec11 .box dl dt::after {
	content: "";
	background: #fff;
	position: absolute;
	left: 0;
	right: -7px;
	height: 1px;
	bottom: 0;
}
#sec11 .box dl dd.price {
	font-size: 20px;
	padding-left: 45px;
	letter-spacing: 7px;
	line-height: 41px;
}
#sec11 .box dl dd.price span {
	font-size: 30px;
}
#sec11 .box dl dd.des {
	padding-left: 45px;
	font-size: 15px;
	line-height: 45px;
	letter-spacing: 1px;
}
#sec12 {
	padding: 88px 0 80px;
	position: relative;
}
#sec12 .wrap::before {
	content: "";
	background: url(../img/osechi/s12_deco.png) no-repeat top center;
	width: 252px;
	height: 367px;
	position: absolute;
	top: 150px;
	left: 0;
}
#sec12 h2 {
	margin-bottom: 132px;
}
#sec12 .photo {
	position: absolute;
	top: 0;
	right: -50px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
#sec12 .blk-2 {
    position: relative;
    margin-bottom: 45px;
}
#sec12 .blk-2 .box {
	width: 828px;
	margin-left: -59px;
	border: 1px solid #4b7c00;
	background: url(../img/osechi/bg2.jpg);
	color: #593a1f;
}
#sec12 .blk-2 .box .inside {
	padding: 30px 35px 35px 30px;
}
#sec12 .blk-2 .box .inside dl {
	padding-left: 30px;
	background: url(../img/osechi/hline.jpg) repeat-x bottom center;
	line-height: 43px;
	font-weight: bold;
}
#sec12 .blk-2 .box .inside dl dt, #sec12 .blk-2 .box .inside dl dd {
	display: inline-block;
}
#sec12 .blk-2 .box .inside dl dt {
	padding-right: 32px;
	font-size: 25px;
	letter-spacing: 5px;
}
#sec12 .blk-2 .box .inside dl dd {
	font-size: 20px;
	letter-spacing: 3px;
}
#sec12 .blk-2 .box .inside dl dd span {
	font-size: 30px;
	letter-spacing: 7px;
}
#sec12 .blk-2 .box .inside .txt {
	padding: 17px 0 0 30px;
	line-height: 33px;
}
#sec12 .blk-2 .box .inside .txt span {
	display: block;
	padding-top: 10px;
}
#sec12 .blk-2 .photo-2 {
	position: absolute;
	top: 0;
	right: -142px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}





#sec12 .blk-3 {
	position: relative;
}
#sec12 .blk-3 .box {
    width: 828px;
    margin-left: 312px;
    border: 1px solid #4b7c00;
    background: url(../img/osechi/bg2.jpg);
    color: #593a1f;
}
#sec12 .blk-3 .box .inside {
    padding: 40px 35px 57px 30px;
}
#sec12 .blk-3 .box .inside dl {
	padding-left: 30px;
	background: url(../img/osechi/hline.jpg) repeat-x bottom center;
	line-height: 43px;
	font-weight: bold;
}
#sec12 .blk-3 .box .inside dl dt, #sec12 .blk-3 .box .inside dl dd {
	display: inline-block;
}
#sec12 .blk-3 .box .inside dl dt {
	padding-right: 32px;
	font-size: 25px;
	letter-spacing: 5px;
}
#sec12 .blk-3 .box .inside dl dd {
	font-size: 20px;
	letter-spacing: 3px;
}
#sec12 .blk-3 .box .inside dl dd span {
	font-size: 30px;
	letter-spacing: 7px;
}
#sec12 .blk-3 .box .inside .txt {
	padding: 17px 0 0 30px;
	line-height: 33px;
}
#sec12 .blk-3 .box .inside .txt span {
	display: block;
	padding-top: 10px;
}
#sec12 .blk-3 .photo-2 {
    position: absolute;
    top: 0;
    left: -59px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}


#sec13 {
	padding: 91px 0 87px;
	background: url(../img/osechi/bg2.jpg);
}
#sec13 h2 {
	text-align: center;
	margin-bottom: -2px;
}
#sec13 .qa_list {
	padding-bottom: 48px;
}
#sec13 .qa_list .item p {
	margin-bottom: -1px;
}
#sec13 .qa_list .item dl {
	background-color: #fff;
	border: 1px solid #213c17;
}
#sec13 .qa_list .item dl dt {
	font-size: 20px;
	padding: 3px 38px 0;
	border-bottom: 1px solid #213c17;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 40px;
}
#sec13 .qa_list .item dl dd {
	font-size: 15px;
	line-height: 45px;
	padding: 23px 40px;
}
#sec13 .qa_list .item + .item {
	margin-top: 24px;
}
#sec13 .box-tel {
	width: 713px;
	margin: 0 auto;
	border: 2px solid #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	background: url(../img/osechi/s1_box_bg.jpg);
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	padding: 15px 0 10px;
	text-align: center;
	letter-spacing: 2px;
}
#sec13 .box-tel p {
	font-size: 20px;
}
#sec13 .box-tel p a {
	font-size: 28px;
}
#sec13 .box-tel p a:hover {
	text-decoration: none;
}
#sec13 .box-tel p small {
	display: block;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
}

@media only screen and (max-width: 1200px) {
	.image-right .wrap, .image-left .wrap {
		width: auto;
	}
	.image-right .photo, .image-left .photo {
		width: 45%;
	}
	.image-right .row-1 dl,
	.image-right dl {
		width: 45%;
	}
	.image-left dl {
		width: 46%;
	}
	
	
	.image-right dl, .image-left dl {
		padding-right: 0;
	}
	.image-right .row-1 dl {
		padding-left: 10%;
	}
	
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.btn-over img,
	.over-img img,
	img.over,
	img:not(.btn):not(.non-over),
	button img {
		opacity: 1;
		
		-moz-transform: translateX(0) translateZ(0);
		-webkit-transform: translateX(0) translateZ(0);
		transform: translateX(0) translateZ(0);
		transition: all 0s ease;
		-moz-transition:  all 0s ease;
		-webkit-transition:  all 0s ease;

	}
	.over-img img:hover,
	img.over:hover,
	/* a:not([href=""]):hover img:not(.btn):not(.non-over), */
	a:hover img:not(.btn):not(.non-over),
	button:hover img {
		cursor: pointer;
		opacity: .8;
		
		-moz-transform: translateX(0) translateZ(0);
		-webkit-transform: translateX(0) translateZ(0);
		transform: translateX(0) translateZ(0);
	}
	.non-over a:hover img:not(.over),
	.non-over img:not(.over):not(.btn):hover {
		opacity: 1 !important;
	}
	#sec13 .qa_list .item dl dt {
		padding-top: 10px;
	}
}


.row-1 dt span{
	font-size: 18px;
}
#sec11 dt span{
	font-size: 18px;
}
#sec5 .pt {
    position: absolute;
    right: 424px;
    top: 25px;
    line-height: 1.8;
}
#sec6 .pt {
    position: absolute;
    left: 100px;
    top: 60px;
    line-height: 1.8;
}
#sec11 .pt {
	position: absolute;
    right: 404px;
    top: -40px;
}
#sec5 .pt span, #sec6 .pt span, #sec11 .pt span {
    background: #D63731;
	color: #fff;
	padding: 2px 6px;
	border-radius: 5px;
}
#ten{
	margin-bottom: 100px;
}

#ten h2{
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
#ten .note{
	text-align: center;
}
#ten .note span{
	font-size: 22px;
}
#ten .product{
	margin-top: 40px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#ten .cl{
	width: 240px;
	/*display: inline-table;*/
	/*margin: 0 2px;*/
}
#ten .cl .ttl{
	font-size: 22px;
	margin-top: 10px;
	padding-left: 10px;
	border-bottom: 1px #6C6C6C solid;
	margin-bottom: 10px;
}
#ten .cl .price{
	line-height: 25px;
	padding-bottom: 10px;
	border-bottom: 1px #6C6C6C dotted;
	padding-left: 10px;
}
#ten .cl .price span{
	font-size: 20px;
}
.news_box {
    background: #fff;
    width: 860px;
    margin: 50px auto;
    line-height: 1.8;
    padding-bottom: 39px;
}
.news_box .ttl {
    padding: 39px 50px 10px;
    text-align: center;
    font-size: 20px;
    width: 760px;

    margin: 0 auto;
}

.news_box .txt {
    padding: 20px 50px 0;
    text-align: center;
}
#ten .cl .ds{
	margin-top: 10px;
	margin-bottom: 30px;
	padding-left: 10px;
	line-height: 25px;
}