@charset "UTF-8";
/*-------------------------------------------
新TOP用
-------------------------------------------*/

/*--------共通項--------*/

#topInner a:hover {
	text-decoration: none;
}

#topInner {
	width: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
	animation: fadeInTop 1s ease;
	-ms-animation: fadeInTop 1s ease;
	-webkit-animation: fadeInTop 1s ease;
}

@keyframes fadeInTop {
	from { opacity: 0; }
	10% { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes fadeInTop {
	from { opacity: 0; }
	10% { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeInTop {
	from { opacity: 0; }
	10% { opacity: 0; }
	to { opacity: 1; }
}

#topInner .center {
justify-content: center;
}

#topInner .contentArea {
	position: relative;
	padding:80px 0;
	margin: 10px auto 0;
}

#topInner #entame.contentArea {
	padding-bottom: 120px;
}

#topInner #news.contentArea {
	margin: 0 auto 0;
}

#topInner .contentInner {
	width: 90%;
	max-width: 1080px;
	position:relative;
	margin: 0 auto;
	z-index:2;
}

#topInner .menuImg {
	display: block;
	overflow: hidden;
	border-radius: 6px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

#topInner .menuImg img {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

#topInner .heading {
	font-size:36px;
	font-weight:normal;
	text-align:center;
	letter-spacing:.07em;
	transform: rotate(0.03deg);
	margin:0 0 40px;
	}

#topInner .heading span.subHeading {
	display:block;
	position:relative;
	font-size:11px;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: .09em;
	font-weight: 700;
	color:#ffd200;
	margin-top:20px;
	}

#topInner .heading span.subHeading:before {
	content:"";
	width:35px;
	height:1px;
	background:#ffd200;
	position:absolute;
	top:-16px;
	left:0;
	right:0;
	margin:auto;
	}

#topInner .heading span.white {
	color:#fff;
	}

#topInner .heading span.white:before {
	background:#fff;
	}

#topInner .explanation {
	font-size:14px;
	text-align:center;
	line-height: 1.9em;
	margin:0 0 40px;
	}

/* 黄色ボタン */
#topInner .menuInner a.btnLink,
#topInner .denimobaArea .denimoba a.btnLink,
#topInner .contentArea .news a.btnLink {	
	display:block;
	background:#ffd200;
	text-decoration:none;
	text-align: center;
	border-radius:27px;
	transition: all .3s ease;
	padding:15px 25px;
	margin:0 auto;
}

#topInner .contentArea .news a.btnLink {	
	background:#fff;
	border:1px solid #e9e9e9;
	box-sizing:border-box;
	margin:0;
}

#topInner .menuInner a.btnLink {
	background:#E50012;
	color: #fff;
}

#topInner .menuInner a.btnLink,
#topInner .contentArea .news a.btnLink {
	width:300px;
}

#topInner .denimobaArea .denimoba a.btnLink {
	width:100%;
	margin-bottom:16px;
}

#topInner .menuInner a.btnLink,
#topInner .denimobaArea .denimoba a.btnLink,
#topInner .contentArea .news a.btnLink {
	font-size:13px;
	font-weight:bold;
}

/* バナーエリア */
#topInner .contentArea .contentInner ul.serviceArea,
#topInner .contentArea .contentInner ul.bnrArea,
#topInner .contentArea .contentInner ul.takeoutArea {
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin:0 auto;
	}

#topInner .contentArea .contentInner ul.serviceArea li {
	width: calc((100% - 5.4%) / 3);
	}

#topInner .contentArea .contentInner ul.bnrArea li {
	width: calc((100% - 10.8%) / 5);
	}

#topInner .contentArea .contentInner ul.takeoutArea li {
	width: calc((100% - 5.4%) / 3);
	}

#topInner .contentArea .contentInner ul.serviceArea li,
#topInner .contentArea .contentInner ul.bnrArea li,
#topInner .contentArea .contentInner ul.takeoutArea li {
	background: #fff;
	border-radius:15px;
	transition-duration: 0.3s;
	box-shadow: 0 3px 8px 3px rgba(0,0,0,.1);
	overflow: hidden;
	margin-right: 2.7%;
	margin-top:35px;
	}

#topInner .contentArea .contentInner ul.serviceArea li:nth-child(3n),
#topInner .contentArea .contentInner ul.bnrArea li:nth-child(5n) {
    margin-right: 0;
	}
	
#topInner .contentArea .contentInner ul.takeoutArea li:nth-child(3n) {
	margin-right: 0;
	margin-top:0;
}
	
#topInner .contentArea .contentInner ul.serviceArea li:nth-of-type(-n+3),
#topInner .contentArea .contentInner ul.bnrArea li:nth-of-type(-n+5),
#topInner .contentArea .contentInner ul.takeoutArea li:nth-of-type(-n+2) {
    margin-top:0;
	}

#topInner .contentArea .contentInner ul.serviceArea li a,
#topInner .contentArea .contentInner ul.bnrArea li a,
#topInner .contentArea .contentInner ul.takeoutArea li a {
	display: block;
	height: 100%;
	}

#topInner .contentArea .contentInner ul.serviceArea li a .serviceImg,
#topInner .contentArea .contentInner ul.bnrArea li a .bnrImg,
#topInner .contentArea .contentInner ul.takeoutArea li a .bnrImg {
	display: block;
	overflow:hidden;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	}

#topInner .contentArea .contentInner ul.serviceArea li a .serviceImg img,
#topInner .contentArea .contentInner ul.bnrArea li a .bnrImg img,
#topInner .contentArea .contentInner ul.takeoutArea li a .bnrImg img,
#slideEntertainment .slideInner .slick-list li a .entertaimentImg img {
	overflow:hidden;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	}

#topInner .contentArea .contentInner ul.serviceArea li a .serviceImg img {
	width: 100%;
	}

#topInner .contentArea .contentInner ul.serviceArea li .txt,
#topInner .contentArea .contentInner ul.bnrArea li .txt,
#topInner .contentArea .contentInner ul.takeoutArea li .txt,
#slideEntertainment .slideInner .slick-list li .txt {
	padding: 18px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0;
	}


#topInner .contentArea .contentInner ul.bnrArea li .menuicon-list{
    justify-content: flex-start;
}

#topInner .contentArea .contentInner ul.bnrArea li .menuicon-list li.new {
    width: 42px;
    box-shadow: none;
}


/*--------トップスライド部分--------*/
.main {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 40px;
}

#slide {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#slide .slideInner {
	display: none;
	overflow: hidden;
}

#slide .slideInner.slick-initialized {
	display: block;
}

#slide .slideInner .slick-list {
	max-width: 1320px;
	margin: 0 auto;
	overflow: visible;
}

#slide .slideInner .slick-list li {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#slide .slideInner .slick-list li a,
#slide .slideInner .slick-list li a img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

#slide .slideInner .slick-list li img.hide + img {
	display: none;
}

#slide .slideInner .thumbnail {
	width: 90%;
    max-width: 1080px;
    font-size: 0;
    letter-spacing: 0;
    text-align: center;
    padding: 10px 0 15px;
    margin: 20px auto 0;
}

#slide .slideInner .thumbnail li {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: auto;
	position: relative;
	opacity: .2;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 8px 3px rgba(0,0,0,.1);
	margin-right: 20px;
}

#slide .slideInner .thumbnail li:last-child {
	margin: 0;
}

#slide .slideInner .thumbnail li.slick-active {
	opacity: 1 !important;
}

#slide .slideInner .thumbnail li:hover:after,
#slide .slideInner .thumbnail li.slick-active:hover:after {
	width:100%;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

#slide .slideInner .slick-list li.slick-active:hover,
#slide .slideInner .thumbnail li.slick-active:hover {
	opacity: .8;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

#slide .slideInner .thumbnail li a {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	cursor: pointer;
}

#slide .slideInner li a .more {
    width: 120px;
    background: #ffd200;
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-align: center;
    border-radius: 35px;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    padding: 10px;
    margin-bottom: 0;
}

#slide .slideInner .thumbnail li a:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#slide .slideInner .thumbnail li a img {
	width: 120px;
}



/*--------メニュー部分--------*/
#topInner .menuInner {
	width: 100%;
	/*overflow: hidden;*/
	padding:30px 0;
	margin: 0 auto;
}

/*メニュースライド部分*/
#topInner .menuBg{
	position: relative;
}
#topInner .menuBg::before{
	content: "";
	display: block;
	width: 100%;
	height: 155px;
	left: 0;
	top: 0;
	animation: slideshow 180000s linear infinite;
	background: url(/images/top/menu_bg_a.jpg?0620) left top / 2176px 155px repeat-x;
}
@keyframes slideshow {
    from { background-position: 0 center; }
    to { background-position: -6271232px center; }
}  
#topInner .menuBg::after{
	content: "";
	display: block;
	width: 100%;
	height: 155px;
	left: 0;
	top: 0;
	animation: slideshow2 180000s linear infinite;
	background: url(/images/top/menu_bg_b.jpg?0127) left top / 2882px 155px repeat-x;
}
@keyframes slideshow2 {
    from { background-position: 0 center; }
    to { background-position: 6271232px center; }
}  

/*
#slidemenu,
#slidemenu2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
}

#slidemenu img,
#slidemenu2 img {
	height: 30vw;
    max-height: 150px;
    min-height: 100px;
    -webkit-backface-visibility: hidden;
}

#slidemenu.slick-initialized,
#slidemenu2.slick-initialized {
	display: block;
}
*/

#topInner .menuInner .menuHeading {
	font-size:60px;
	font-weight:600;
	font-family: 'Josefin Sans', sans-serif;
	text-align:center;
	color: #ea0000;
	letter-spacing: .07em;
	margin:0 auto 10px;
}

#topInner .menuInner .caution {
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 0;
}

#topInner .menuInner .txt {
	font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 18px;
}

#topInner .menuInner .day {
	width: 18%;
    position: absolute;
    top: -45%;
    right: 4%;
}



/*--------デニモバ--------*/

#topInner .denimobaArea {
	position:relative;
	background:url(/images/top/denimoba-bk.jpg) top center / cover no-repeat;
	padding:80px 0 0;
	margin: 10px auto;
}

#topInner .denimobaArea:before {
    content: "";
    background: url(/images/menu/menudot.png) top left / 3px 3px repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#topInner .denimobaArea .denimoba {
	max-width:660px;
	width:100%;
	margin:auto;
}

#topInner .denimobaArea .denimoba ul.denimobaBtn {
	width:45.4%;
	float:left;
	display:block;
	margin-top: 14%;
}

#topInner .denimobaArea .denimoba .denimobaImg {
	width:45.4%;
	float:right;
	position:relative;
}

.chenge_image {
	transition: .5s ease;
	-webkit-transition: .5s ease;
}


#topInner .denimobaArea .denimoba .denimobaImg:before {
	content:"";
	background:url(/images/top/denimoba-phone.svg) top left / 100% auto no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#topInner .denimobaArea .denimoba .denimobaImg .denimobaOtoku {
	width:53.3%;
	position:absolute;
	top:-6%;
	right:-14%;
	z-index:5;
}

#topInner .denimobaArea .denimoba ul.denimobaBtn li a .bnrImg,
#topInner .denimobaArea .denimobaOtoku-tab {
	display: none;
	}

#topInner .denimobaArea .denimoba ul.denimobaBtn li .txt {
	margin-bottom: 0;
	}



/*--------エンタメ--------*/
/*エンタメスライド部分*/
#slideEntertainment {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#slideEntertainment * {
	min-height:0;
min-width : 0;
}

#slideEntertainment .slideInner {
	display: none;
	overflow: hidden;
}

#slideEntertainment .slideInner.slick-initialized {
	display: block;
}

#slideEntertainment .slick-track {
    display: flex;
}

#slideEntertainment .slick-initialized .slick-slide {
    height: auto;
}

#slideEntertainment .slideInner .slick-list {
	max-width: 1320px;
	margin: 0 auto;
	overflow: visible;
}

#slideEntertainment .slideInner .slick-list li {
	position: relative;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 3px 8px 3px rgba(0,0,0,.1);
	transition-duration: 0.3s;
	overflow: hidden;
	margin:0 15px 0;
}

#slideEntertainment .slideInner .slick-list li a,
#slideEntertainment .slideInner .slick-list li a img,
#slideEntertainment .slideInner .slick-list li .entertaimentImg {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}

#slideEntertainment .slideInner .slick-list li img.hide + img {
	display: none;
}

/*エンタメスライド部分*/
#topInner .illust {
	max-width:988px;
	width:90%;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	z-index: -1;
}

#topInner .illust .illust1 {
	width:33%;
	float:left;
}

#topInner .illust .illust2 {
	width:33%;
	float: right;
}



/*--------お知らせ--------*/

#topInner .news {
	margin-bottom:20px;
}

#topInner .news dl {
	font-size: 0;
	letter-spacing: 0;
	position: relative;
	margin: 0 auto 25px;
}

#topInner .news dl dt {
	width: 195px;
	font-size: 14px;
	line-height: 1.6;
	position: absolute;
	top: 0;
	left: 0;
}

#topInner .news dl dt .newsTit {
	width: 95px;
	background:#ffd200 ;
	text-align: center;
	font-size: 80%;
	line-height: normal;
	float: right;
	border-radius: 2px;
	padding: 2px 0;
}

#topInner .news dl dd {
	display: block;
	width: 100%;
	position: relative;
	padding: 0 0 0 236px;
	margin: 0;
	box-sizing: border-box;
}

#topInner .news dl dd.pdfIcon:before,
#topInner .news dl dd.linkIcon:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(/images/common/dennysCommonImg.png) no-repeat;
    background-size: 260px 450px;
	position: absolute;
	top: 0;
	left: 215px;
}

#topInner .news dl dd.pdfIcon:before {
	background-position: -210px -104px;
}
#topInner .news dl dd.linkIcon:before {
	background-position: -230px -104px;
}

#topInner .news dl dd a {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}

#topInner .news ul.newsBtn {
	display: flex;
	justify-content: center;
	margin: 50px auto 0;
}

#topInner .news ul.newsBtn li {
	margin-right: 4%;
}

#topInner .news ul.newsBtn li:last-child {
	margin-right: 0;
}

#topInner .news dl.emphasize {
	border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

#topInner .news dl.emphasize  dt .newsTit {
	background-color: #ec2214;
	color: #fff;
}

#topInner .news dl.emphasize dd a {
	font-weight: bold;
	color: #ec2214;
}


/*--------CSR　安全安心--------*/

#topInner .csrArea {
	margin: 10px auto 0;
}

#topInner .csrArea .csrInner {
	width:100%;
	display:flex;	
	flex-wrap: wrap;
	margin:0 auto;
}

#topInner .csrArea .csrInner li {
	width: 50%;
	position:relative;
	overflow: hidden;
	}

#topInner .csrArea .csrInner li a,
#topInner .csrArea .csrInner li a:hover {
	color:#222;
	}

#topInner .csrArea .csrInner li .csrBtn {
	width:100%;
	position: relative;
	text-align:center;
	padding:90px 0;
	z-index: 1;
	}

#topInner .csrArea .csrInner li.csr:after,
#topInner .csrArea .csrInner li.safety:after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	}

#topInner .csrArea .csrInner li.csr:after {
	background:url(/images/top/csr-bk.jpg) center / cover no-repeat;
	}

#topInner .csrArea .csrInner li.safety:after {
	background:url(/images/top/safety-bk.jpg) center / cover no-repeat;
	}

#topInner .csrArea .heading {
	font-size:32px;
	margin:0 0 30px;
	}

#topInner .csrArea .csrInner li .txt {
	font-weight: bold;
	margin-bottom: 0;
	}


/*--------緊急事態宣言ボタン--------*/
#topInner .emergency a {
	width: 100%;
	display: block;
	background: #E50012;
	text-align: center;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	padding: 20px;
	margin-bottom: 0;
}

#topInner .emergency a span {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#topInner .emergency a span:before {
	content: "";
	display: block;
	background: url(/images/common/arrow-white.svg) right 50% / 100% auto no-repeat ;
	width: 6px;
	height: 11px;
	position: absolute;
	top:0;
	bottom: 0;
	right: -12px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	margin: auto;
}

#topInner .emergency a span:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}



/*--------感染症対策--------*/
#topInner .counterplan {
	width: 100%;
	padding: 15px 0;
}

#topInner .counterplan .counterplanInner {
	width: 90%;
    max-width: 1080px;
    text-align: center;
    border: 2px solid #222;
    border-radius: 10px;
    padding: 45px;
    margin: 0 auto;
}

#topInner .counterplan .counterplanInner h2 {
	font-size: 28px;
	text-align: center;
	margin-bottom: 18px;
}
#topInner .counterplan .counterplanInner h3 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 14px;
}
#topInner .counterplan .counterplanInner h3::before,
#topInner .counterplan .counterplanInner h3::after {
	content: "";
    width: 40px;
    height: 1px;
    background: #000;
    display: inline-block;
    margin: 0 10px;
    transform: translateY(-8px);
}

#topInner .counterplan .counterplanInner .txt {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 18px;
}
#topInner .counterplan .counterplanInner .txt02 {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0 auto 40px;
    display: table;
}
#topInner .counterplan .counterplanInner .spOnly{
    display: none;
}

#topInner .counterplan .counterplanInner ul {
	display: inline-block;
	margin-bottom: 0;
}

#topInner .counterplan .counterplanInner li span {
	position: relative;
}

#topInner .counterplan .counterplanInner li span.no1:before,
#topInner .counterplan .counterplanInner li span.no2:before {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	display: block;
	font-size: 17px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

#topInner .counterplan .counterplanInner li:not(:last-child) {
	margin-bottom: 10px;
}

#topInner .counterplan .counterplanInner a {
    display: inline-block;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
	text-align: center;
    padding: 16px 20px;
    color: #ec2214;
	border: 2px solid #ec2214;
    background: #fff;
    border-radius: 50px;
	transition: all 200ms ease;
}

#topInner .counterplan .counterplanInner a span {
	display: inline-block;
	line-height: 1.34;
}

#topInner .counterplan .counterplanInner a:hover {
	color: #fff;
	background: #ec2214;
}


/*--------感染症対策2--------*/
#topInner .counterplan2 {
	width: 90%;
    max-width: 1080px;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}

#topInner .counterplan2 a {
	max-width: 700px;
	width: 100%;
	position: relative;
	display: block;
	background: #E50012;
	text-align: center;
	border-radius: 35px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	padding: 20px;
	margin: 0 auto;
}

#topInner .counterplan2 a span {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

#topInner .counterplan2 a span:before {
	content: "";
	display: block;
	background: url(/images/common/arrow-white.svg) right 50% / 100% auto no-repeat ;
	width: 6px;
	height: 11px;
	position: absolute;
	top:0;
	bottom: 0;
	right: -12px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	margin: auto;
}

#topInner .counterplan2 a span:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -2px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}

#topInner .counterplan2 .txt {
	font-size: 14px;
    text-align: center;
    line-height: 1.9em;
    margin: 18px 0 0;
}

/*--------震災お見舞いなど--------*/
#topInner .sympathy {
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
	padding: 20px 0;
	background: url(/images/top/top-dots-bk.jpg);
	background-size: 2px 2px;
}

#topInner .sympathy p {
	font-size: 12px;
	line-height: 1.6;
	color: #666;
	margin: 0 auto;
}

/*--------newyear--------*/
#topInner .newyear {
	width: 100%;
	background: url(/images/top/newyear-bg.jpg) center / cover no-repeat;
	margin-bottom: 60px;
}

#topInner .newyear .newyearIn {
	max-width: 1080px;
	width: 90%;
	padding: 60px 0;
	margin: 0 auto;
}

#topInner .newyear .newyearIn h2 {
	font-size: 25px;
    letter-spacing: .05em;
	text-align: center;
	color: #B67B03;
	margin-bottom: 15px;
}

#topInner .newyear .newyearIn .txt,
#topInner .newyear .newyearIn .txtName {
	font-size: 15px;
    text-align: center;
    line-height: 1.7em;
    margin-bottom: 0;
    
}

#topInner .newyear .newyearIn .txtName {
    margin-top: 15px;
}


/*--------recruit--------*/
#topInner .recruit {
	width: 100%;
	margin: -20px 0 40px;
}

#topInner .recruit .recruitIn {
	max-width: 1080px;
	width: 90%;
	margin: 0 auto;
}

#topInner .recruit .recruitIn .txt {
	margin: 0 auto;
}

#topInner .recruit .recruitIn .txt a {
	width: 100%;
    text-align: center;
	position: relative;
	display: block;
	background: #ff8000;
	border-radius: 10px;
	border: 2px solid #ff8000;
	text-align: center;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	padding: 18px;
	margin: 0 auto;
}

#topInner .recruit .recruitIn .txt:hover a {
	background: #fff;
	border: 2px solid #ff8000;
}

#topInner .recruit .recruitIn .txt a span {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

#topInner .recruit .recruitIn .txt:hover a span {
	color: #ff8000;
}

#topInner .recruit .recruitIn .txt a span:before {
	content: "";
	display: block;
	background: url(/images/common/external-white.svg) right 50% / 100% auto no-repeat ;
	width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
	transition: .3s ease;
	-webkit-transition: .3s ease;
	margin: auto;
}

#topInner .recruit .recruitIn .txt:hover a span:before {
	background: url(/images/common/external-orange.svg) right 50% / 100% auto no-repeat ;
	width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
}


/*-------------------------------------------
スライド 1320px以上の時
-------------------------------------------*/

@media screen and (min-width:1320px) {
	
#slide .slideInner:before,
#slide .slideInner:after,
#slideEntertainment .slideInner:before,
#slideEntertainment .slideInner:after {
    content: "";
    display: block;
    width: 1320px;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	opacity: .5;
    margin: auto;
    z-index: 1;
}

#slide .slideInner:before,
#slideEntertainment .slideInner:before {
	transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
}

#slide .slideInner:after,
#slideEntertainment .slideInner:after {
	transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-webkit-transform: translate(100%,0);
}

}


/*-------------------------------------------
以下、hoverの管理
-------------------------------------------*/

@media screen and (min-width:769px) {
#slide .slideInner .thumbnail li:hover,
#slide .slideInner .thumbnail li.slick-active:hover {
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

#slide .slideInner .thumbnail li:hover {
	opacity: 1;
	box-shadow: 0 4px 9px 4px rgba(0,0,0,.2);
}

#slide .slideInner .slick-list li.slick-active:hover,
#slide .slideInner .thumbnail li.slick-active:hover {
	opacity: .8;
}

#slide .slideInner li:hover a .more {
	background: #E50012;
	color: #fff;
}

#topInner .emergency a:hover span:after,
#topInner .counterplan2 a:hover span:after {
	width: 100%;
}
	
#topInner .menuInner a.btnLink:hover,
#topInner .denimobaArea .denimoba a.btnLink:hover,
#topInner .contentArea .news a.btnLink:hover {
	background:#E50012;
	color:#fff;
}

/* バナーエリア */
#topInner .contentArea .contentInner ul.serviceArea li:hover,
#topInner .contentArea .contentInner ul.bnrArea li:hover,
#topInner .contentArea .contentInner ul.takeoutArea li:hover,
#slideEntertainment .slideInner .slick-list li:hover {
	box-shadow: 0 4px 9px 4px rgba(0,0,0,.2);
	}

#topInner .contentArea .contentInner ul.serviceArea li:hover a .serviceImg img,
#topInner .contentArea .contentInner ul.bnrArea li:hover a .bnrImg img,
#topInner .contentArea .contentInner ul.takeoutArea li:hover a .bnrImg img,
#slideEntertainment .slideInner .slick-list li:hover a .entertaimentImg img {
	transform:scale(1.1,1.1);
	}

/*--------お知らせ--------*/
#topInner .news dl dd a:hover {
	text-decoration: underline;
}

/*--------CSR　安全安心--------*/
#topInner .csrArea .csrInner li.csr:hover:after,
#topInner .csrArea .csrInner li.safety:hover:after {
	transform:scale(1.1,1.1);
	}

}


/*-------------------------------------------
　テイクアウトエリア内追加テキスト
-------------------------------------------*/

.takeoutArea + p {
	font-size: 14px;
    font-weight: bold;
    margin: 20px auto 0;
    opacity: .75;
}


/*-------------------------------------------
以下、TAB用
-------------------------------------------*/

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

/*--------共通項--------*/
#topInner .heading {
    font-size: 32px;
}

#topInner .contentArea .contentInner ul.serviceArea li,
#topInner .contentArea .contentInner ul.bnrArea li,
#topInner .contentArea .contentInner ul.takeoutArea li {
    border-radius: 10px;
}

#topInner .contentArea .contentInner ul.bnrArea li {
	width: calc((100% - 8%) / 5);
    margin-right: 2%;
}

#topInner .contentArea .contentInner ul.bnrArea li .txt {
    padding: 13px;
    font-size: 13px;
}


/*--------スライド部分--------*/
#slide .slideInner .slick-list li.slick-active a:after,
#slide .slideInner .thumbnail li:after {
	content: none;
}

#slide .slideInner .thumbnail li:hover,
#slide .slideInner .thumbnail li.slick-active:hover {
	opacity: .5;
}

#slide .slideInner .thumbnail {
    width: 100%;
}

#slide .slideInner .thumbnail li {
    width: 90px;
    margin-right: 15px;
}


/*--------メニュー部分--------*/

/*メニュースライド部分*/
#topInner .menuBg::before{
	height: 110px;
	background: url(/images/top/menu_bg_a.jpg) left top / auto 110px repeat-x;
}
#topInner .menuBg::after{
	height: 110px;
	background: url(/images/top/menu_bg_b.jpg) left top / auto 110px repeat-x;
}

#topInner .menuInner .menuHeading {
    font-size: 50px;
}


/*--------デニモバ部分--------*/
#topInner .denimobaArea {
	background:#f8f8f8;
	padding: 80px 0;
}

#topInner .denimobaArea:before {
    display: none;
}

#topInner .denimobaArea .denimobaOtoku-tab {
	width: 20%;
	display: block;
	position: absolute;
	top: -8%;
    right: 0;
}

#topInner .denimobaArea .denimoba ul.denimobaBtn {
	width:100%;
	float:none;
	display: flex;
    flex-wrap: wrap;
	margin: 0 auto;
}

#topInner .denimobaArea .denimoba ul.denimobaBtn li {
	width: calc((100% - 5.4%) / 3);
	background: #fff;
	border-radius:10px;
	transition-duration: 0.3s;
	box-shadow: 0 3px 8px 3px rgba(0,0,0,.1);
	overflow: hidden;
	margin-right: 2.7%;
	margin-top:35px;
	}

/*#topInner .denimobaArea .denimoba ul.denimobaBtn li:nth-child(3n) {
    margin-right: 0;
	}*/
	
#topInner .denimobaArea .denimoba ul.denimobaBtn li:nth-of-type(-n+3) {
    margin-top:0;
	}

#topInner .denimobaArea .denimoba ul.denimobaBtn li a .bnrImg {
	display: block;
	overflow:hidden;
	}

#topInner .denimobaArea .denimoba ul.denimobaBtn li .txt {
	padding: 18px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	}

#topInner .denimobaArea .denimoba .denimobaImg {
	display: none;
}

#topInner .denimobaArea .denimoba a.btnLink {
    margin-bottom: 0;
}

#topInner .denimobaArea .denimoba a.btnLink {
    background: none;
    text-align: left;
    border-radius: 0;
    padding: 0;
}

/*--------エンタメ部分--------*/

#slideEntertainment .slideInner .slick-list li {
    border-radius: 10px;
    margin: 0 10px 0;
}

/*--------お知らせ--------*/
#topInner .news dl dt {
    width: 100%;
    position: static;
    margin-bottom: 3px;
}

#topInner .news dl dd {
    padding: 0 0 0 24px;
}
#topInner .news dl dd.noIcon {
    padding: 0;
}

#topInner .news dl dd.pdfIcon:before,
#topInner .news dl dd.linkIcon:before {
    left: 0;
}

#topInner .news dl dt .newsTit {
    width: 95px;
    display: inline-block;
    float: none;
    margin-left: 15px;
}

#topInner .menuInner a.btnLink,
#topInner .contentArea .news a.btnLink {
	width:200px;
}	

/*--------CSR　安全安心--------*/
#topInner .csrArea .heading {
    font-size: 28px;
    margin: 0 0 20px;
}

#topInner .csrArea .csrInner li .csrBtn {
    padding: 56px 0;
}

/*--------感染症対策--------*/
#topInner .counterplan .counterplanInner {
    padding: 30px;
	}

#topInner .counterplan .counterplanInner .txt {
    font-size: 14px;
    text-align: center;
}

#topInner .counterplan .counterplanInner a {
    font-size: 16px;
}

#topInner .counterplan .counterplanInner li span.no1:before,
#topInner .counterplan .counterplanInner li span.no2:before {
	font-size: 16px;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

/*#topInner .counterplan .counterplanInner li:not(:last-child) {
    margin-bottom: 3px;
}*/

}


/*-------------------------------------------
以下、600pxでの微調整
-------------------------------------------*/

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

}


/*-------------------------------------------
以下、SP用(大型デバイス)
-------------------------------------------*/

@media screen and (max-width:480px) {
	
/*--------共通項--------*/
#topInner .contentArea {
    margin: 7px auto 0;
}

#topInner .heading {
	font-size:30px;
	margin:0 0 35px;
}

#topInner .heading span.subHeading {
    font-size: 10px;
}


/* バナーエリア */
#topInner .contentArea .contentInner ul.serviceArea li,
#topInner .contentArea .contentInner ul.bnrArea li,
#topInner .denimobaArea .denimoba ul.denimobaBtn li {
	width: calc((100% - 5%) / 2);
	}

#topInner .contentArea .contentInner ul.serviceArea li,
#topInner .contentArea .contentInner ul.serviceArea li:nth-child(3n),
#topInner .contentArea .contentInner ul.bnrArea li,
#topInner .contentArea .contentInner ul.bnrArea li:nth-child(5n),
#topInner .denimobaArea .denimoba ul.denimobaBtn li {
    margin-right: 5%;
	}

#topInner .contentArea .contentInner ul.serviceArea li:nth-child(2n),
#topInner .contentArea .contentInner ul.bnrArea li:nth-child(2n),
#topInner .denimobaArea .denimoba ul.denimobaBtn li:nth-child(2n) {
    margin-right: 0;
	}

#topInner .contentArea .contentInner ul.serviceArea li,
#topInner .contentArea .contentInner ul.serviceArea li:nth-of-type(-n+3),
#topInner .contentArea .contentInner ul.bnrArea li,
#topInner .contentArea .contentInner ul.bnrArea li:nth-of-type(-n+5),
#topInner .contentArea .contentInner ul.takeoutArea li:nth-of-type(-n+2),
#topInner .denimobaArea .denimoba ul.denimobaBtn li,
#topInner .denimobaArea .denimoba ul.denimobaBtn li:nth-of-type(-n+3) {
    margin-top:20px;
	}
	
#topInner .contentArea .contentInner ul.takeoutArea li:nth-child(3n) {
	margin-top: 20px;
}
	
#topInner .contentArea .contentInner ul.serviceArea li:nth-of-type(-n+2),
#topInner .contentArea .contentInner ul.bnrArea li:nth-of-type(-n+2),
#topInner .contentArea .contentInner ul.takeoutArea li:first-child,
#topInner .denimobaArea .denimoba ul.denimobaBtn li:nth-of-type(-n+2) {
    margin-top:0;
	}

 #topInner .contentArea .contentInner ul.takeoutArea {
    display: block;
	}

#topInner .contentArea .contentInner ul.takeoutArea li {
    width: 100%;
	}

#topInner .contentArea .contentInner ul.serviceArea li .txt,
#topInner .contentArea .contentInner ul.bnrArea li .txt,
#topInner .denimobaArea .denimoba ul.denimobaBtn li .txt {
    padding: 14px;
    font-size: 14px;
	}

	
/*--------スライド部分--------*/

.main {
	margin: 0 auto 15px;
}

#slide .slideInner .slick-list li img.hide {
	display: none;
}

#slide .slideInner .slick-list li img.hide + img {
	display: block;
}

#slide .slideInner .thumbnail {
    width: 95%;
    height: auto;
    margin: 12px auto 0;
}

#slide .slideInner .thumbnail li {
	width: 18%;
	border-radius: 5px;
    margin: 0 2% 0 0;
}

#slide .slideInner .thumbnail li:last-child {
	margin: 0;
}

#slide .slideInner .thumbnail li.slick-active:before {
	opacity: .9;
}

#slide .slideInner .thumbnail li a img {
	width: 100%;
}


/*--------メニュー部分--------*/
#topInner .menuInner .caution {
	width: 90%;
	/*text-align: left;*/
}

#topInner .menuInner .txt {
    font-size: 18px;
}

#topInner .menuInner .day {
    width: 34%;
}


/*--------デニモバ部分--------*/
#topInner .denimobaArea .denimobaOtoku-tab {
    width: 28%;
    display: block;
    position: absolute;
    top: -18%;
    right: 0;
}
	

/*--------エンタメ部分--------*/
#slideEntertainment {
    width: 100%;
    padding: 0;
}

#slideEntertainment .slideInner {
    padding-left: 6%;
}

#slideEntertainment .slideInner .slick-list li {
    margin: 0 30px 0 -5px;
}

#topInner #entame.contentArea {
    padding-bottom: 105px;
}

#slideEntertainment .slideInner .slick-list {
    padding: 0 30% 0 0;
}

#slideEntertainment .slick-dots {
    margin: 30px auto 0 !important;
}

#topInner .illust .illust1,
#topInner .illust .illust2 {
    width: 50%;
}


/*--------CSR　安全安心--------*/
#topInner .csrArea {
    margin: 7px;
}

#topInner .csrArea .csrInner {
    width: 100%;
    display: block;
}

#topInner .csrArea .csrInner li {
    width: 100%;
}

#topInner .csrArea .csrInner li:first-child {
    margin-bottom: 7px;
}


/*--------お知らせ--------*/
#topInner .news ul.newsBtn {
	display: block;
	margin: 50px auto 0;
}

#topInner .news ul.newsBtn li {
	margin-right: 0;
	margin-bottom: 20px;
}

#topInner .news ul.newsBtn li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

#topInner .contentArea .news a.btnLink {
    margin: auto;
	}
	
#topInner .menuInner a.btnLink,
#topInner .contentArea .news a.btnLink {
	width:300px;
}	

/*--------CSR　安全安心--------*/
#topInner .counterplan .counterplanInner {

}
	
#topInner .counterplan .counterplanInner h2 {
	font-size: 16px;
}

/*#topInner .counterplan .counterplanInner li:not(:last-child) {
    margin-bottom: 8px;
}*/
	
#topInner .counterplan .counterplanInner a {
    font-size: 13px;
}


/*--------震災お見舞いなど--------*/

#topInner .sympathy {
    padding: 15px 0;
}

#topInner .sympathy p {
	font-size: 10px;
}

#topInner .counterplan .counterplanInner .txt {
    font-size: 13px;
}



/*--------感染症対策--------*/
#topInner .counterplan .counterplanInner h2 {
    font-size: 24px;
}

#topInner .counterplan .counterplanInner a {
    font-size: 15px;
	min-height: 74px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#topInner .counterplan .counterplanInner ul {
	width: 100%;
    text-align: left;
	}

#topInner .counterplan .counterplanInner .txt {
	text-align: left;
}
#topInner .counterplan .counterplanInner .txt02 {
    font-size: 13px;
}
#topInner .counterplan .counterplanInner .pcOnly{
    display: none;
}
#topInner .counterplan .counterplanInner .spOnly{
    display: inline;
}
#topInner .counterplan .counterplanInner h3{
    position: relative;
    font-size: 19px;
}
#topInner .counterplan .counterplanInner h3::before,
#topInner .counterplan .counterplanInner h3::after {
    width: 20px;
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
}
#topInner .counterplan .counterplanInner h3::before{
    left: 0;
}
#topInner .counterplan .counterplanInner h3::after{
    right: 0;
}


#topInner .counterplan .counterplanInner li span.no1:before,
#topInner .counterplan .counterplanInner li span.no2:before {
	font-size: 15px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	bottom: inherit;
}
/*--------感染症対策2--------*/
#topInner .counterplan2 {
    padding: 20px 0 0;
}

#topInner .counterplan2 a {
    border-radius: 20px;
    padding: 16px;
}

#topInner .counterplan2 .txt {
    text-align: left;
}

#topInner .counterplan2 a:before {
	content: "";
	display: block;
	background: url(/images/common/arrow-white.svg) right 50% / 100% auto no-repeat ;
	width: 6px;
	height: 11px;
	position: absolute;
	top:0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

#topInner .counterplan2 a span:before {
	display: none;
}


/*--------newyear--------*/
#topInner .newyear .newyearIn {
    padding: 40px 0;
}

#topInner .newyear .newyearIn h2 {
    font-size: 23px;
    margin-bottom: 10px;
	}

#topInner .newyear .newyearIn .txt,
#topInner .newyear .newyearIn .txtName {
    font-size: 13px;
	}

#topInner .newyear .newyearIn .txt {
	text-align: left;
	}

/*--------recruit--------*/
#topInner .recruit .recruitIn .txt a {
	padding: 14px;
}

#topInner .recruit .recruitIn .txt a span {
    font-size: 16px;
}

#topInner .recruit .recruitIn .txt a span:before {
	background: url(/images/common/external-white.svg) right 50% / 100% auto no-repeat ;
	width: 12px;
    height: 12px;
    right: -50%;
}

#topInner .recruit .recruitIn .txt:hover a span:before {
	background: url(/images/common/external-orange.svg) right 50% / 100% auto no-repeat ;
	width: 12px;
    height: 12px;
    right: -50%;
}


}


/*-------------------------------------------
以下、SP用(小型デバイス)
-------------------------------------------*/

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

/*--------recruit--------*/
#topInner .recruit .recruitIn .txt:hover a span:before,
#topInner .recruit .recruitIn .txt a span:before {
    right: -38%;
}
	
}


/*-------------------------------------------
重要なお知らせ 2023 / 8 / 10
-------------------------------------------*/

/*スライダー下のボタン*/

.important-btn {
	width: 100%;
	height: auto;
}

.important-btn .ibInner {
	width: 100%;
    text-align: center;
}

.important-btn .ibInner a {
	display: flex;
    align-items: center;
    justify-content: center;
    color: #e30b20;
    font-size: 18px;
    font-weight: bold;
	padding: 24px;
    background: #ffeaeb;
	transition: all 300ms ease;
}

.important-btn .ibInner a:hover {
	background: #ffd6d8;
}

.important-btn .ibInner a span {
	display: inline-block;
	padding: 0 8px;
}

/*重要なお知らせ 欄*/

#topInner #important-notice.contentArea {
	margin: 0 auto;
	background-color: #ffeaeb;
}

#topInner #important-notice .heading span.subHeading:before {
	background-color: #e50012;
}

#topInner #important-notice .heading span.subHeading {
	color: #e50012;
}

#topInner #important-notice .news dl dt .newsTit {
	background-color: #e50012;
	color: #fff;
}

@media screen and (max-width:480px) {
	
.important-btn .ibInner a {
    font-size: 16px;
    padding: 21px;
}

}


/*-------------------------------------------
おすすめ欄_小窓全体真ん中表示 2023 / 9 / 29
-------------------------------------------*/

#topInner .contentArea.recommend .contentInner ul.bnrArea {
    justify-content: center;
}

#topInner .contentArea.recommend .contentInner ul.bnrArea li:last-child {
    margin-right: 0;
}

@media screen and (max-width:480px) {
#topInner .contentArea.recommend .contentInner ul.bnrArea {
    justify-content: flex-start;
}
}



/*-------------------------------------------
重要なお知らせ改 2024 / 8 / 30
-------------------------------------------*/
.ibInner .contentArea{
	padding: 24px 0 1px !important
}

.important-btn .ibInner .contentArea a {
    padding: 0;
    text-align: left;
}

.important-btn .ibInner .contentArea a:hover {
	background: #ffeaeb;
}



/*-------------------------------------------
重要なお知らせ改 2024 / 10 / 16
-------------------------------------------*/

#topInner .contentArea#info_simple {
	margin-top: 0;
    /*background-color: #ffeaeb;*/
}

.info_simple {
	width: 90%;
    max-width: 1080px;
	border: 4px solid #e30b20;
    border-radius: 20px;
    /*background-color: #ffeaeb;*/
    padding: 20px;
    margin: 0 auto;
}

.info_simple .title {
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #e30b20;
	letter-spacing: .05em;
	margin-bottom: 10px;
}

.info_simple .btn {
	text-align: center;
	margin: 0;
}

.info_simple .btn a {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #e30b20;
	text-decoration: none;
	display: inline-block;
	padding: 0 0 3px 0;
	border-bottom: 2px solid;
	/*padding: 6px 35px 6px 23px;*/
    /*border: 1px solid #222;*/
    /*border-radius: 25px;*/
    position: relative;
    transition: all 100ms ease;
}

.info_simple .btn a:after {
	content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/common/dennysCommonImg.png) no-repeat;
    background-size: 260px 450px;
    background-position: -210px -104px;
    position: absolute;
    top: 0;
    left: 125px;
}

.info_simple .btn a:hover {
	color: #e30b20;
	border-bottom: 2px solid transparent;
}

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

.info_simple .title {
	font-size: 18px;
}

}