@charset "UTF-8";

/* top*/
#topics{}
	#topics ul{ width: 94%; margin: 0 auto; }
		#topics ul li{ background: #FFFFFF; width: 90%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-bottom: 10px; font-size: 85.7%; padding: 5%; position: relative; }
		#topics ul li p{ margin-bottom: 1em; }
		#topics ul li .photo{ text-align: center; }
		#topics ul li figcaption{ font-weight: bold; padding: 10px 0 10px 40px; margin-bottom: 5px; }
		#topics ul li figcaption.news{ background: url(../../img/top/icon_news.gif) no-repeat left center; }
		#topics ul li figcaption.menu{ background: url(../../img/top/icon_menu.gif) no-repeat left center; }
		#topics ul li figcaption.shop{ background: url(../../img/top/icon_shop.gif) no-repeat left center; }
		#topics ul li p.btn{ text-align: right; }
		#topics ul li a.more{ color: #A81C1B; background: url(../../img/top/icon_arrow1.gif) no-repeat left center; padding-left: 10px; text-decoration: underline; }


/* common*/
.ttlPage{ width: 100%; margin-bottom: 20px; }
.ttlPage img{}
.ttlPage h1{ color: #A81C1B; font-weight: bold; padding: 10px 3%; font-size: 171.4%; }
	.ttlPage h1 span{ font-size: 54.2%; display: block; }

.boxDesign1{ width: 84%; margin: 0 auto; background: #FFFFFF; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 20px 5%; }
.boxDesign1 .ttl{ color: #AA2013; border-bottom: 1px dashed #444444; padding-bottom: 8px; margin-bottom: 20px; font-weight: bold; }
.txOranga{ color: #FF8000; }
.txRed{ color: #AA2013; }
.ttlCon{ color: #AA2013; font-weight: bold; border-bottom: 3px solid #AA2013; margin-bottom: 20px; font-size: 150.0%; padding-bottom: 5px; }
	.ttlCon span{ margin-left: 10px; font-size: 54.2%; }
.ttlPage2{ color: #AA2013; font-weight: bold; margin-bottom: 20px; font-size: 171.4%; margin-top: 20px; padding: 0 3% 5px 3%;}


/* history*/ 
#history{}
	#history .boxDesign1 .ttl{ font-size: 142.9%; line-height: 1.2; }
		#history .unit{}
			#history .unit p{ margin-bottom: 1em; }
		#history figure{}
			#history figure figcaption{ font-size: 85.7%; margin-top: 5px; }


/* aboutchickenrice*/ 
#aboutchickenrice{}
	#aboutchickenrice .boxDesign1 .ttl{ font-size: 142.9%; line-height: 1.2; }
	#aboutchickenrice .boxDesign1 section{ margin-bottom: 20px; }
	#aboutchickenrice .boxDesign1 section:last-child{ margin-bottom: 0px; }
		#aboutchickenrice .unit{}
			#aboutchickenrice .unit p{ margin-bottom: 1em; }
		#aboutchickenrice figure{}
			#aboutchickenrice figure figcaption{ font-size: 85.7%; margin-top: 5px; }

	#aboutchickenrice .sauce{ margin-bottom: 20px; border: 1px solid #CCC; padding: 10px 3%; }
		#aboutchickenrice .sauce li{}
		#aboutchickenrice .sauce li:before{ content:"?"; color: #A81C1B; }
	#aboutchickenrice .eat{ }
		#aboutchickenrice .eat li{ border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 10px; }
			#aboutchickenrice .eat .no{ width: 10%; float: left; background: #A81C1B; color: #FFFFFF; text-align: center; font-family: "Courier New", Courier, monospace; font-size: 114.3%; line-height: 1; padding: 3px 0 1px; }
			#aboutchickenrice .eat .tx{ float: right; width: 85%; }


/* news*/ 
#news{}
	#news .ttlPage{}
	#news .boxDesign1 .ttl{ font-size: 114.3%; line-height: 1.2; }
		#news .boxDesign1 .ttl .new{ font-size: 50.0%; background: #AA2013; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color:#FFFFFF; padding: 2px 5px; margin-right: 10px; vertical-align: middle;}
	#news .boxDesign1 section{ margin-bottom: 40px; }
		#news .boxDesign1 section:last-child{ margin-bottom: 0px; }
			#news p{ margin-bottom: 1em; }


/* menu*/ 
#menu{}
	#menu .ttlPage{}
	#menu .menuList{ width: 94%; margin: 0 auto;}
	#menu .menuList ul{ margin-bottom: 20px; }
		#menu .menuList ul li{ margin-right: 5px; margin-bottom: 5px; }
				#menu .menuList ul li img{ line-height: 1.5;}
			#menu .menuList ul li figure{ background: #FFFFFF; color: #000000; }
			#menu .menuList ul li figure figcaption{ font-weight: bold;padding: 15px 5% 5px;  }
			#menu .menuList ul li figure p{ font-size: 78.6%; padding: 0 5% 15px; }

/* company*/ 
#company{}
	#company .ttlPage{ }
	#company .outline{ width: 94%; margin: 0 auto; }
	#company .outline .unit{ margin-bottom: 40px;}
		#company .outline dl{ border-bottom: 1px dashed #AA2013; display: table; width: 100%; }
			#company .outline dl dt{ width: 25%; padding: 15px 0; font-weight: bold; display: table-cell; vertical-align: middle; }
					#company .outline dl dd{ padding: 15px 0;  display: table-cell;}
	#company .outline figure{ text-align: center; }
		#company .outline figure img{ margin-bottom: 20px;}


/* ourshops*/ 
#ourshops{}
	#ourshops .search .ttl{ margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; color: #AA2013; font-size: 150.0%; font-weight: normal; display: flex; align-items: center;  text-align: center; /* for no-flexbox browsers */}
		#ourshops .search .ttl:before,#ourshops .search .ttl:after{ border-top: 1px dashed; content: ""; flex-grow: 1; display: inline; /* for IE */ }
		#ourshops .search .ttl:before{ margin-right: 0.5em; }
		#ourshops .search .ttl:after{ margin-left: 0.5em; }
			
	#ourshops .search {}
		#ourshops .search ul { width: 94%; margin: 0 auto; }
			#ourshops .search li { margin-bottom: 20px; position: relative; border-bottom: 1px dashed #444; padding-bottom: 20px; }
			#ourshops .search .photo { width: 100%; margin-bottom: 10px; }
				#ourshops .search figure .unit { margin-bottom: 10px; }
				#ourshops .search figcaption { font-weight: bold; font-size: 1.286em; color: #A81C1B; margin-bottom: 3px; }
					#ourshops .search figcaption span{ font-size: 62.5%; margin-left: 5px; }
					#ourshops .search li .add{}
						#ourshops .search li .add dt{ float: left; width: 20%; color: #747474; }
						#ourshops .search li .add dd{ float: left; width: 80%; }
						#ourshops .search li .add span{ font-size: 62.5%; margin-left: 5px; }
					#ourshops .search li .btn { margin-top: 5px;}
						#ourshops .search li .btn a{ display: block; background: url(../../img/ourshops/icon_arrow.png) no-repeat 10px center #A81C1B; color: #FFF; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 15px 10px 25px; }

#ourshops .web a{ display: block; background: no-repeat 10px center #A81C1B; color: #FFF; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 15px 10px 25px; }
#ourshops .test p{color: #A81C1B;}

.web a{ background: center #A81C1B; color: #FFFF00; text-align: center; font-size: 85.7%;  border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 10px 15px 8px 25px; display: block;}


/* shopDesign*/ 
	.shopDesign .search #tab{ width: 100%; margin-bottom: 20px; border-top: 1px solid #9C1313; }
		.shopDesign .search #tab li { float: left; width: 50%; padding: 10px 0; cursor: pointer; margin-right: 0px; border-right: 1px solid #9C1313; border-bottom: 1px solid #9C1313; text-align: center; background: #FFFFFF; color: #A81C1B; box-sizing: border-box;}
			.shopDesign .search #tab li span{ font-size: 62.5%; margin-left: 5px; display: block; }
			.shopDesign .search #tab li.select { background: #A81C1B; color: #FFFFFF;}
			.shopDesign .search .disnon { display: none; }

.shopDesign .search .tabBox {}
.shopDesign .disnon { display: none; }

.shopDesign .concept{ width: 94%; margin: 0 auto; }
	.shopDesign .concept .unit{}
	.shopDesign .concept figure{}
		.shopDesign .concept .ttl{ color: #AA2013; font-size: 142.9%; font-weight: bold; margin-bottom: 20px; }
		.shopDesign .concept .unit p{ margin-bottom: 1em; }
		.shopDesign .concept figure figcaption{ text-align: right; font-size: 85.7%; margin-top: 5px; }
	.shopDesign .concept section { border-bottom: 1px solid #A81C1B; padding-bottom: 20px; margin-bottom: 20px; }
	.shopDesign .concept section:last-child { border-bottom: none; margin-bottom: 0px;}

.shopDesign .menu{ width: 94%; margin: 0 auto; }
	.shopDesign .menu .unit{}
	.shopDesign .menu figure{ margin-bottom: 20px; }
		.shopDesign .menu h3{ font-size: 121.4%; font-weight: bold; margin-bottom: 10px; }
			.shopDesign .menu { display: block; margin-bottom: 20px; }
		.shopDesign .menu .unit dl dt{ font-weight: bold; }
			.shopDesign .menu .unit dl dt span{ margin-left: 20px; }
		.shopDesign .menu .unit dl dd{ margin-bottom: 20px; font-size: 85.7%; }
		.shopDesign .menu figure figcaption{ text-align: right; font-size: 85.7%; margin-top: 5px; }
	.shopDesign .menu section { border-bottom: 1px solid #A81C1B; margin-bottom: 20px; }
	.shopDesign .menu section:last-child { border-bottom: none; margin-bottom: 0px;}

.shopDesign .party{ width: 94%; margin: 0 auto; }
	.shopDesign .party h3{ font-size: 121.4%; font-weight: bold; margin-bottom: 20px; }
		.shopDesign .party { display: block; margin-bottom: 20px; }
	.shopDesign .party .imgDammy{ background:#E8E8E8; text-align: center; height: 150px; width: 100%; padding-top: 150px; margin-bottom: 30px; }

.shopDesign .wedding{ width: 94%; margin: 0 auto; }
	.shopDesign .wedding h3{ font-size: 121.4%; font-weight: bold; margin-bottom: 20px; }
		.shopDesign .wedding { display: block; margin-bottom: 20px; }
	.shopDesign .wedding .imgDammy{ background:#E8E8E8; text-align: center; height: 150px; width: 100%; padding-top: 150px; margin-bottom: 30px; }

.shopDesign .info { width: 94%; margin: 0 auto; }
	.shopDesign .info .unit{ margin-bottom: 20px;}
	.shopDesign .info figure{}
		.shopDesign .info .shop{ font-size: 142.9%; font-weight: bold; margin-bottom: 15px; }
		.shopDesign .info .shop span{ font-size: 70.0%; margin-left: 10px; }
	
		.shopDesign .info .add{ font-size: 85.7%; }
			.shopDesign .info .add .tel{ font-size: 150.0%; font-weight: bold; line-height: 1.2; margin: 15px 0px 20px;}
				.shopDesign .info .add .tel span{ margin-right: 10px; }
	
		.shopDesign .info .day{ border-bottom: 1px solid #A81C1B; padding-bottom: 10px; margin-bottom: 20px; }
			.shopDesign .info .day dt{ font-size: 114.3%; font-weight: bold; border-bottom: 1px solid #A81C1B; margin-bottom: 10px; }
			.shopDesign .info .day dd{ font-size: 85.7%; }

		.shopDesign .info .car{}
			.shopDesign .info .car dt{ font-size: 114.3%; font-weight: bold; color: #216CAF; margin-bottom: 5px; background: url(../../img/ourshops/icon_car.gif) no-repeat left center; padding-left: 20px; }
			.shopDesign .info .car dd{ font-size: 85.7%; }
			.shopDesign .info .car dd.off{ background: #AA1F13; color:#FFFFFF; text-align: center; padding: 7px; margin: 5px 0; }
				.shopDesign .info .car dd.off span{ color:#FFFF26; }

.shopDesign .photo{ width: 94%; margin: 0 auto; }
	.shopDesign .photo ul{ margin-right: -20px; }
		.shopDesign .photo ul li{ float: left; margin-right: 20px; margin-bottom: 20px; }



/* sitemap*/ 
#sitemap{}
	#sitemap .sitemapList { width: 94%; margin: 0 auto; }
		#sitemap .sitemapList dl{ border-bottom: 1px dashed #A81C1B; }
			#sitemap .sitemapList dl a{ display: block; padding: 15px 2%; }
				#sitemap .sitemapList dl dt{ color: #AA2013; font-size: 114.3%; font-weight: bold; background:url(../../img/sitemap/icon_arrow.gif) no-repeat left 9px; padding-left: 12px; margin-bottom: 5px; }
					#sitemap .sitemapList dl dt span{ font-size: 62.5%; display: block; }
				#sitemap .sitemapList dl dd{ padding-left: 3.5%; }


/* contact*/ 
#contact{}
	#contact .contactList { width: 94%; margin: 0 auto; }
		#contact .contactList{ border-bottom: 1px dashed #A81C1B; padding: 0 0 20px; margin-bottom: 20px; }
			#contact .contactList:last-child{ margin-bottom: 0px; }
				#contact .contactList .unit{}
				#contact .contactList h2{ color: #AA2013; font-size: 114.3%; font-weight: bold; margin-bottom: 5px; }
				#contact .contactList p.tx{  background:url(../../img/contact/icon_arrow.gif) no-repeat left 4px; padding-left: 14px; font-size: 85.7%; }
				#contact .contactList p.btn{ width: 80%; margin: 15px auto 0; }
					#contact .contactList p.btn a{ display: block; font-size: 85.7%; color: #FFFFFF; background: #A81C1B; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 0; text-align: center; }


/* privacy*/ 
#privacy{}
	#privacy .privacyList { width: 94%; margin: 0 auto; }
		#privacy .privacyList dl{ border-bottom: 1px dashed #A81C1B; padding-bottom: 20px; margin-bottom: 20px; }
				#privacy .privacyList dl dt{ color: #AA2013; font-size: 114.3%; font-weight: bold; margin-bottom: 5px; }
				#privacy .privacyList dl dd{}



/* franchise*/ 
#franchise{}
	#franchise .boxDesign1 .ttl{ font-size: 142.9%; line-height: 1.2; }
		#franchise .unit{}
			#franchise .unit p{ margin-bottom: 1em; }
		#franchise figure{}
			#franchise figure figcaption{ font-size: 85.7%; margin-top: 5px; }