@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

p {
	margin:0;
	padding:0;
}

dl {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#000;
}
a:hover img {
	opacity:0.7;
}
a:hover p {
	opacity:0.7;
}
a:hover dl {
	opacity:0.7;
}
a:hover div {
	opacity:0.7;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	margin:0;
	padding:0;
}

div {
	margin:0;
	padding:0;
}

.reddish {
	background-color:#C30012;
}

.grayish {
	background-color:#D5D5D5;
}

.div_img_max_width_100 img {
	max-width:100%;
}

/* スマホ */
@media screen and (max-width: 768px) {

	/* 共通 */
	.pc {
		display:none;
	}
	.screen_size {
		width:100%;
		padding-right:0px;
		padding-left:0px;
		margin-right:0px;
		margin-left:0px;
	}
	.sp_width_100 {
		width:100%;
	}

	.small_font a {
		font-size:0.8em;
	}

	.square_btn {
		display: inline-block;
		padding: 10px 40px;
		margin-top:30px;
		text-decoration: none;
		color: #000;
		background-color:#fff;
		border: solid 1px #000;
		transition: .4s;
		text-align: center;
	}
	.square_btn:hover {
	    background: #f0f0f0;
	    color: #0f0f0f;
	}

	/* メニュー */
	.menu_list {
		text-align:center;
		padding:20px 0;
	}
	.menu_list li {
		display:inline-block;
		margin:0;
		padding:0 20px;
		color:#fff;
	}
	.menu_list li+ li {
		border-left: 1px solid #fff;
	}
	.menu_list li dl {
		color:#fff;
	}
	.menu_list li dt {
		font-weight:bold;
	}
	.menu_list li dd {
		margin:0;
		font-size:0.8em;
	}
	.menu_list li a {
		color:#fff;
	}
	.menu_on {
		background-color:rgba(195, 0, 18, 0.8);
	}

	.menu_list2  {
		background-color:#3E3A39;
		text-align:center;
		width:100%;
		height:auto;
	}
	.menu_list2 li  {
		display:inline-block;
		width:calc((100% - 3px) / 2);
		position:relative;
	}

	.menu_list2 li:nth-child(odd) {
		border-left: 1px solid #666;
		border-right: 1px solid #666;
	}
	.menu_list2 li:nth-child(even) {
		border-right: 1px solid #666;
	}
	.menu_list2 li:nth-child(1), .menu_list2 li:nth-child(2) {
		border-top: 1px solid #666;
	}
	.menu_list2 li:nth-child(3), .menu_list2 li:nth-child(4) {
		border-top: 1px solid #666;
	}
	.menu_list2 li:nth-child(5), .menu_list2 li:nth-child(6) {
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	.menu_list2  a {
		display:block;
		padding-top:12px;
		padding-bottom:12px;
		color:#fff;
		font-size:3.5vw;
	}

	/* ヘッダー */
	.header_image {
		height:65px;
		margin:0;
		padding:0;
		background-color:#fff;
		position:fixed;top:0;left:0;
		z-index:100;
	}
	.header_image ul{
		height:65px;
	}
	.header_image li {
		display:table-cell;
		vertical-align:middle;
		margin:0;
		padding:0;
		height:65px;
	}
	.header_image li:nth-child(1) {
		width:calc(100vw - ((65px * 3) + 40px));
	}
	.header_image li:nth-child(2), .header_image li:nth-child(3), .header_image li:nth-child(4) {
		width:65px;
		padding-right:1px;
	}
	.header_image li:nth-child(5) {
		width:40px;
	}
	.header_image li:not(:first-child) img {
		width:100%;
		height:100%;
	}
	.header_image li:first-child img {
		max-width:100%;
		max-height:100%;
		height:auto;
	}
	.header .menu_list {
		background-color:#C30012;
	}

	/* ハンバーガーメニュー */
	#hamburger_menu {
		margin:0;
		border:0;
		background-color:#000;
		color:#fff;
		opacity:0.9;
		height:calc(100vh - 65px);
	}
	#hamburger_menu ul {
		height:calc(100vh - 65px);
	}
	#hamburger_menu li {
		display:list-item;
		width:100%;
		border-bottom:1px solid rgba(255,255,255,0.7);
	}
	#hamburger_menu li a {
		display:block;
		padding:20px;
		color:#fff;
	}
	#hamburger_menu li:last-child {
		text-align:center;
		height: 100%;
	}
	#hamburger_menu li:last-child a {
		height: 100%;
	}

	/* フッター */
	.footer {
		padding:48px 0;
		background-color:#000;
		color:#fff;
		margin-top:0px;
	}
	.footer .menu_list {
	}
	.footer_logo {
		text-align:center;
		padding:10px 0;
	}
	.footer_logo img {
		width:250px;
		height:auto;
	}
	.footer_copyright {
		font-size:0.7em;
		text-align:center;
		padding:10px 0 0px 0;
	}

	/* コンテンツ */
	.contents {
		text-align:center;
		padding:30px 0;
	}
	.contents_title {
		font-size:1.4em;
		padding-bottom:10px;
	}
	.contents_margin {
		margin-top:5px;
	}
	.contents_margin_gap {
		margin-top:20px;
	}
	.contents_center {
		width: calc(100% - 16px);
		margin-left:8px;
		margin-right:8px;
	}
	.contents_inner {
		color:#222;
		width: calc(100% - 16px);
		padding-left:8px;
		padding-right:8px;
		font-variant-numeric: normal;
		font-variant-east-asian: normal;
		font-size: 13.33px;
		text-align:left;
	}

	/* 店舗一覧 */
	.shop_list {
		margin-top:0px;
	}
	.shop_list ul {
		text-align: left;
	}
	.shop_list li {
		display:inline-block;
		vertical-align:top;
		width: calc((100% / 2) - 16px);
		margin:0;
		padding:8px;
	}
	.shop_list li img {
		width:100%;
	}
	.shop_sentence {
		text-align: center;
	}
	.shop_address {
		font-size:0.8em;
	}
	.shop_tel {
		text-align:center;
		font-size:0.8em;
	}
	.shop_tel p {
		display:table-cell;
		vertical-align:middle;
	}
	.shop_tel .tel_img {
		width:18px;
		height:auto;
	}
	.shop_tel .tel_top {
		padding-left:6px;
		font-size:1.4em;
	}

	.shop_list_line {
		display: block;
		text-align: center; 
		margin-top: 16px;
	}
	.shop_list_line img {
		max-width: 190px !important;
		width: 100% !important;
	}
	.shop_detail_line {
		display: block;
		padding: 16px 0 16px 0;
	}
	.shop_detail_line img {
		max-width: 230px !important;
		width: 100% !important;
	}

	/* ホットペッパー */
	.shop_list_hotpepper {
		display: block;
		text-align: center; 
		margin: 16px 0 8px 0;
	}
	.shop_list_hotpepper img {
		max-width: 190px !important;
		width: 100% !important;
	}
	.shop_detail_hotpepper {
		display: block;
		padding: 8px 0 16px 0;
	}
	.shop_detail_hotpepper img {
		max-width: 230px !important;
		width: 100% !important;
	}

	/* 求人一覧 */
	.job_list {
		padding:10px;
		vertical-align:top;
	}
	.job_list ul {
		text-align: center;
		vertical-align:top;
	}
	.job_list li {
		display:inline-block;
		width: 80%;
		margin:0;
		padding:10px 0;
		vertical-align:top;
	}
	.job_list li .inner {
		text-align: left;
	}
	.job_list li img {
		width:100%;
	}
	.job_list li .job_summary {
		font-size: 0.8em;
	}

	/* ニュース */
/*
	.news_list {
	}
	.news_list ul {
		width:100%;
		margin:0 auto;
		text-align:left;
	}
	.news_list li {
		display:inline-block;
	}
	.news_list .left_li {
		width: calc(100% - 10px);
		padding-left:10px;
	}
	.news_list .right_li {
		width: calc(100% - 30px;);
		padding-left:30px;
	}
*/
	/* ニュース */
	.news_list ul {
		text-align:left;
	}
	.news_list img {
		width: 100%;
	}
	.news_list li {
		display:inline-block;
		padding:10px;
		width: calc((100% / 2) - 20px);
		vertical-align:top;
	}
	.news_list .news_date_div {
		position:relative;
		height:18px;
	}
	.news_list .news_recommend {
		margin-right:10px;
		height:18px;
		width:auto;
	}
	.news_list .news_date {
		position:absolute;
		vertical-align:middle;
		top: 2px;
		font-size:0.7em;
	}
	.news_list .news_title {
		padding:5px;
		color:#C30012;
		font-weight:bold;
		text-decoration:underline;
		font-size:1.2em;
	}
	.news_list .news_sumary {
		font-size:0.7em;
	}
	.news_detail {
		text-align:left;
	}
	.news_detail .news_image {
		width:100%;
	}
	.news_detail .news_date {
		font-size:1.0em;
	}
	.news_detail .news_title {
		padding:5px;
		color:#C30012;
		font-weight:bold;
		font-size:1.4em;
	}


	/* ページ番号 */
	.pager li {
		display:inline-block;
		font-size: 17px;
		margin:0 5px;
		font-size:0.8em;
	}
	.pager li a {
		padding:10px 10px;
		border:solid 1px #000;
	}
	.pager li a:hover {
		color:#fff;
		background:#C30012;
		border:solid 1px #C30012;
	}
	.pager_inpage {
		padding:10px 10px;
		background:#b6ced6 !important;
		border:solid 1px #000;
	}
	.pager_lat a {
		padding:10px 32px !important;
	}

	/* お知らせ・イベント情報 */
	.event_slider {
		background-color:#D5D5D5;
		width:calc(100%);
		margin-left:auto;
		margin-right:auto;
		padding:20px 0px;
	}
	.event_slider li {
		width:calc((100vw / 2) - 20px);
		padding:0 8px;
		text-align:left;
	}
	.event_slider li img {
		width:calc((100vw / 2) - 20px);
		height:calc((100vw / 2) - 20px);
		object-fit:cover;
	}
	.event_slider li .title {
		padding:5px 5px;
		font-size:0.8em;
		font-weight:bold;
	}
	.event_slider li .summary {
		padding:0 5px;
		font-size:0.7em;
	}

	/* カラオケ機器 */
	.top_device_slider li .summary {
		padding:0 5px;
		font-size:0.7em;
	}


	/* フランチャイズ */
	.header_franchise {
		width:100%;
		height:calc(65px * 1);
		vertical-align:middle;
	}
	.header_franchise li {
		display:inline-block;
		vertical-align:middle;
		font-size:1.0em;
		height;65px;
	}
	.header_franchise li img {
		max-height:65px;
		max-width:100%;
		width:auto;
		max-size:

	}
	.header_franchise li:nth-child(1) {
		width:120px;
		height:100%;
	}
	.header_franchise li:nth-child(2) {
		width:calc(100% - (120px + 10px));
		padding-left:10px;
	}
	.header_franchise li:nth-child(3) {
		width:100%;
		text-align: center;
	}

	.franchise_square_btn {
		display: inline-block;
		padding:10px;
		margin:0;
		text-decoration: none;
		color: #000;
		background-color:#fff;
		border: solid 1px #000;
		transition: .4s;
		text-align: center;
		font-size:0.8em;
	}
	.franchise_square_btn:hover {
	    background: #f0f0f0;
	    color: #0f0f0f;
	}
	.franchise_square_btn .square_icon {
		margin-right:8px;
		width:12px;
		height:12px;
	}

	/* slick */
	#event_slider .slick-prev {
		top:calc((((100vw / 2) - 20px) / 2) + 16px); 
	}
	#event_slider .slick-next {
		top:calc((((100vw / 2) - 20px) / 2) + 16px);
	}
}

/* PC */
@media screen and (min-width: 769px) {

	a[href^="tel:"] {
		pointer-events:none;
	}

	/* 共通 */
	.sp {
		display:none;
	}
	.screen_size {
		width: 100%;
		min-width:1100px;
	}
	.screen_size_inner {
		max-width:1240px;
		margin-right:auto;
		margin-left:auto;
	}
	.small_font a {
		font-size:0.8em;
	}

	/* 四角ボタン */
	.square_btn {
		display: inline-block;
		padding: 10px 40px;
		margin:30px 0;
		text-decoration: none;
		color: #000;
		background-color:#fff;
		border: solid 1px #000;
		transition: .4s;
		text-align: center;
	}
	.square_btn:hover {
	    background: #f0f0f0;
	    color: #0f0f0f;
	}
	.square_btn .square_icon {
		margin-right:16px;
		width:16px;
		height:16px;
	}

	/* ページ番号 */
	.pager li {
		display:inline-block;
		margin:0 5px;
	}
	.pager li a {
		border:solid 1px #000;
		transition: .4s;
	}
	.pager li a:hover {
		color:#fff;
		background:#C30012;
		border:solid 1px #C30012;
	}
	.pager .pager_num a {
		padding:10px 20px;
	}
	.pager .pager_inpage {
		padding:10px 20px;
		background:#b6ced6 !important;
		border:solid 1px #000;
	}
	.pager .pager_lat a {
		padding:10px 32px !important;
	}


	/* メニュー */
	.menu_list  {
		padding-top:0px;
		padding-bottom:0px;
		text-align:center;
	}
	.menu_list ul {
	}
	.menu_list li {
		display:inline-block;
		margin:0;
		color:#fff;
	}
	.menu_list li+ li {
		border-left: 1px solid #fff;
	}
	.menu_list li dl {
		color:#fff;
	}
	.menu_list li dt {
		font-weight:bold;
	}
	.menu_list li dd {
		margin:0;
		font-size:0.8em;
	}
	.menu_list li a {
		display:block;
		color:#fff;
		padding:10px 40px;
		letter-spacing:3px;
	}
	.menu_on {
		background-color:rgb(128,35,34);
	}
	.menu_list .small_font li a {
		padding:0px 20px !important;
	}
	.menu_list .small_font li+ li {
		line-height:1em;
	}

	/* パンくず */
	.breadcrumb_list {
		width:100%;
		background-color:rgb(213,213,213);
	}
	.breadcrumb_list ul {
		padding-left:20px;
		text-align:left;
		font-size:0.8em;
	}
	.breadcrumb_list li {
		display:inline-block;
		vertical-align:middle;
	}
	.breadcrumb_list li a {
		display:inline-block;
		color:#8A8A8A;
		padding-top:4px;
		padding-bottom:4px;
	}
	.breadcrumb_list li:not(:last-child):after {
		content:"　>　";
	}
	.breadcrumb_list li:last-child a {
		color:#000;
	}

	/* ヘッダー */
	.cover {
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
		height: 700px;
		background-size: cover;
	}

	.header_image {
		height:89px;
		margin:0;
		padding:0;
	}
	.header_image li {
		display:table-cell;
		vertical-align:middle;
		margin:0;
		padding:0;
		height:89px;
	}
	.header_image li:nth-child(1) {
		width:calc(1200px - (89px * 3));
	}
	.header_image li:nth-child(n+2) {
		width:89px;
	}
	.header_image li img {
		height:100%;
	}

	/* フッター */
	.footer {
		margin-top:30px;
		padding-top:30px;
		background-color:#000;
		color:#fff;
		border-top:#B59E00 solid 3px;
	}
	.footer_logo {
		text-align:center;
		padding:20px 0;
	}
	.footer_logo img {
		width:250px;
		height:auto;
	}
	.footer_copyright {
		font-size:0.8em;
		text-align:center;
		padding:10px 0 40px 0;
	}

	/* コンテンツ */
	.contents {
		text-align:center;
		margin-top:60px;
	}
	.contents_title {
		background-image:url(../img/contents_title.png);
		background-repeat:no-repeat;
		background-position:top center;
		padding-top:50px;
		margin-bottom:10px;
		font-size:1.8em;
	}
	.contents_margin {
		margin-top:30px;
	}
	.contents_margin_gap {
		margin-top:30px;
	}
	.contents_center {
		background-color:#fff;
		width:700px;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_center_1200 {
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_inner {
		color:#222;
		padding-left:20px;
		padding-right:20px;
	}

	/* 店舗一覧 */
	.shop_list {
		margin-top:30px;
	}
	.shop_list ul {
		text-align: left;
	}
	.shop_list li {
		display:inline-block;
		vertical-align:top;
		width: calc((1200px / 4) - 16px);
		margin:0;
		padding:8px;
	}
	.shop_list li img {
		width:100%;
	}
	.shop_sentence {
		text-align: center;
		font-weight:bold;
	}
	.shop_address {
		text-align: center;
		font-size:0.8em;
	}
	.shop_tel {
		text-align:center;
		font-size:0.8em;
	}
	.shop_tel p {
		display:table-cell;
		vertical-align:middle;
	}
	.shop_tel .tel_img {
		width:30px;
		height:auto;
	}
	.shop_tel .tel_top {
		padding-left:8px;
		font-size:1.5em;
	}

	.shop_list_line {
		display: block;
		text-align: center; 
		margin-top: 10px;
	}
	.shop_list_line img {
		width: 70% !important;
		-webkit-backface-visibility: hidden;
	}
	.shop_detail_line {
		display: inline-block;
		margin-left: 22px;
	}
	.shop_detail_line img {
		width: 230px !important;
	}

	/* ホットペッパー */
	.shop_list_hotpepper {
		display: block;
		text-align: center; 
		margin-top: 10px;
	}
	.shop_list_hotpepper img {
		width: 70% !important;
		-webkit-backface-visibility: hidden;
	}
	.shop_detail_hotpepper {
		display: inline-block;
		margin-left: 16px;
	}
	.shop_detail_hotpepper img {
		width: 230px !important;
	}

	/* 求人一覧 */
	.job_list {
		padding:40px;
		vertical-align:top;
	}
	.job_list ul {
		text-align: center;
		vertical-align:top;
	}
	.job_list li {
		display:inline-block;
		width: calc((1200px / 4) - 8px);
		margin:0 10px;
		padding:0;
		vertical-align:top;
	}
	.job_list li .inner {
		text-align: left;
	}
	.job_list li img {
		width:100%;
	}
	.job_list li .job_summary {
		font-size: 0.8em;
	}

	/* ニュース */
	.news_list ul {
		text-align:left;
		width:864px;
		margin-left:auto;
		margin-right:auto;
	}
	.news_list img {
		width: 100%;
	}
	.news_list li {
		display:inline-block;
		padding:16px;
		vertical-align:top;
	}
	.news_list .news_date_div {
		position:relative;
		height:18px;
	}
	.news_list .news_recommend {
		margin-right:10px;
		height:18px;
		width:auto;
	}
	.news_list .news_date {
		position:absolute;
		vertical-align:middle;
		top: 2px;
		font-size:0.7em;
	}
	.news_list .news_title {
		padding:5px;
		color:#C30012;
		font-weight:bold;
		text-decoration:underline;
		font-size:1.2em;
	}
	.news_list .news_sumary {
		font-size:0.7em;
	}
	.news_list li:nth-child(1), .news_list li:nth-child(2) {
		width: 400px !important;
		padding-bottom:30px;
	}
	.news_list li:nth-child(1) .news_title, .news_list li:nth-child(2) .news_title {
		font-size:1.4em;
	}
	.news_list li:nth-child(1) .news_sumary, .news_list li:nth-child(2) .news_sumary {
		font-size:1.0em;
	}
	.news_list li:not(:nth-child(1)):not(:nth-child(2)) {
		width: calc((864px / 3) - 32px);
	}


	.news_detail {
		text-align:left;
	}
	.news_detail .news_image {
		width:100%;
	}
	.news_detail .news_date {
		font-size:0.em;
	}
	.news_detail .news_title {
		padding:5px;
		color:#C30012;
		font-weight:bold;
		font-size:1.8em;
	}

	/* お知らせ・イベント情報 */
	.event_slider {
		background-color:#D5D5D5;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-top:30px;
	}
	.event_slider li {
		width:280px;
		padding:0 10px;
		text-align:left;
	}
	.event_slider li img {
		width:280px;
		height:280px;
		object-fit:cover;
		object-position:top;
	}
	.event_slider li .title {
		padding:5px 5px;
		font-size:0.9em;
		font-weight:bold;
	}
	.event_slider li .summary {
		padding:0 5px;
		font-size:0.8em;
	}

	/* カラオケ機器 */
	.top_device_slider li .summary {
		padding:5px 5px;
		font-size:0.8em;
	}

	/* フランチャイズ */
	.header_franchise {
		width:1240px;
		margin-left:auto;
		margin-right:auto;
	}
	.header_franchise li {
		display:table-cell;
		vertical-align:middle;
	}
	.header_franchise li img {
		width:100%;
	}
	.header_franchise li:nth-child(1) {
		width:303px;
	}
	.header_franchise li:nth-child(2) {
		width:calc(1240px - (303px + 400px + 40px));
		padding-left:40px;
		font-size:1.2em;
	}
	.header_franchise li:nth-child(3) {
		width:400px;
	}
	.header_franchise .square_btn2 {
		display: inline-block;
		padding: 10px 20px;
		margin:30px 0;
		text-decoration: none;
		color: #000;
		background-color:#fff;
		border: solid 1px #000;
		transition: .4s;
		text-align: center;
	}
	.header_franchise .square_btn2:hover {
	    background: #f0f0f0;
	    color: #0f0f0f;
	}
	.header_franchise .square_btn2 .square_icon {
		margin-right:8px;
		width:16px;
		height:16px;
	}

	.franchise_square_btn {
		display: inline-block;
		padding: 10px 20px;
		margin:30px 0;
		text-decoration: none;
		color: #000;
		background-color:#fff;
		border: solid 1px #000;
		transition: .4s;
		text-align: center;
	}
	.franchise_square_btn:hover {
	    background: #f0f0f0;
	    color: #0f0f0f;
	}
	.franchise_square_btn .square_icon {
		margin-right:16px;
		width:16px;
		height:16px;
	}

	/* slick */
	#event_slider .slick-prev {
		top: calc((280px / 2) + 18px);
	}
	#event_slider .slick-next {
		top: calc((280px / 2) + 18px);
	}
}

/* slick */
.slick-prev {
	z-index: 99;
	left: 20px;
	height:36px;
	width:36px;
}
.slick-prev::before {
	font-size:36px;
}
.slick-next {
	z-index: 99;
	right: 16px;
	height:36px;
	width:36px;
}
.slick-next::before {
	font-size:36px;
}

.slick-prev:before,
.slick-next:before {
	color:#333;
}