@charset "UTF-8";

#main	{background: #cce4ed;}

#section01,
#for-child,
#section02,
#section03,
#section04{}
.derivary-area	{}

#section01,#section02	{background: rgba(230,224,190,0.45)}
#for-child	{background: rgba(255,255,255,0.45)}
#section02,#section04	{background: rgba(230,224,190,0.25)}
.derivary-area	{background: rgba(255,255,255,0.45)}


@media screen and (max-width:980px){}
	
	
	/*---------------------------
　TABLE
---------------------------*/
	
table {}
th,td	{padding: 10px;border: solid 1px #ccc;}
th {background: #e9727e;color: #fff;}

@media screen and (max-width: 640px) {
table {border-bottom: solid 1px #ccc;}
.tbl-r02 th,.tbl-r02 td {display: block;width: 100%;border-bottom: none;}
}

/*---------------------------
　TITLE
---------------------------*/

.block-title	{color: var(--color-01);font-size: 2rem;font-weight: 700;line-height: 1.5em;text-align: center;}

/*会席 / 四季折々、豊かな味をお届けします。*/
.section01-catch	{color: var(--color-01);font-size: 1.5rem;text-align: center;}
.block-title.section01	{font-size: 3rem;}
.section01-type	{color: var(--color-01);margin-bottom: 50px;text-align: center;}

/*お子様のためのお料理*/
.for-child	{margin-bottom: 50px;}

/*折詰弁当 / 季節の彩りを詰めあわせて、お届けします。*/
.section02-catch	{color: var(--color-01);font-size: 1.5rem;text-align: center;}
.block-title.section02	{font-size: 3rem;}
.section02-type	{color: var(--color-01);margin-bottom: 50px;text-align: center;}

/*創仁和光菴特製の美味しい品々。*/
.block-title.section03	{margin-bottom: 50px;}

/*各種単品メニューも、豊富に取り揃えてございます。*/
.block-title.section04	{}
.section04-catch	{margin-bottom: 50px;text-align: center;}

/*仕出し料理のご予約、承ります。*/
.block-title.derivary-area	{margin-bottom: 50px;}


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

}

@media screen and (max-width: 640px) {
.block-title	{font-size: 1.8rem;}
.section02-catch	{font-size: 1.2rem;}
}

/*---------------------------
　LAYOUT
---------------------------*/
	
.menu-list-area	{}
.menu-list-area	a{color: #333;text-decoration: none;}

/*メニュー名*/
.menu-list-area	.menu-name{color: var(--color-01);font-size: 1.5rem;font-weight: 700;line-height: 1.5em}

.menu-list-area	.menu-name	small{color: #333}

rt	{font-size: 0.5rem;}


@media screen and (max-width: 768px) {
.menu-list-area	.menu-name{display: block;margin-bottom: 0.5em;line-height: 1.3em}
.menu-list-area	.menu-name	small{display: block;}

}


/*写真+テキスト*/
.menu-list-01	{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.menu-list-01	li:last-child{margin-bottom: 30px;}
.menu-list-01.layout02	li{flex-basis: 49%;}
.menu-list-01.layout03	li{flex-basis: 32%;}
.menu-list-01.layout04	li{flex-basis: 23.5%;}


.menu-list-02	{flex-basis: 32%;}/*文字のみのリストブロック¨*/

/*説明文*/
.menu-list-03	{margin: 0.5em 0 1.2em;line-height: 1.5em}
.menu-list-03	li{padding: 0.2em 0}

/*文字のみのリスト　料金など*/
.menu-list-02	{width: 100%}

#section03	.menu-list-02	{margin-top: 20px}

.menu-list-02	li{display: flex;justify-content: space-between;padding: 4px 0 4px 1em;border-bottom: 1px solid #d8d0d0;}
.menu-list-02	li:first-child{border-top: 1px solid #d8d0d0;}
#section02	.menu-list-02	li.text-wrap	{flex-direction: column;}

.menu-list-02	li.left{justify-content: flex-start;}
.menu-list-02	li.center{justify-content: center;}
.menu-list-02	li.kara{padding-right: 0}


sup{position: relative;top: -0.5em;font-size: .8rem;}
.red{color: var(--color-01);white-space: nowrap}

@media screen and (max-width: 768px) {
.menu-list-02	li{padding: 4px;}
.menu-list-02.orizume	li{flex-direction: column;}
.menu-list-02	li	.price	{display: block}

.menu-list-02	li.spmargin,
.menu-list-03	li.spmargin{margin-bottom: 0.5em}
.menu-list-02	li.spsmall,
.menu-list-03	li.spsmall{font-size: 0.8rem}
}


/*品名・ご家庭に*/
.hinmei	{color: var(--color-01);font-weight: 700;line-height: 1.5em}
.gokatei	{margin: 0;height: 40px;line-height: 40px;color: var(--color-01);font-weight: 700;}

#section03	.hinmei	{color: #333;}
#section03	.hinmei.red	{color: var(--color-01);}

/*値段*/
.price	{font-size: 1.2rem;font-weight: 700;}

/*税込・円*/
.zeibetu,.en	{font-size: 0.6em}
.zeibetu	{margin-right: 3px}
.en	{margin-left: 3px}

/*明朝体*/
.m-coment-01{margin: 0;}
.m-coment-02{margin: 0;padding: 0 0 0 10px;}
.m-coment-03{margin: 0;font-size: 0.8rem}

/*#section02　注意書き*/
#section02	.menu-list-02	li	.attention{font-size: 0.8rem;font-weight: 700;}
#section02	p.attention	{margin-top: 2em;font-size: 0.8rem;text-align: right;}
#section02	p.attention	span{display: inline-block;text-align: left;}


/*#section03　リスト追記*/
#section03	ul.maru    {margin: 1em 0;}

@media screen and (max-width: 768px) {
.menu-list-01	{display: flex;flex-direction: column;}
.menu-list-02	{margin-bottom: 50px}

#section02	p.attention	{margin-top: -1em;}

#section03	ul.maru    {margin: -2em 0 1em 0;}
}

/*会合用松花堂弁当もご用意できます。(平日限定)*/
.for-meeting	{margin-top: 50px;padding: 10px 30px 15px 30px;border: 1px solid var(--color-01);}
.for-meeting	h4	{margin-bottom: 15px;color: var(--color-01);font-size: 1.5rem;text-align: center;}
.menu-list-02	.kaigyo	{}

@media screen and (max-width: 768px) {
.menu-list-02	.kaigyo	{display:block;text-align: center;}
.menu-list-02	.kaigyo	.slash,
.menu-list-02	.slash{display: none}
.for-meeting	{padding: 20px;}
.for-meeting	.menu-list-02{margin: 0;}
.menu-list-02	li.wrap	{flex-direction: column;}
}

/*---------------------------
　仕出し料理のご予約、承ります。
---------------------------*/

.derivary-area	{}
.derivary-area-wrap	{display: flex;justify-content: space-between;flex-wrap:wrap}
.derivary-area-text	{flex-basis: 60%}
.derivary-area-map	{flex-basis: 35%}

.derivary-area-title-01,
.derivary-area-title-02{margin-bottom: 0.5em;color: var(--color-01);font-weight: 700}
.derivary-area-title-01{font-size: 1.3rem;}
.derivary-area-title-02{font-size: 1.2rem;}

.derivary-area-text-block	{padding-bottom: 1em;}

.derivary-area-attention-list	{padding-bottom: 2em;}

.derivary-area-contactus	{padding: 10px;border: 1px solid var(--color-01);text-align: center;}
.derivary-area-contactus,.derivary-area-contactus	a{color: var(--color-01);font-weight: 700;text-decoration: none;}
.derivary-area-contactus	{background: rgba(255,255,255,0.3)}
.derivary-area-contactus	{font-size: 1.3rem}
.derivary-area-contactus	span{font-size: 1.5rem}
.derivary-area-contactus	a{font-size: 2rem}

.derivary-area-attention-list	.red002{color: var(--color-01);}

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

.derivary-area-text,
.derivary-area-map	{flex-basis: 100%;}

.derivary-area-text	{margin-bottom: 20px;}

.derivary-area-contactus	{max-width: 100%;width: 100%;}
.derivary-area-contactus	span{display: block;margin-top: 5px;}

}