@charset 'UTF-8';
/* ================================================================================

	サイト スタイル

================================================================================ */
html {
}
body {
	color: #222222;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size:16px;
	font-weight:700;
	background: url("../img/bg_dot.png") repeat top left;
	-webkit-animation: bgiLoop 5s linear infinite;
	animation: bgiLoop 5s linear infinite;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	@-webkit-keyframes bgiLoop {
		0% { background-position: 0 0;}
		100% { background-position: -100px 0px;}
	}
	@keyframes bgiLoop {
		0% { background-position: 0 0;}
		100% { background-position: -100px 0px;}
	}
}


#wrapper {
	max-width: 1920px;
	min-height: 100vh;
	margin: 0 auto;
}

h1, h2, h3, h4 {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;	-moz-text-size-adjust: none;
	margin:0;
	font-weight:700;
}
.font-serif {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;	-moz-text-size-adjust: none;
}
.font-gothic {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;	-moz-text-size-adjust: none;
}
a:link, a:visited, a:hover, a:active {
	overflow: hidden;
	outline: none;
}
a {
	color: #c82700;
}
a:link,
a:visited {
	color: #c82700;
}
a:hover,
a:active {
	color: #c82700;
	text-decoration: underline;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.decoration {
	display: none;
}
strong {
	padding: 0 5px;
	background: linear-gradient(transparent 65%, #f1936f 0%);
}
b {
	padding: 0 5px;
	background: linear-gradient(transparent 65%, #f1936f 0%);
}

.iv { /* スクロールエフェクト用 */
  opacity: 0;
}



/* PC */
@media (min-width: 768px) {
	body{
	}
	/* SP改行消し */
	.br-pc {
		display: none;
	}
}


/* SP */
@media (max-width: 767px) {
	html{
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	body{
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		line-height: 1.7;
		font-size: 14px;
	}
	img {
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	/* PC改行消し */
	.br-sp {
		display: none;
	}
	.sp_none{
		display: none;
	}
}





/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	overflow: hidden;
	float: none;
}
.clearfix {
	display: block; /* for IE8 */
}




/* ================================================================================

	エディター共通設定

================================================================================ */

p{
	margin-bottom:16px;
}
p:last-child{
	margin-bottom:0;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignright {
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 24px;
}

img.alignleft {
	display: inline-block;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 16px;
	margin-left: 0px;
}

strong{
	font-weight:700;
}





/* ================================================================================

	その他

================================================================================ */
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto;
}
.label {
	margin-right: .4em;
}
.label-default {
	border: 1px solid #ffffff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
}
.row-centered {
	text-align: center;
}
.col-centered {
	display: inline-block;
	float: none !important;
	margin-right: -0.40em;
	text-align: left;
}
.img-thumbnail {
	position: relative;
}
.img-circle, .img-rounded, .img-thumbnail, .table-bordered, select, textarea, input, code, pre, kbd, pre, .input-group-addon, .btn, .dropdown-menu, .form-control, .panel, .well, .nav-tabs > li > a, .nav-pills > li > a, .navbar, .navbar-nav > li > a, .navbar-toggle, .navbar-toggle .icon-bar, .breadcrumb, .pagination, .pager li > a, .pager li > span, .modal-content, .tooltip-inner, .popover, .popover-title, .alert, .thumbnail, .img-thumbnail, .label, .badge, .progress, .carousel-indicators li, .jumbotron {
	behavior: url('/wp-content/themes/mvcoffee/js/PIE.htc');
	behavior: url('js/PIE.htc');
}

/* SP */
@media (max-width: 767px) {
	h1, .h1 {
		font-size: 19px;
	}
	h2, .h2 {
		font-size: 18px;
	}
	h3, .h3 {
		font-size: 17px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 11px;
	}
	p {
		font-size: 14px;
	}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		padding-right: 20px;
		padding-left: 20px;
	}
	.xs-no-gutter {
		padding-right: 0;
		padding-left: 0;
	}
}






/* ================================================================================

	見出し

================================================================================ */
/* 蛍光ペン
----------------------------------------------- */
.pen {
	padding: 0 5px;
	background: linear-gradient(transparent 65%, #98dd93 0%);
}





/* ================================================================================

	PCヘッダー

================================================================================ */
@media (min-width: 768px) {

/* PC設定
----------------------------------------------- */
	header {
		position: relative;
		height: 200px;
	}
	.sp_nav,
	.nav-horizontal {
		display: none;
	}
	.header-logo a {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 50%;
		margin-left: -615px;
		display: block;
		width: 288px;
		height: 119px;
		background: url("../img/header-logo.png") no-repeat left top;
		text-indent: -9999px;
	}
	.h-navi {
		position: relative;
		height: 100px;
	}


/* H1
----------------------------------------------- */
	.header-h1 {
		position: absolute;
		z-index: -10;
		margin-top: -95px;
		left: 50%;
		margin-left: -70px;
		width: 1000px;
		height: 40px;
		transform: translateX(-50%);
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
	}
	.header-h1 h1 {
		text-align: right;
		font-size: 12px;
	}


	/* ブログボタン
	----------------------------------------------- */
	.blog_button a {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 50%;
		margin-left: 450px;
		display: block;
		width: 150px;
		height: 31px;
		background: url("../img/blog_button_off.png") no-repeat left top;
		text-indent: -9999px;
	}
	.blog_button a:hover {
		background: url("../img/blog_button_on.png") no-repeat left top;
	}


	/* サイドの店舗ボタン
	----------------------------------------------- */
	.side_banner {
		position: fixed;
		z-index: 99999;
		margin-top: -51px;
		right: 55px;
	}
	.side_banner .side_banner_01 a {
		display: block;
		width: 58px;
		height: 205px;
		background: url("../img/side_banner_01_off.png") no-repeat left top;
		text-indent: -9999px;
		margin: 0 0 18px 0;
	}
	.side_banner .side_banner_01 a:hover {
		background: url("../img/side_banner_01_on.png") no-repeat left top;
	}
	.side_banner .side_banner_02 a {
		display: block;
		width: 58px;
		height: 266px;
		background: url("../img/side_banner_02_off.png") no-repeat left top;
		text-indent: -9999px;
	}
	.side_banner .side_banner_02 a:hover {
		background: url("../img/side_banner_02_on.png") no-repeat left top;
	}


	/* グローバルナビゲーション
	----------------------------------------------- */
	.global-nav {
		position: absolute;
		z-index: 9999;
		margin-top: 49px;
		left: 50%;
		margin-left: -370px;
		width: 870px;
		height: 70px;
	}
	.global-nav_list li {
		float: left;
	}
	.global-nav_list li:nth-child(1) a {
		display: block;
		width: 132px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_01_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(1) a:hover {
		background-image: url(../img/gnavi_01_on.png);
	}
	.global-nav_list li:nth-child(2) a {
		display: block;
		width: 158px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_02_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(2) a:hover {
		background-image: url(../img/gnavi_02_on.png);
	}
	.global-nav_list li:nth-child(3) a {
		display: block;
		width: 176px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_03_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(3) a:hover {
		background-image: url(../img/gnavi_03_on.png);
	}
	.global-nav_list li:nth-child(4) a {
		display: block;
		width: 134px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_04_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(4) a:hover {
		background-image: url(../img/gnavi_04_on.png);
	}
	.global-nav_list li:nth-child(5) a {
		display: block;
		width: 133px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_05_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(5) a:hover {
		background-image: url(../img/gnavi_05_on.png);
	}
	.global-nav_list li:nth-child(6) a {
		display: block;
		width: 137px;
		height: 70px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_06_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.global-nav_list li:nth-child(6) a:hover {
		background-image: url(../img/gnavi_06_on.png);
	}
}





/* ================================================================================

	SPヘッダー

================================================================================ */
@media (max-width: 767px) {

/* SPサイズ設定
----------------------------------------------- */
	.pc-h-navi_wrap {
		display: none;
	}
	header {
	}
	.h-navi_wrap {
		position: fixed;
		top: 0;
		z-index: 9999;
		background-color: #24100a;
	}




/* H1
----------------------------------------------- */
	.header-h1 {
		display: none;
	}
	.header-h1 h1 {
		font-size: 12px;
		color: #262824;
	}




/* グローバルナビゲーション navbar
------------------------------------------- */
	.sp_nav {
		position: relative;
	}
	.scroll-nav {
		width: 100%;
		background-color: #feee27;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* 慣性スクロール */
	}
	.scroll-nav ul {
		width: 1010px; /* メニューの最小幅 */
		height: 46px;
		margin: 0 auto;
		list-style: none;
		padding-right: 25px; /* 右側の固定分余白を空ける */
	}
	.scroll-nav ul li {
		float: left;
		width: 140px; /* メニューの個別の幅 */
		height: 60px;
		text-align: center;
	}
	.scroll-nav ul li:hover {
		background: #9edf1f; /* マウスホバー時の背景色 */
	}
	.scroll-nav ul li a {
		display: inline-block;
		color: #000000; /* メニューの文字色 */
		text-decoration: none;
		font-size: 15px;
		padding-top: 18px;
	}
	.next-btn { /* 右側に固定する部分 */
		position: absolute;
		top: 0;
		right: 0;
		width: 25px; /* 固定部分の幅 */
		height: 60px; /* メニューの高さに合わせる */
		line-height: 60px;
		background: #000000;
		padding-left: 8px;
		color: #ffffff;
		border-left: 1px solid #000000;
	}
	.scroll-nav ul li {
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		box-sizing: border-box;
	}
	.scroll-nav ul li + li {
		border-left: none;
	}
	.scroll-nav ul li:first-child a {
		width: 100px;
		height: 46px;
		text-indent: -9999px;
		margin: 0 auto;
		display: block;
		background: url(../img/h_logo.png) center 10px no-repeat;
		background-size: 100%;
	}

	/* ヘッダーTEL
	----------------------------------------------- */
	.header-tel{
		display: none;
	}

	/* ヘッダーボタン
	----------------------------------------------- */
	.header_button ul {
		display: none;
	}


	/* TELとMAPボタン
	----------------------------------------------- */
	.sp_nav .sp_tel {
		position: relative;
		z-index: 10;
	}
	.sp_nav .sp_tel .sp_button a {
		float: left;
		display: block;
		width: 50%;
		height: 35px;
		text-align: center;
		color: #000000;
		font-size: 15px;
		line-height: 35px;
		background-color: #9edf1f;
		border-left: 1px solid #000000;
	}
	.sp_nav .sp_tel .sp_button a:hover {
		background-color: #85b907;
	}


	/* ブログボタン
	----------------------------------------------- */
	.blog_button a {
		display: none;
	}


	/* サイドの店舗ボタン
	----------------------------------------------- */
	.side_banner {
		display: none;
	}
}





/* ================================================================================

	フッター

================================================================================ */

/* PC */
@media (min-width: 768px) {
	footer {
		height: 683px;
		color: #000000;
		font-size: 14px;
		background: url('../img/bg_footer.png') repeat-x bottom left;
	}
	.f_wrap{
		width: 1000px;
		margin: 0 auto;
	}
	.f_logo {
		margin: 0 0 0 348px;
		padding-top: 5px;
	}
	.f_card {
		position: absolute;
		z-index: 0;
		margin-top: -110px;
		left: 50%;
		margin-left: 300px;
	}
	.f_left {
		float: left;
		width: 498px;
		height: 350px;
		margin: 20px 0 0 0;
		border-right: 2px solid #000000;
	}
	.f_right {
		float: left;
		height: 350px;
		margin: 20px 0 0 0;
		padding: 0 0 0 40px;
	}
	.f_wrap h3 {
		margin-bottom: 10px;
	}
	.f_info a {
		color: #000000;
		text-decoration: none;
	}
	.f_img {
		float: left;
		margin: 20px 0 0 0;
	}
	.f_map {
		margin-top: -30px;
		float: left;
	}
	.f_map img{

	}
	.f_bottom {
		clear: both;
		text-align: center;
		margin: 0 auto;
		padding: 60px 0 0 0;
	}
	.f_bottom .f_link {
		color: #fbbe04;
		font-size: 13px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}
	.f_bottom .f_link a {
		color: #fbbe04;
	}
	.f_bottom .f_jubilo {
		color: #ffffff;
		margin: 0 0 16px 0;
	}
	.f_bottom .f_copy {
		color: #ffffff;
		font-size: 9px;
	}
	.f_bottom .f_copy a {
		color: #ffffff;
	}
}

/* SP */
@media (max-width: 767px) {
	footer {
		height: auto;
		color: #000000;
		font-size: 14px;
		background-color: #feee27;
		border-top: 3px dashed #000000;
	}
	.f_wrap{
		width: 100%;
		margin: 0 auto;
		padding: 0 15px 15px 15px;
	}
	.f_logo {
		margin: 0 auto;
		width: 100%;
		margin-bottom: 20px;
	}
	.f_card {
		margin-bottom: 20px;
	}
	.f_left {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
		border-bottom: 3px dashed #000000;
	}
	.f_right {
		height: 100%;
	}
	.f_wrap h3 {
		margin-bottom: 10px;
	}
	.f_info {
		margin: 0 0 20px 0;
	}
	.f_info a {
		color: #000000;
		text-decoration: underline;
	}
	.f_img {
	}
	.f_map {
	}
	.f_bottom {
		text-align: center;
		margin: 0 auto;
		padding: 30px 0 0 0;
	}
	.f_bottom .f_link {
		display: none;
	}
	.f_bottom .f_link a {
		color: #fbbe04;
	}
	.f_bottom .f_jubilo {
		color: #000000;
		margin: 0 0 16px 0;
	}
	.f_bottom .f_copy {
		color: #000000;
		font-size: 9px;
	}
	.f_bottom .f_copy a {
		color: #000000;
	}
}





/* ================================================================================

	ページトップボタン

================================================================================ */
@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 99999;
		bottom: 0;
		right: 38px;
	}
	#page-top a {
		background-image: url(../img/pagetop.png);
		background-size:contain;
		width: 95px;
		height: 46px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
	}
}

/* SP */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		bottom: 30px;
		right: 8px;
	}
	#page-top a {
		background-image: url(../img/pagetop_sp.png);
		background-size:contain;
		width: 60px;
		height: 60px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
	}
}





/* ================================================================================

	パンくずナビ

================================================================================ */
@media (min-width: 768px) {
	#breadcrumb-nav {
		background-color: transparent;
		color: #000000;
		margin: 0 auto;
		margin-top: 430px;
	}
	#breadcrumb-nav .breadcrumb {
		margin-top: 16px;
		margin-bottom: 50px;
	}
}

/* SP */
@media (max-width: 767px) {
	#breadcrumb-nav {
		background-color: #feee27;
	}
	#breadcrumb-nav .breadcrumb {
		margin-top: 16px;
		margin-bottom: 20px;
	}
}


	.breadcrumb > li + li:before {
		padding: 0 5px;
		color: #000000;
		content: '>';
	}
	#breadcrumb-nav .breadcrumb li {
		font-size: 14px;
	}
	#breadcrumb-nav .breadcrumb li:before {
		padding: 0 10px;
	}
	#breadcrumb-nav .breadcrumb li a {
		color: #000000;
	}
	#breadcrumb-nav .breadcrumb li a .glyphicon {
		margin-right: 1em;
	}


/* ================================================================================

	LINEボタン

================================================================================ */

	.a2a_floating_style {
		background: rgba(45,19,8,0.8) !important;
	}





/* ================================================================================

	ページネーション

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.wp-pagenavi{
		text-align:center;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.wp-pagenavi{
		float:none !important;
		font-size:12px !important;
	}
	.wp-pagenavi span,
	.wp-pagenavi a{
		display:block;
		float:left;
		margin-bottom:4px;
	}
}