/* ===============================================
 タブレット用
=============================================== */
.sp{ display:none !important;}

@media screen and (min-width:681px){
	#shoplist04 a{ color:#000;}
	#shoplist04 a[href^="tel:"] {pointer-events: none;}

.logoArea{
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
}

}
@media screen and (max-width: 980px) {
	
	#main img, #main object {
		max-width: 100%;
		height: auto;
	}

	
	/* 全体 */
	.inner,
	.inner_l,
	.saiyo header,
	.ftinner{width:100%; margin:0;}
	
	.inner,
	.inner_l{ padding-left:1em!important; padding-right:1em!important;}

.saiyo header ul.pc li:nth-child(1){ padding-left:40px;}

}



/* ==============================================================================================
　スマートフォン用　画面の横幅が680pxまで
============================================================================================== */
@media screen and (max-width:680px){

.sp{ display: block !important;}
.PC , .pc{ display:none !important;}


body{
	font-family:"リュウミン R-KL","Ryumin Regular KL", 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ＭＳ Ｐ明朝','MS PMincho',sans-serif;
	font-size:1.3rem;
	line-height: 1.8;
}

.accbox label{
	top:0;
	left:0;
}

#topcont{
	min-height:100vh;
	
}

/************************ menu ************************/
.second header{
	height:61px;
}
#globalmenu ul {
	height:auto;
	display:block;
	margin:0;
	padding:30px 1em 30px 80px;
	background-color:#81342A;
	        box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
	   -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
}

.accbox .accshow { overflow:visible !important;}
#globalmenu ul{display:flex;	display:-webkit-flex; flex-wrap:wrap; align-items:flex-start;}
#globalmenu li {width:48%; border-bottom:1px dotted #fff; align-self:flex-start !important;}
#globalmenu li:nth-child(-n+2){ border-top:1px dotted #fff;}
#globalmenu li a{ display:block; color:#fff; padding:.5em 0;}
#globalmenu .hbox_no{ padding:.5em 0; border-bottom: none;}

#globalmenu .hbox1,
#globalmenu .hbox{ border-bottom:none !important; width:100%;}

#globalmenu .hbox1 a{background-color: rgba(255, 255, 255, 0.24); margin-top:1.5em; text-align: center;}
#globalmenu .hbox a {border:solid 1px #fff; margin-top:10px; text-align: center;}

#globalmenu .h_chuto img,
#globalmenu .h_shin img{ max-width:90%;}

#globalmenu .h_chuto,
#globalmenu .h_shin { border-bottom:none; margin-top:30px;}

#globalmenu .h_chuto { color:#fff; font-size:8px;}
#globalmenu .h_chuto a{
	text-align:center;
	background:#fff;
	border:solid 1px #fff;
	padding:10px 5px;
}
#globalmenu .h_shin a{
	padding:10px 5px;
	border:solid 1px #fff;
	background:#9F3427;
	text-align:center;
}


.top #globalmenu li:last-child,
.second #globalmenu li:last-child { display:none;}
.accboxKasow .accshow {
	  height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.accshow ul { position:relative; left:-600px;}
.cssacc:checked + .accshow ul { left:0;}
.cssacc:checked + .accshow + .slogo{ display:none !important;}

.headlogo{ position:absolute; top:47%; right:10px; z-index:-1;}

.logoArea{
	top:19%;
	left:50%;
	transform: translateX(-50%);
}
/*採用
-----------------------------------*/
.specialtit{margin:60px 0 40px;}
.saiyo2ndH{ width:100%;}
.saiyoH{
	position:fixed;
	top:0;
	width:100%;
	z-index:100;
	height:61px;
}
.saiyo header{padding:0 !important;}
.saiyo #globalmenu .hbox{ border-bottom:none !important; width:49%;}
.l_entry{ border-bottom:none !important;}
.l_entry a{background:#9F3427; text-align:center;}

.saiyo header ul li:nth-child(3){ text-align:left;}


.saiyo header ol{ top:0; position:relative !important;}


.saiyo header h1{ text-align:right; padding-top:22px; padding-right:30px; height:61px;}
.slogo {width:100%; display:flex;	display:-webkit-flex;}

.slogo li{ width:50%;}
.slogo li:nth-child(2) a{background:#9F3427;}

.slogo li a{
	width:100%;
	display:block;
	text-align:center;
	padding:1em 0;
	text-decoration:none;
	border:solid 1px #9F3427;
}


/************************ フッター ************************/

footer .pagetop{ padding-right:1em;}

footer nav{ padding:2em 1em;}
#footer-area .inner{ padding:0 !important;}
.ftmenu{flex-wrap: wrap;}

.ftmenu section.fttenpo{ width:100% !important; margin-right:0;}
.ftmenu section:nth-child(n+1){ width:31%; margin-right:0;}

.fttenpo li{ width:31%; padding-right:1em; vertical-align:top;}

.footer_c{ padding:2em 1em; display:block; font-size:1.2rem;}
.footer_c ul{ margin-bottom:10px;}
.footer_c ul li{margin-bottom:0;}
.footer_c ul li:nth-child(-n+2):after{ content:"|"; margin:0 5px;}
.Copyright{ font-size:1.1rem; margin:10px 0;}
.f_logo{ text-align:center;}


.ftmenu section ul li{
	color: rgba(255, 255, 255, 0.5);
}

/************************ トップページ用 ************************/
.logoArea{ width:80%;}
.toplogo1 img { width:100% !important; height:auto;}
.toplogo2 img{ width:80%;}

#slide{ margin:0 1em 60px;}
.slick-slide{ padding:0;}

.slick-prev:before, .slick-next:before{
	position:absolute;
	bottom:-2em;
}

.tenpolist li{
	width:33%;
	font-size:1rem;
}

.tenpolist li:nth-child(3n),
.tenpolist li:last-child{
	border-right:solid 1px #c6c6c6;
}

.shida{flex-wrap: wrap;}
.shida  li{
text-align: justify;
text-justify: inter-ideograph;
}
.shida.left  li:first-child,
.shida.right li:first-child{ width:25%; padding:2em 0; text-align:center;}
.shida.left li:first-child{margin-left:0; padding-right:0;}

.shida li.shidabun{ width:75%; padding:2em; align-self:flex-end !important; line-height:2;}
.shida li.shidabun .linkbtn a { min-width:100%;}

.shida.left .shidabun{ padding-left:0;}
.shida.right .shidabun{ padding-right:0;}

.shida.right li:first-child{margin-right:0;}

.shida .siphot{width:100% !important;}
.shida .linkbtn a{ padding-right:20px;}


.phot_narabi{justify-content:space-between;}
.phot_narabi li{
	width:25%;
	padding:0 5px;
}

.t_news .inner{ padding:0 !important;}
.t_news h2{ padding-left:1em;}
.t_news .newsbox{padding:2em 1em;}

.t_news .newsbox dd{ padding:1em;}
.newsbox ul,
.newsbox li{ display:block !important;}
.newsbox ul li:first-child{ margin-bottom:0.5em;}
.newsbox a{ color:#333; text-decoration:none;}

.newsbox dt{ width:7em;}
.news .newsbox dd{ padding-left:1em;}
.news .newsbox dl{ margin:1em 0 !important;}
.toplinkbtn li{padding: 1em 5px;}
.toplinkbtn li span{letter-spacing:2px !important; white-space:nowrap; width:100% !important; text-align:center !important;}


/*お取り寄せ
********************************************************/
.concept{background: #F7F0D9 none;}
.concept_txt h3{ margin:0 -1em !important;}
.concept_txt{ width:auto; position:relative; top:0; transform: translateY(0); padding-bottom:45px;}
.oshi_shohin{ display:block;}

.oshi_left .oshi_shohin_img{ float:left; padding-right:1em;}
.oshi_right .oshi_shohin_img{ float:right; padding-left:1em;}
.oshi_shohin_img{ width:50%;}
.oshi_shohin_t,
.oshi_shohin ul li{ width:auto;}
.oshi_shohin ul{ display:block;}

.oshi_shohin h3{ font-size:1.8rem;}



/*慶事・お祝い料理
********************************************************/
.keiji_hakozen{
	background: url(img/keiji_bg.png) repeat !important;
	background-size: cover;
	min-height: inherit;
}
.keiji_hakozen dl{
	position:relative !important;
	top:0 !important; left:0 !important; width:50% !important;
	float:left;
	padding:1em 0.5em;
}
.keiji_hakozen:after {
    content:" ";
    display:block;
    clear:both;
}

.keiji section[id] p.t_center,
.pagehead .t_center,
.chomon_step .t_center p { text-align:left;}
.pagehead .t_center,
#keiji01 p.t_center{ padding:0 1em;}

.keiji section[id] p.t_center br,
.pagehead .t_center br{ display:none;}

.taiotenpo .list3Col li{ width:100%;}


.taiotenpo li{ background:none !important;}
.taiotenpo li h3{ background:url(img/icon_boxarrow.png) no-repeat right 50%; min-height:20px;}

/*弔事・法事料理
********************************************************/

#choji01 ul.list2Col li:nth-child(2){ padding-left:0; padding-top:2em;}
#choji01 .fs10 br{ display:none;}



/*歴史
********************************************************/
.his_midashi li{ display:inline-block; vertical-align:middle; width:49%; text-align:center; margin-bottom:30px;}
.historytop li:nth-child(1){padding-left:0;}

.historylist{ width:auto; min-height: inherit !important;}

.historylist h2{ background:#963523; color:#fff; font-size:1.6rem;}
.historylist li{ font-size:10px;}
.historylist li:nth-child(even){padding-right:10px;}
.historylist li:nth-child(odd) {padding-left :10px;}
.historylist li:nth-child(even) strong{padding-right:55px; display:inline-block;}
.historylist li:nth-child(odd) strong {padding-left:55px; display:inline-block;}

.historylist li:nth-child(9),
.historylist li:nth-child(13){ margin-top:-100px;}
.historylist li:nth-child(10){ margin-top:0;}

.historylist li:nth-child(17){ padding-bottom:200px;}

/*歴史
********************************************************/
.kodaconcept div{ position:relative;}
.kodaconcept div h3{ position:absolute; top:90%; left:45%;}
.kodaconcept ul{ display:flex; margin:80px 0 40px;}
.kodaconcept ul li:first-child{ width:35%; text-align:center;}
.kodaconcept ul li:last-child{ width:65%; padding:0 1em;}

.ko01 ul, .ko02 ul, .ko03 ul, .ko04 ul{ height:auto;}


/*会社情報
********************************************************/
#company01 .nowrap{ width:auto; white-space:normal;}
.gaiyo th{ width:30%; white-space: nowrap;}

.gaiyono{ padding:5px;}

/*会社情報
********************************************************/
.contact .gaiyono{ display: none !important;}

.contact .gaiyo th,
.contact .gaiyo .gaiyotxt{ display:block; width:100%;}

.contact .gaiyotxt {
    border-width: 1px;
    border-color: #dfccca;
    border-style: none solid none solid;
}
.contact .gaiyo{ border-bottom: 1px #dfccca solid;}
.contact .gaiyo th {
    border: 1px #dfccca solid;
	background: #dfccca;
}
.contact input[type="text"], .contact input[type="email"],
.contact textarea{ width:100%;}

/*採用
********************************************************/
.saiyoTopmenu{ display:block;}
.saiyoTopmenu li:nth-child(-n+2),
.saiyoTopmenu li:nth-child(n+3) { width:100% !important; margin-bottom:15px;}

.saiyoSlider{ padding-top:170px !important;}
.saiyoSlider h2{top:70px !important;}

.saiyoSlider .slider li span{
	width:80%;
}


#saiyoMestxt ul{ display:block; margin-top:40px !important;}
#saiyoMestxt ul li:first-child{ text-align:center; margin-bottom:50px;}

#person h3{ width:100%; margin-bottom:30px;}
#person ul{ width:50%;}

#Environment table th{ padding:10px;}
#Environment table td br{ display:none;}


.dreamindex_tit,
.dreamindex_tit li,
.shokushu ul,
.shokushu ul li,
#saiyodata table th,
#saiyodata table td,
#Business
{ display:block;}


.dreamindex_tit h2{ margin-left:-1em; padding-top:35px; margin-bottom:30px;}
.dreamindex_tit li br{ display:none;}
.dreamindex_tit li:first-child{ width:100%;}
.dreamindex_tit li:last-child{ padding:0 1em;}
.shokushu ul{ margin:0 1% 10px; width:48%;}
.shokushu ul li{height:auto; padding:10px 5px;}
.shokushu ul li:first-child{ min-width:inherit !important;}

#saiyodata table{
	border-collapse:collapse;
}

#saiyodata table th{ background:#9F3427; color:#fff;}
#saiyodata table tr:first-child td{ border-top:none;}
#saiyodata table tr:last-child td{ border-bottom:solid 1px #B3B3B4;;}
#saiyodata table td{
	border-color:#B3B3B4;
	border-style:solid;
	border-width:0 1px;
}

#saiyodata p.t_center .btn_tenposho{ margin-bottom:1em;}

#Business ul{ width:100%; margin-bottom:2em;}

#dreambtn{ margin:0 -1em;}
#dreambtn .toggle{
	width:100%;
	padding:2em;
	position:relative;
	left:0;
	transform: translateX(0);
}

/* エントリー */
#entryform th,
#entryform td{
	display:block; width:100%;
}
#entryform th{ background:#993326; color:#fff;}
#entryform { padding:0 1em;}
#entryform input[size="60"]{ width:100% !important;}
#entryform input[size="6"],
#entryform input[size="5"]{ width:3em !important;}
#entryform .mast:after{ border:solid 1px #f5eae9;}

#entryform dt{ float:none; width:100%;}

#entryform dd {
	margin-left:1em;
}

#entryform input[type="submit"]{
	width:100%;
}

/************************ 下層共通 ************************/

.pagelinklist{flex-wrap:wrap;justify-content:flex-start;}
.pagelinklist li{text-align:center; width:50%; margin-bottom:10px;}

.list2Col{ display:block;}
.list2Col li{ width:100%;}
.list3Col li{ width:46%;}


.keyword li{width:48%;}
.keyword li:nth-child(odd){ margin-right:4%;}
.keyword li a{margin-right:0;}
.ten_list ul li:first-child{
	width:100px;
	padding:25px 1em 0 20px;
	}

.ten_list ul li:nth-child(2){
	padding:1rem 0 5em;
}
.ten_list ul li h3{ margin-bottom:1rem;}
.ten_list ul li img{max-width:75px;}
.ten_list a,
.ten_list ul{
	vertical-align:top !important;	
}
.ten_list a:after{
	bottom:10px;
	width:50%; text-align:center;
	top:inherit;
	left:40%;
	padding:.5em;
	transform:translateY(0);
	-webkit- transform:translateY(0);
}


.infotenpo{
	display:block;
	writing-mode:horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}

.infotenpo h3:before{content:"当店について";}
.infotenpo h3 img{ display:none;}
.infotenpo h3{margin-left:0; font-size:1.8rem;}
.infotenpo p{}
.infotenpo h4{ margin-right:0;}
.tencho { margin-top:30px;}
.tencho ul{ width:100%; padding:0 1em;}

.oshinagaki_tit{
	position:relative;
	left:50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	height:auto;
	margin-bottom:1em;
}

.search_map{ width:100%;}
.search_map ul li:nth-child(2) a{
	left: 3%;
	top: 72%;
	width: 23%;
	height: 38px;
}
.search_map ul li:nth-child(3) a{
	top: 45%;
	left: 0;
	width: 25%;
	height: 49px;
}
.search_map ul li:nth-child(4) a{
	left: inherit !important;
	right:10%;
	top: 61%;
	width: 22%;
	height: 41px;
}




#tenpoCook li{
	float:none;
	width:100%;
	height:auto;
	margin-bottom:2em;
}

#tenpoCook li:nth-child(2){ margin-top:0;}

#tenpoCook li:nth-child(even){ text-align: left;}
#tenpoCook li:nth-child(even) div{ text-align:left;}
#tenpoCook li:nth-child(odd){ margin-top:0;}

#shoplist01 hr{ border-color:#000; border-style:solid; border-width:1px 0 0;}

#shoplist02 ul li h4{ margin-bottom:1em;}

#shoplist02 .inner_l{ background-position:105% 29px;}
#shoplist02 ul{ display:block; width:auto; margin-right:50px;}
#shoplist02 ul li{ display:block; width:auto; word-break: break-all !important;}
#shoplist02 ul li:first-child{white-space:normal !important;}

#shoplist03{ padding-left:0;}
#shoplist03 h3 img{ display:none;}
#shoplist03 h3 strong{ display:block;}

#shoplist03 table th{ white-space:nowrap;}
#shoplist03 table td a{word-break: break-all;}

.acf{ padding-left:0 !important;}

.tenpo_returnlink{
	position: relative;
	left:inherit;
	bottom: inherit !important ;
	margin-left:0 !important;
	margin-top:1em;
}
#shoplist05{padding-left: 0 !important;}
#shoplist05 ul li{ display:inline-block; width:48%; height:150px; margin-bottom:1em; margin-right:1%;}

.shoplist-new_txt{padding:0;}

.speciallp{bottom:17px!important; right:5%!important; width:150px; height:150px;}


.btn_delicious{ left:3%; width:40%;}

.btn_2021{
right:0; left:0; 
box-sizing: border-box;
padding: 0 20px;

}

.btn10th{display: block; padding-top: 10px;}
.btn10th img{width: 100%; height: auto;}

.b2024{
	flex-direction:column;
	gap:18px;
}


/*ここまで *******************************************************************************/
}

@media screen and (max-width:320px){
.speciallp{width:112px; height:112px;}

	
}