@charset 'utf-8';



#container{
	font-size: 14px;
	line-height: 1.7;
	font-family: 'メイリオ', 'Meiryo', 'Helvetica', 'ヒラギノ角ゴシック ProN', 'Arial', 'ＭＳ Ｐゴシック';
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #444;
    width:auto;
}

*,
*:before,
*:after{
	box-sizing: border-box;
}

.w1000 {max-width: 1000px;	margin: 0 auto;}

/*-- float --*/
.f_right { float: right;}
/*-- 明朝体 --*/
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*-- Sawarabi --*/
.saw{font-family:'Sawarabi Mincho', sans-serif;}
/*-- clearfix --*/
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.pc{display: inline;}
.tb{display: none;}
.sp{display: none;}


#container a, #container a:link, #container a:hover {
	text-decoration:none !important;
	color:#ffffff;
}

#container .mail a, #container .mail a:link, #container .mail a:hover {
    color:#3837CC;
}

#pankuzu a, #pankuzu a:link{
	color: #3837CC;
}

#container a:hover{
    opacity: 0.5 ;
	transition: 1.0s ;
}

/*-- 画像位置 --*/
img {
    margin: 0;
    padding: 0;
    vertical-align: bottom;
	max-width: 100%;
}
/*-- pc用画像 --*/
.pc {display: block;}
.tb {display: none;}
.sp {display: none;}

/*--------------------パンくず */
#breadcrumb li, #breadcrumb li a,#breadcrumb li a:link{
    color:#1F3CC1
}


/*--------------------page-top */
#page-top{
    position: fixed;
    z-index: 100;
    right: 20px;
    bottom: 20px;
}
#page-top a{
    display: block;
    width: 80px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 10px;
    background: #ddd;
}
#page-top a:hover{
    text-decoration: none;
    background: #a5a5a5;
}

/*----------  flex------------*/
.flex_container {
	display: flex;
	flex-wrap:wrap;
	/*flex-flow: row nowrap;*/
	/*justify-content:center;*/

}


.list_item{
    font-size: 1.4em;
    font-weight: 600;
   /* letter-spacing: 3px;*/
}


/*---------------------------------------------------------------------調整*/
.red{color: #D7000F;}
.red_back{background-color: #D7000F; color: #fff;}
.gray{color: #ccc;}
.b_text {font-weight: bold;}
.s_text {font-size: 12px; line-height: 1.4;}
.l_text {font-size: 120% !important;}

.attention {font-size: 85% !important; text-align: left; line-height: 1.1; font-weight: normal;}


/*-------------------- main_visual */
#main_visual{
    background:url(../img/bg_title.png) no-repeat bottom center,url(../img/bg01.jpg) no-repeat bottom center;
    background-color: #fffaf3;
	background-size:contain, cover;
}

#main_visual h1 {
 /*background:url(../img/title.png) no-repeat bottom center,url(../img/bg_title.png) no-repeat bottom center;*/
    background:url(../img/title.png) no-repeat bottom center;
       /*background-color: #000000;*/
    /*background: url(../img/title.png) no-repeat bottom center;*/
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 30px 0 0 0;
    min-height:400px;
}

/*-------------------- #bg01 */
#bg01{
	/*background :  url(../img/bg01.jpg) repeat;*/
	background-color: #fffaf3;
	padding: 3% 0 5% 0;
}
/*-------------------- #intro */
#intro{
	background-color : #ffffff;
	padding: 2% 4%;
	margin-bottom:2em;
}

#intro h2{
	font-size: 1.4285rem;
}

#intro dl{
	padding: 1em;
}

#intro dl dt{
	font-size:  1.2857rem;
	color: #d71618;
	font-weight: bold;
}


/*-------------------- nav */
nav{
	background-color : #000;
	color:#fff;
	padding: 0.3em 0;
    margin: 0 auto;
    width:1000px;
}

nav li{
	width:calc((100% - 15px) /5);
	text-align: center;
	border-right: 1px #ffffff solid;
    line-height:1.5;
    padding-top: 5px;
    list-style: none;
}

nav li:last-of-type{
	border-right: none;
}

nav li a{
	display: block;
}

.menu{
	flex-wrap:wrap;
	gap:15px;
	padding-top:2em;
	/*justify-content:space-around;*/
}

.menu img{
	width:auto;
}
.menu li{
    list-style: none;
	padding: 1em 0;
	width:calc((100% - 30px) /3);
}


/*.menu li:first-of-type, .menu li:nth-of-type(2){
	padding: 2em 0;
}*/



/*-------------------- detail */
.detail	{
	background :  url(../img/bg04.webp) repeat;
     padding-top: 50px;
    /*background : #fffaf3;*/
}

.osechi{
	padding: 3% 0;
    text-align: center;
}

.osechi p{
    display: inline-block;
}

.oder1{
	/*background: #fcf3d0;*/
    /*background: linear-gradient(90deg, rgba(229,191,92,1) 14%, rgba(229,191,92,1) 93%, rgba(229,191,92,1) 97%);*/
	background:url(../img/bg02.jpg) repeat bottom center;
	padding: 1% 0 3% 0;
}

.oder2{
	/*background: #fcf3d0;*/
    /*background: linear-gradient(90deg, rgba(229,191,92,1) 14%, rgba(229,191,92,1) 93%, rgba(229,191,92,1) 97%);*/
	background:url(../img/bg03.jpg) repeat bottom center;
	padding: 1% 0 3% 0;
}

.oder_price{
	padding-bottom:1em;
}

.info{
	background :  url(../img/bg04.webp) repeat;
	padding: 5% 0;
}

.info a, .info a:link, .info a:hover {
	color:#2e3192;
	font-weight: bold;
}

.info h3{
	background: #b98e32;
	font-size: 1.7142rem;
	color: #ffffff;
	text-align: center;
	padding:0.3em 0; 
}

.info_img{
	text-align: center;
	padding: 3em 0;
	margin: 0 auto;
}

.info_img img{
	text-align: center;
}

.info_box{
	background :#f9ecd7;
	padding: 5% 3%;
}

.info_box dt{
	background: #b98e32;
	font-size: 1.2857rem;
	color: #ffffff;
	font-weight: bold;
	padding: 0.2em 0 0.2em 1em;
}

.info_box .shime{
	background: #d71618;
}

.info_box dd{
	padding: 1em 0 2em 0;
	color: #000000;
}

.info_box dd span{
	font-weight: bold;
	color: #d71618;
}

.order_btn{
	background: #fcf3d0;
	padding: 3% 0 5% 0;
}

.emphasis{
	font-weight: bold;
}

/*.decorate{
	position: relative;
}*/

/*---------------------- order*/
.order_btn h4{
	/*background: #b98e32;*/
	font-size: 1.7142rem;
	color: #000000;
	text-align: center;
	padding:0.3em 0; 
}

.order{
	display: flex;
	flex-wrap: wrap;
}

.order p{
	width:48%;
}

.oder_price{
    text-align: center;
}

.order_btn span{
	font-size: 1.5rem;
}

.oder_tl{
	font-size:1.5em;
	padding-top:1em;
	text-align:center;
}

/*---------------------- btn*/

.btn{
	background: #000;
	color:#FFF;
	width:80%;
	border-radius:10px;
	text-align: center;
	font-size: 1.1428rem;
	margin:  1em auto;

}
.btn a{	
	padding: 0.8em;	
	color:#FFF;
	text-decoration: none;
	display: block;
}

.btn a:hover{
	border-radius:10px;
	background: #726f6f;
}

/*---------------------- contact*/
#contact{
	padding: 5% 0;
	/*margin-top: 5%;*/
	background: #f9ecd7;
}

#contact .infoBox{
	border: 1px solid #f9ecd7;
	background-color: #ffffff;
}

.infoTit{
	padding:7px 20px 5px;
	font-size: 1.3rem;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: 'YakuHanJP';*/
	color: #ffffff;
	background-color: #e94709;
}

.info_city{
	display: inline-block;
	margin-bottom: 7px;
	padding: 3px 10px 1px 10px;
	font-size: 0.8rem;
	font-family: 'Noto Sans JP', sans-serif;
	/*font-family: 'YakuHanJP';*/
	font-weight: normal;
	color: #ffffff;
	background-color: #dd486b;
}

#contact dl{
	padding: 20px 35px;
}

#contact dl:nth-child(2){
	border-bottom: dotted 1px #cccccc;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.1em
}

#contact dt{
	font-size: 1.3rem;
	font-weight: bold;
}

#contact dd{
	float: left;
	margin: 0 3% 7px 0;
}

#contact dd span{
	display: inline-block;
	margin: 0 7px 0 0;
	padding:  2px 20px;
	font-size: 86%;
	text-align: center;
	background-color: #dddddd;
}

.info_tel a{
	color: #dd486b;
	text-decoration-color: transparent;
}

.info_tel{
	width:100%;
	font-size:2rem;
	font-weight: bold;
	line-height: 1.3;
}

#contact a, #contact a:link{
	color: #dd486b;
	display: inline-block;
}

/*--------------------------------------------------- page-top */
#page-top img,
#page-top a{
	width:90%;
	height:auto;
	border-radius: 2px;
	padding:13% 10%;
}