@charset "utf-8";

html,body {
	background: #fff none;
    color: #000;
	font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0;
}

html{font-size: 62.5%;}

body {
	-webkit-font-smoothing: antialiased;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.sp_only {
	display: none;
}

img{
	max-width:100%;
	vertical-align: bottom;
}

.cl-over {
	clear: both;
	overflow: hidden;
}

.fl-left {float: left;}
.fl-right {float: right;}

.di-fl {
	display: flex;
	flex-wrap: wrap;
}

.inner {
	width: 1000px;
	margin: 0 auto;
}

.ju-sb {justify-content: space-between;}
.ju-cn {justify-content: center;}
.ju-fe {justify-content: flex-end;}

a {
	color: #595757;
	text-decoration: none;
}

.font-mi {font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/*--header--*/

header {
	padding: 3em 0;
}

header h1 {
	width: 20%;
	margin: 0 auto;
}

/*--top-visual--*/
#top-visual {
	background: url("../images/page/index/bg-main.jpg") no-repeat;
	background-size: cover;
	padding: 15em 0;
	text-align: center;
	color: #fff;
	margin-bottom: 3em;
}

#top-visual h2 {
	font-size: 2.5rem;
	line-height: 2;
	letter-spacing: .2em;
	margin-bottom: 1em;
}

#top-visual p {
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: .2em;
}
nav {margin-bottom: 5em;}
nav ul li {width: 20%;}
nav ul li a {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 1.6rem;
	border-left: solid 1px #595757;
}

nav ul li:first-child a {border-left: none;}

.top-inner {
	background: url("../images/page/index/bg-left.png"),
		url("../images/page/index/bg-right.png");
	background-position: left top, right top;
	background-size: 20%,20%;
	padding: 5em 0;
	background-repeat: no-repeat;
	margin-bottom: 10em;
}

.top-inner h2 {
	font-size: 2.6rem;
	text-align: center;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

.top-inner h2 span.ttl-bl {
	display: block;
	color: #595757;
	font-size: 1.4rem;
	padding-top: 2em;
}


.top-inner p {
	font-size: 1.3rem;
	line-height: 2;
	color: #595757;
}

.top-inner p + p {margin-top: 1em;}

.top-inner ul {
	margin-top: 5em;
}

.top-inner ul li {
	width: 30%;
}

.top-inner ul li h2 {
	text-align: left;
	font-size: 2rem;
	padding-top: .5em;
}

/*--footer--*/
.access-info {
	width: 50%;
	height: 450px;
	background:url("../images/common/map-bg.png") no-repeat #122122;
	background-size: 40%;
	background-position: top 50px left 50px;
	padding-left: 10em;
	box-sizing: border-box;
	color: #fff;
}

.access-info .footer-logo {
	width: 40%;
	padding-top: 10em;
	margin-bottom: 5em;
}

.access-info p.address {
	font-size: 2.6rem;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

.access-info p.address span {
	display: block;
	font-size: 1.7rem;
	padding-bottom: .5em;
	
}

.access-info .footer-tel {
	width: 50%;
	margin-bottom: 2em;
}

.access-info ul li {
	width: 30%;
	margin-right: 1em;
}
 
.access-map {
	width: 50%;
}

.access-map iframe {
	width: 100%;
	height: 450px;
}

.copyright {
	text-align: center;
	padding: 5em 0;
	font-size: 1.2rem;
	color: #595757;
	letter-spacing: .1em;
}


/*--page-nav--*/
.page-hd {padding-bottom: 0 !important;}
.page-nav {
	width: 80%;
	padding-top: 1em;
}


#page-main {
	padding: 2.4em 0;
	text-align: center;
	color: #fff;
	letter-spacing: .2em;
	font-size: 3.6rem;
	margin-bottom: 1em;
}

.about-bg {
	background: url("../images/page/about/bg-main.jpg") no-repeat;
	background-size: cover;
}

.contact-bg {
	background: url("../images/page/contact/bg-main.jpg") no-repeat;
	background-size: cover;
}

.product-bg {
	background: url("../images/page/product/bg-main.jpg") no-repeat;
	background-size: cover;
}

.recipe-bg {
	background: url("../images/page/recipe/bg-main.jpg") no-repeat;
	background-size: cover;
}

#main-contents {margin-bottom: 5em;}

/*--about--*/
.about-area {
	background: url("../images/page/about/bg-img001.jpg") no-repeat top;
	padding: 5em;
	box-sizing: border-box;
	color: #1a0b08;
}

.about-area h2 {
	font-size: 3.3rem;
	line-height: 1.8;
	letter-spacing: .2em;
	margin-bottom: 1em;
}

.about-area h3 {
	font-size: 2.8rem;
	line-height: 1.8;
	letter-spacing: .2em;
	margin-bottom: 1em;
}

.about-area h4 {
	font-size: 2rem;
	line-height: 1.8;
	letter-spacing: .2em;
	margin-bottom: 1em;
}


.about-area p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 2em;
}

.about-area ul {margin-top: 15em;}
.about-area ul li {
	width: 32%;
	margin-bottom: 2em;
}

dl.about-info01 {margin-bottom: 3em;}

dl.about-info01 dt {
	width: 20%;
	font-size: 3rem;
	letter-spacing: .2em;
}

dl.about-info01 dt span {
	display: block;
	font-size: 2rem;
	padding-bottom: .5em;
	letter-spacing: 0em;
}

dl.about-info01 dd {
	width: 80%;
	padding: 0 2em;
	box-sizing: border-box;
	border-left: solid 1px #000;
	font-size: 2rem;
	line-height: 2;
	letter-spacing: .1em;
}

dl.about-info02 {margin-bottom: 3em;}
dl.about-info02 dt span {
	display: block;
	font-size: 1.6rem;
	padding-bottom: .5em;
}
dl.about-info02 dt {
	font-size: 2.6rem;
	letter-spacing: .3em;
}

dl.about-info02 dt small {
	font-size: 1.6rem;
	letter-spacing: 0em;
	margin-left: 1em;
}

dl.about-info02 dd {
	padding: 0;
	box-sizing: border-box;
	font-size: 2rem;
	line-height: 2;
	letter-spacing: .1em;
}

/*--contact--*/
.contact-tel {
	width: 50%;
	padding-top: 4em;
	margin-bottom: 1em;
}

.contact-txt {
	font-size: 1.6rem;
	line-height: 2;
	color: #595757;
}

h3.contact-mail {
	font-size: 2rem;
	color: #00003b;
	font-weight: bold;
	margin-top: 3em;
	margin-bottom: 1em;
}

h3.contact-mail span img {
	width: 3%;
}

.form-area {margin: 5em 0 10em;}
.contact_body table{width: 100%; border-collapse: collapse;}
.contact_body table tr th,
.contact_body table tr td{
    box-sizing: border-box;
    border-top:1px solid #c9c9c9;
    padding: 20px;
	border-collapse: collapse;
}

.contact_body table tr th{
    text-align: left;
    font-weight: normal;
    width: 30%;
	font-size: 1.6em;
}

.contact_body table tr th .cautintext {
	background-color: #907000;
	padding: .5em 1em;
	color: #fff;
	margin-right: 1em;
}

.contact_body table tr td{
    position: relative !important;
    text-align: left;
	font-size: 1.6em;
	line-height: 2;
}
.contact_body table tr td input.w90,
.contact_body table tr td textarea.w90{
    width: 90%;
    padding: 15px;
    font-size: 14px;
}

.contact_body table tr td input.w30 {
    width: 30%;
    padding: 15px;
	font-size:14px;
}

#calendar,
#calendar1,
#calendar2 {
    width: 40%;
    padding: 15px;
	margin:5px 0 0;
	font-size:14px;
}

.contact_body table tr td {font-size: 14px;}
.contact_body table tr td select{padding: 10px;}
.contact_body table tr td label{margin-right: 20px; font-size: 14px;}

.contact_body p.submitbtn{margin: 30px auto; text-align: center;}
.contact_body p.submitbtn input#submitbtn{
    width: 30%;
    background-color: #000000;
    color: #fff;
    font-size: 20px;
    padding: 20px 0;
    text-align: center;
    border: none;
    cursor: pointer;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact_body p.submitbtn input#submitbtn:hover{
    background-color: #333;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.formError{
    position: absolute;
    left: 40% !important;
}

.contact_head .backbtn a{
    display: block;
    width: 40%;
    margin: 0 auto;
    background: #b2a570;
    border: 1px solid #b2a570;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    border-radius: 6px;
}
.contact_head .backbtn a:hover{
    background: #fff;
    border: 1px solid #b2a570;
    color: #333;
}

/*--product--*/
.product-ttl {
	font-size: 2rem;
	color: #231815;
	line-height: 2;
	text-align: center;
	padding: 5em 0 3em;
}

.product-inner {margin-bottom: 5em;}
.product-main{
	display: flex;
	align-items: center;
	margin-bottom: 4em;
}

.product-main:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;

}

.product-main:after {
	margin-top: 1em;
	margin-left: 5em;
	background: #b1b1b2;
}

.product-main img {width: 30%;}
.product-img {width: 50%;}
.product-info {width: 48%;}

table.product-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 20px;
}

table.product-table, 
table.product-table td, 
table.product-table th {

}

table.product-table td, 
table.product-table th {
}

table.product-table th {
	width: 20%;
	height: 90px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
	background-color: #122122;
	vertical-align: middle;
}


table.product-table td {
	padding-left: 2em;
	font-size: 1.4rem;
	line-height: 1.6;
}

hr {
	border: none;
	border-bottom: 1px dashed #9b9c9c;
}

.gift-area {
	padding: 2em;
	box-sizing: border-box;
	border: 1px solid #888988;
	margin-bottom: 15em;
}

.gift-area .gift-info {
	width: 58%;
	padding: 4em 0 4em 10em;
	box-sizing: border-box;
}

.gift-area .gift-info h3.gift-ttl {
	border-bottom: 1px solid #9e9e9f;
	padding-bottom: 3em;
	margin-bottom: 3em;
}

.gift-area .gift-info h3.gift-ttl img {
	width: 30%;	
}

.gift-area .gift-info p {
	font-size: 1.6rem;
	line-height: 2.4;
}

.gift-area .gift-img {
	width: 40%;
}

/*--recipe--*/
.recipe-ttl {
	font-size: 3rem;
	padding: 2em 0 0;
	margin-bottom: 1em;
	text-align: center;
}

.recipe-txt {
	font-size: 2rem;
	line-height: 2;
	margin-bottom: 2em;
	text-align: center;
}

.recipe-inner {margin-bottom: 10em;}
.recipe-ttl01 {
	color: #fff;
	font-size: 2.6rem;
	background-color: #122122;
	padding: .8em 1em;
	margin-bottom: 3em;
	box-sizing: border-box;
}


.recipe-img {
	border: 1px solid #000;
	padding: 1em;
	box-sizing: border-box;
	width: 50%;
}


.recipe-info {width: 48%;}
.info-txt {
	width: 30%;
	font-size: 1.6rem;
	color: #fff;
	background-color: #6a3906;
	padding: .5em 1em;
	box-sizing: border-box;
	margin-bottom: 1em;
} 

.recipe-info dl {
	width: 46%;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dashed #727171;
}

.recipe-info dl dt {
	font-size: 1.4rem;
}

.recipe-info dl dd {
	font-size: 1.4rem;
}

.mb3{margin-bottom: 3em;}
.red {
	color: #c30e23;
	font-weight: bold;
}

h3.make-ttl{
	font-size: 1.8rem;
	color: #221815;
	padding: 3em 0 1em;
} 

h3.make-ttl span {margin-right: .2em;}
ol.make-flow {
	border-radius: 15px;
	padding: 5em;
	box-sizing: border-box;
	background-color: #f2f0ea;
}

ol.make-flow li {
	font-size: 1.7rem;
	line-height: 2;
	text-indent:-1em;
	padding-left:1em;
}

ol.make-flow li + li {margin-top: .3em;}
.wi100 {width: 100% !important;}

.recipe-txt001 {
	width: 100%;
	font-size: 1.5rem;
	text-align: right;
}

.recipe-info01 {
	width: 100%;
} 

.recipe-info01 dl {
	width: 23%;
	margin-right: 2%;
} 

.recipe-info01 .info-txt {
	width: 14%;
	font-size: 1.6rem;
	color: #fff;
	background-color: #6a3906;
	padding: .5em 1em;
	box-sizing: border-box;
	margin-bottom: 1em;
} 

.pagettl {
	background:#f9f9f9;
	padding: 5em;
	margin-bottom: 5em;
	text-align: center;
	color: #333;
}

h2.thanks_txt {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1em
}

h2.thanks_txt span {
	display:block;
	font-weight:normal;
	font-size:1.6rem;
	padding-top: .5em;
}

.thanks_btn a {
	font-size: 1.6rem;
	color:#c00;
}