@charset "utf-8";



.osechi-chui{
	margin: 50px auto 0px auto ;

}
.osechi-chui table{
	margin: 0px auto 30px auto ;
}
.osechi-chui table td{
	text-align: center ;
	padding: 0px 10px 0px 10px ;
}
.osechi-chui .yoyaku-simekiri{
	padding: 2px 20px 0px 20px ;
	color: #FFF ;
	font-weight: 700 ;
	background: #CC3333 ;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.osechi-chui .yoyaku-simekiribi{
	padding: 0px 0px 0px 10px ;
	color: #CC3333 ;
	font-weight: 700 ;
	font-size: 120% ;
}
.osechi-chui .otodoke{
	padding: 2px 20px 0px 20px ;
	color: #FFF ;
	font-weight: 700 ;
	background: #CC9900 ;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.osechi-chui .otodokebi{
	padding: 0px 0px 0px 10px ;
	color: #CC9900 ;
	font-weight: 700 ;
	font-size: 120% ;
}
.osechi-chui .chui{
	color: #006699 ;
	font-size: 90% ;
}



#main .osechi-box01{
	width: 90% ;
	max-width: 1050px ;
	margin: 50px auto 50px auto ;
	padding: 0px 50px 40px 50px ;
	border-bottom: 2px dotted #CCC ;
}

#main .osechi-box01 h1{
	font-size:;
	color:;
}

#main .osechi-box01 img.osechi-pic01{
	display: block ;
	width: 100% ;
	max-width: 950px;
	margin: 10px auto ;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
#main .osechi-box01 .osechi-pic01 h2 span{
	font-size: 90% ;
}


#main .osechi-box01 .osechi-pic02{
	width: 35% ;
	float: left ;
	/*border: 1px solid #CC0000 ;*/
}
#main .osechi-box01 .osechi-pic02 img{
	width: 100% ;
	max-width: 350px ;
	margin: 0px 20px 20px 0px ;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

#main .osechi-box01 .osechi-text-box{
	width: 60% ;
	padding: 0px 0px 0px 0px ;
	float: right ;
	/*border: 1px solid #FF0099 ;*/
}
#main .osechi-box01 .osechi-text-box .osechi-title{
	margin: 30px 0px 0px 0px ;
	padding: 25px 0px 20px 0px ;
	border-top: 2px dotted #CCC ;
	border-bottom: 2px dotted #CCC ;
}
#main .osechi-box01 .osechi-text-box h2{
	width: 50% ;
	margin: 0px 0px 0px 0px ;
	font-weight: 700 ;
	font-size: 180% ;
	line-height: 120% ;
	color: #40080b ;
	border: none ;
	float: left ;
}
#main .osechi-box01 .osechi-text-box h2 span.spec01{
	font-weight: 700 ;
	font-size: 60% ;
}
#main .osechi-box01 .osechi-text-box .price-box{
	width: 45% ;
	float: right ;
}
#main .osechi-box01 .osechi-text-box .price-box span.gentei{
	padding: 0px 10px ;
	font-weight: 700 ;
	font-size: 120% ;
	color: #FFF ;
	background: #CC3300 ;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
#main .osechi-box01 .osechi-text-box .price-box .price01{
	line-height: 200% ;
	font-weight: 700 ;
	font-size: 180% ;
}
#main .osechi-box01 .osechi-text-box .price-box .tax{
	font-weight: 700 ;
}
#main .osechi-box01 .osechi-text-box .price-box .price02{
	font-size: 100% ;
	font-weight: 700 ;
	font-size: 90% ;
}
#main .osechi-box01 .osechi-text-box .osechi-text{
	padding: 50px 15px 0px 15px ;
	font-size: 130% ;
}

#main .osechi-box01 .osechi-item{
	width: 60% ;
	float: right ;
}
#main .osechi-box01 .osechi-item ul{
	margin: 50px 0px 0px 0px ;
	padding: 20px 0px 20px 50px ;
  border: 1px solid #265E80B5;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
  background: #f6f8f9;
}
#main .osechi-box01 .osechi-item li{
	margin: 0px 40px 0px 0px ;
	padding: 7px 0px 0px 0px ;
	border-bottom: 1px dotted #667BCC;
	list-style-type: decimal ;
	float: left ;
	font-size: 97% ;
	line-height: 195% ;
}






#main .chef-box{
	width: 95% ;
	max-width: 1050px ;
	margin: 0px auto ;
}
#main .chef-box01{
	width: 100% ;
	max-width: 800px ;
	margin: 0px auto 25px auto ;
	padding: 0px 0px 25px 0px ;
	border-bottom: 1px dotted #CCC ;
}
#main .chef-box .chef-pic{
	display: table-cell ;
	text-align: center ;
	width: 30% ;
}
#main .chef-box .chef-pic img{
	width: 100% ;
	max-width: 200px ;
    border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */  
}

#main .chef-box .chef-text{
	display: table-cell ;
	vertical-align: middle ;
}
#main .chef-box .chef-text .name{
	padding: 0px 0px 0px 0px ;
	font-size: 130% ;
	font-weight: 700 ;
}
#main .chef-box .chef-text .birth{
	padding: 0px 0px 20px 10px ;
}
#main .chef-box .chef-text .chef-spac{
	font-size: 120% ;
}










/*form*/
input, button, textarea, select, optgroup, option {
  font-family: revert;
  font-size: revert;
  font-style: revert;
  font-weight: revert;
}
.page-text02{
	padding: 20px 10px ;
	border-top: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	line-height: 180% ;
}


#contact-caution{
	max-width: 840px ;
	margin: 20px auto 20px auto ;
	text-align: center ;
}
#contact-caution .text{
	max-width: 840px ;
	margin: 0px auto ;
	text-align: center ;
}
#contact-caution h2{
	width: 100% ;
	max-width: 840px ;
	margin: 0px auto 20px auto ;
	padding: 5px 5px 2px 5px ;
	color:#FFF;
	border: none ;
	background: #465c74 ;
	border-radius: 10px ;
}
div#mf_wrapper {
	max-width: 1050px ;
	margin: 0px auto 15px auto ;
	padding: 5px ;
}
div#mf_wrapper p{
	display: block ;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}

form#mailform {
	padding: 5px;
}
form#mailform h4 {
	width: 100% ;
	max-width: 845px ;
	margin: 0px auto ;
	padding: 10px 0px ;
	text-align: center ;
	font-weight: 700 ;
	font-size: 130% ;
}
form#mailform h4.otodoke1{background: #ccdee9 ;}
form#mailform h4.otodoke2{background: #e7f4db ;}
.form-box01{
	max-width: 845px ;
	margin: 0px auto ;
}
.form-box01 .th01{
	width: 200px ;
	height: 40px ;
	border-bottom: 1px dotted #939393 ;
	padding: 7px 10px 7px 10px ;
	font-size: 12px;
	vertical-align: middle;
	float: left ;
}
.form-box01 .th02{
	width: 200px ;
	height: 100px ;
	border-bottom: 1px dotted #939393 ;
	padding: 7px 10px 7px 10px ;
	font-size: 12px;
	vertical-align: middle;
	float: left ;
}
.form-box01 .th03{
	width: 200px ;
	height: 180px ;
	border-bottom: 1px dotted #939393 ;
	padding: 7px 10px 7px 10px ;
	font-size: 12px;
	vertical-align: middle;
	float: left ;
}
.form-box01 .td01{
	width: 600px ;
	height: 40px ;
	border-bottom: 1px dotted #939393 ;
	padding: 14px 5px 0px 20px ;
	vertical-align: middle ;
	float: left ;
}
.form-box01 .td01-2{
	width: 600px ;
	height: 45px ;
	border-bottom: 1px dotted #939393 ;
	padding: 9px 5px 0px 20px ;
	vertical-align: middle ;
	float: left ;
}
.form-box01 .td02{
	width: 600px ;
	height: 100px ;
	border-bottom: 1px dotted #939393 ;
	padding: 14px 5px 0px 20px ;
	vertical-align: middle ;
	float: left ;
}
.form-box01 .td03{
	width: 600px ;
	height: 180px ;
	border-bottom: 1px dotted #939393 ;
	padding: 14px 5px 0px 20px ;
	vertical-align: middle ;
	float: left ;
}
.form-box01 span{
	padding: 0px 0px 0px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}
.form-chuui{
	max-width: 845px ;
	color: #CC0000 ;
	text-align: left ;
	padding: 0px 0px 0px 20px ;
	margin: 10px auto 70px auto ;
}
.form-chuui02{
	max-width: 500px ;
	text-align: center ;
	padding: 0px 0px 0px 20px ;
	margin: 10px auto 70px auto ;
	border: 1px solid #CCC ;
	border-radius: 10px ;
	background: #f6f9fa ;
	padding: 20px ;
}

table.hyo {margin: 0px auto 50px auto ;border-collapse: collapse;}
table.hyo,
table.hyo th,
table.hyo td {border-top: 1px #808080 solid;border-bottom: 1px #808080 solid;}
table.hyo th,
table.hyo td {width:fit-content;padding: 3px 10px;vertical-align: middle ;}
table.hyo th {text-align: center ;font-weight: 700 ;}
table.hyo td {background-color: #ffffff;}
table.hyo td strong {color: #ff0000;}


.toi01 span,
.toi02 span{
	white-space: pre-wrap ;
}




h2.thanks-title01{
	padding-bottom: 30px ;
}

.thanks-text01{
	width:95% ;
	margin: 40px auto 0px auto ;
	line-height: 200% ;
	text-align: center ;
}












@media screen and (min-width: 768px) and (max-width: 900px){
	#main .osechi-box01{
		width: 90% ;
		max-width: 760px ;
		margin: 50px auto 50px auto ;
		padding: 0px 50px 40px 50px ;
		border-bottom: 2px dotted #CCC ;
	}
	
	#main .osechi-box01 .osechi-pic02{
		width: 100% ;
		margin: 50px auto 0px auto ;
		padding: 0px 0px 0px 5px ;
		float: none ;
		/*border: 1px solid #CC0000 ;*/
		text-align: center ;
	}
	#main .osechi-box01 .osechi-pic02 a{
		width: 33% ;
		display: table-cell ;
		padding: 0px 5px 10px 5px  ;
	}
	#main .osechi-box01 .osechi-pic02 img{
		width: 100% ;
		margin:0;
	}



	#main .osechi-box01 .osechi-text-box{
		margin: 0px auto ;
		width: 80% ;
		padding: 0px 0px 0px 0px ;
		float: none ;
		/*border: 1px solid #FF0099 ;*/
	}
	#main .osechi-box01 .osechi-item{
		width: 100% ;
		float: none ;
	}
	#main .osechi-box01 .osechi-item ul{
		margin: 20px 0px 0px 0px ;
	}
	#main .osechi-box01 .osechi-item li {
	    list-style-type: decimal;
	}

}



@media screen and (max-width: 900px){

#main .page-text01 {
    width: 95%;
    font-size: 3.9vw;
}

.osechi-chui .yoyaku-simekiri{
	padding: 2px 10px 0px 10px ;
	font-size: 4vw ;
}
.osechi-chui .yoyaku-simekiribi{
	padding: 0px 0px 0px 10px ;
	font-size: 5vw ;
}
.osechi-chui .otodoke{
	padding: 2px 10px 0px 10px ;
	font-size: 4vw ;
}
.osechi-chui .otodokebi{
	padding: 0px 0px 0px 10px ;
	font-size: 5vw ;
}
.osechi-chui .chui {
	font-size: 3vw ;
}

	#main .osechi-box01{
		width: auto ;
		margin: 50px auto 50px auto ;
		padding: 0px 5vw 40px 5vw ;
		font-size: 3vw ;
	}


	#main .osechi-box01 .osechi-pic02{
		width: 100% ;
		margin: 30px auto 0px auto ;
		padding: 0px 0px 0px 0px ;
		float: none ;
		/*border: 1px solid #CC0000 ;*/
		text-align: center ;
	}
	#main .osechi-box01 .osechi-pic02 a{
		width: 33% ;
		display: table-cell ;
		padding: 0px 5px 10px 5px  ;
	}
	#main .osechi-box01 .osechi-pic02 img{
		width: 100% ;
		margin:0;
	}




	#main .osechi-box01 .osechi-text-box{
		margin: 0px auto ;
		width: 99% ;
		padding: 0px 0px 0px 0px ;
		float: none ;
		/*border: 1px solid #FF0099 ;*/
	}
	#main .osechi-box01 .osechi-text-box h2 {
		width: 50%;
		font-size: 5vw;
	}
	#main .osechi-box01 .osechi-text-box h2 span.spec01 {
	    font-size: 3vw;
	}
	#main .osechi-box01 .osechi-text-box .price-box span.gentei{font-size: 4vw ;}
	#main .osechi-box01 .osechi-text-box .price-box .price01{font-size: 5vw ;}
	#main .osechi-box01 .osechi-text-box .price-box .tax{font-size: 3vw ;}
	#main .osechi-box01 .osechi-text-box .price-box .price02{font-size: 3.6vw ;}

	#main .osechi-box01 .osechi-item{
		width: 100% ;
		float: none ;
	}
	#main .osechi-box01 .osechi-item ul{
		margin: 20px 0px 0px 0px ;
	}
	#main .osechi-box01 .osechi-item li {
		list-style-type: decimal;
	}

	#main .chef-box .chef-text{
		display: block ;
		width: 90% ;
		margin: 5vw auto 1vw auto ;
	}
	#main .chef-box .chef-text .name{font-size: 5vw ;}
	#main .chef-box .chef-text .birth{font-size: 3vw ;}
	#main .chef-box .chef-text .chef-spac{font-size: 4vw ;}

	div#mf_wrapper {
	  width: 95%;
	}

	#contact-caution h2{
		width: 90% ;
	}

	.form-box01 .th01{
		width: 90% ;
		height: auto ;
		border: none ;
		padding: 7px 10px 0px 10px ;
		font-size: 12px;
		vertical-align: middle;
		float: none ;
	}
	.form-box01 .th02,
	.form-box01 .th03{
		width: 90% ;
		height: auto ;
		border: none ;
		padding: 7px 10px 0px 10px ;
		font-size: 12px;
		vertical-align: middle;
		float: none ;
	}
	.form-box01 .td01,
	.form-box01 .td01-2{
		width: 90% ;
		height: auto ;
		border-bottom: 1px dotted #939393 ;
		padding: 0px 5px 5px 5px ;
		vertical-align: middle ;
		float: none ;
	}

	.form-box01 .td02,
	.form-box01 .td03{
		width: 90% ;
		height: auto ;
		border-bottom: 1px dotted #939393 ;
		padding: 0px 5px 5px 20px ;
		vertical-align: middle ;
		float: none ;
	}
	div#mf_wrapper p{
		display: inline ;
		margin: 0px;
		padding: 0px 0px 0px 10px;
		font-size: 10px;
		color: #999999;
	}

}
/*Media Queries*/
@media screen and (max-width: 850px){
	table.mailform tr th,
	table.mailform tr td {
		font-size: 2vw;
	}
}
/*@media screen and (min-width: 568px) and (max-width: 1039px)*/
@media screen and (max-width: 1039px){
	div#mf_wrapper {
		width: 95%;
	}

	form#mailform {
	}
	table.mailform {
	}
	table.mailform tr th {
	}
	table.mailform tr td {
	}
	table.mailform tr th span {
		color: #CC0000;
		font-size: 10px;
	}
	table.mailform tr th p {
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		color: #999999;
	}

	#mailform table.mailform tr td textarea {
		width: 95% ;
		height: 80px ;
	}
	#mailform table.mailform tr td .name01 {
		width: 98% ;
	}
	#mailform table.mailform tr td .postcode01 {
		width: 20% ;
	}
	#mailform table.mailform tr td .address01 {
		width: 98% ;
	}
	#mailform table.mailform tr td .mail01 {
		width: 98% ;
	}
	#mailform table.mailform tr td .tel01 {
		width: 98% ;
	}

}
@media screen and (min-width: 1040px) and (max-width: 1280px){ 


}
@media screen and (max-width:380px) {
	#contact-caution h2{
		font-size: 4vw ;
	}
}