@charset 'UTF-8';
/* ================================================================================
	サイト スタイル
================================================================================ */
html {
}
body {
	background-color: #000000;
	color: #ffffff;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	background-color:#1e2b4c;
	background: url(../img/bg_header.jpg) repeat-x left top,
				url(../img/bg_footer.png) repeat-x left bottom,
				url(../img/bg_grd.png) repeat-x left top,
				url(../img/bg_html.jpg) repeat left top;
	max-width:1920px;
	margin:0 auto;
}
h1, h2, h3, h4 {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.font-serif {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.font-gothic {
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
a:link, a:visited, a:hover, a:active {
	overflow: hidden;
	outline: none;
}
a,
a:visited {
	color: #fedb8a;
}
a:hover,
a:active {
	color: #fe902f;
	text-decoration: underline;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

strong{
	font-weight:700;
}



/* PC */
@media (min-width: 768px) {
	body{
		overflow-x:hidden;
	}
}


/* SP */
@media (max-width: 767px) {
	img {
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	/* PC改行消し */
	.br-sp {
		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 */
}


/* ================================================================================
	その他
================================================================================ */
.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: 10px;
		padding-left: 10px;
	}
	.xs-no-gutter {
		padding-right: 0;
		padding-left: 0;
	}
}

/* ================================================================================
	PCヘッダー
================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.sp-h-navi_wrap {
		display: none;
	}
	.h-navi {
		position: relative;
	}
}

/* ロゴ
----------------------------------------------- */
@media (min-width: 768px) {
	.header-logo a {
		position: absolute;
		z-index: 9999;
		top: 36px;
		left: 50%;
		margin-left: -580px;
		display: block;
		width: 421px;
		height: 140px;
		background-image: url(../img/logo_h.png);
		text-align: left;
	}
}

/* グローバルナビゲーション
----------------------------------------------- */
@media (min-width: 768px) {
	.pc-h-navi_wrap {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -50px;
		z-index: 9999;
		width: 738px;
		height: 224px;
		background-image: url(../img/bg_navi.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	.h-navi {
		position: relative;
		margin: 0 auto;
		z-index: 9999;
	}
	.global-nav__list li {
		float: left;
	}
	.global-nav .collapse {
		display: block;
		margin-top: 13px;
		margin-left: -110px;
	}
	li.gnavi_00 a {
		display: block;
		width: 105px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_00_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_00 a:hover {
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	li.gnavi_01 a {
		display: block;
		width: 112px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_01_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_01 a:hover {
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	li.gnavi_02 a {
		display: block;
		width: 112px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_02_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_02 a:hover {
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	li.gnavi_03 a {
		display: block;
		width: 112px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_03_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_03 a:hover {
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	li.gnavi_04 a {
		display: block;
		width: 112px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_04_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_04 a:hover {
		opacity: 0.6;
		transition: opacity 0.3s ease-out 0s;
	}
	li.gnavi_05 a {
		display: block;
		width: 119px;
		height: 187px;
		text-indent: -9999px;
		background-image: url(../img/gnavi_05_off.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	li.gnavi_05 a:hover {
	  opacity: 0.6;
	  transition: opacity 0.3s ease-out 0s;
	}
}

/* ================================================================================
	info-box h1・電話番号など
================================================================================ */

/* PC */
@media (min-width: 768px) {
	.bg_info-box {
	}
	.info-box {
		position: relative;
		width: 1000px;
		margin: 0 auto;
	}
	h1 {
		font-size: 12px;
		margin:0 0 0 -70px;
		padding-top: 10px;
	}
}

/* SP */
@media (max-width: 767px) {
	.bg_info-box {
	}
	.info-box {
	}
	.info-box h1 {
		font-size: 12px;
		padding:0 16px;
	}
}

/* ================================================================================
	SPヘッダー
================================================================================ */

/* SPサイズ設定
----------------------------------------------- */
@media (max-width: 767px) {
.pc-h-navi_wrap {
	display: none;
}
header {
	padding-top: 130px;/* navの高さ分 */
}
.h-navi_wrap {
	position: fixed;
	top: 0;
	z-index: 9999;
	background-color: #24100a;
}
}

/* グローバルナビゲーション navbar
------------------------------------------- */
@media (max-width: 767px) {
nav.sp-h-navi {
	position: relative;
	margin: 0 auto;
	z-index: 9998;
}
.navbar {
	position: relative;
	margin-bottom: 0;
	min-height: 50px;
	border: 1px solid transparent;
}
.navbar-nav {
	margin: 0 -20px;
}
/* navbar Brand(ロゴ・タイトル) */
.navbar-default .navbar-brand {
	width: 165px;
	height: 56px;
	background-image: url(../img/logo_h.png);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 8px 16px;
	padding: 0;
}
.navbar-default .navbar-header a.navbar-brand {
	border-bottom: none !important;
	text-decoration: none !important;
}
.navbar-default .navbar-brand:focus,  .navbar-default .navbar-brand:hover {
	background-color: transparent;
}
/* navbar 全体の背景色とボーダーカラー */
.navbar-default {
	background-color: transparent;
	background-color: #24100a;
	background-image: url(../img/bg_header.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #983e35;
	font-size: 16px;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,  .navbar-default .navbar-nav > li > a:focus {
	color: #ffffff;
	background-color: #862f26;
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
	margin-top:20px;
	border-color: #ffffff;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,  .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,  .navbar-default .navbar-toggle:hover {
	border-color: #fee0c6;
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,  .navbar-default .navbar-toggle:hover > .icon-bar {
	background-color: #fee0c6;
}
}

/* ヘッダーボタン
------------------------------------------- */
@media (max-width: 767px) {
.sp_info ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
}
.sp_info ul li {
	width: 50%;
	display: table-cell;
}
.sp_info ul li a {
	background-color: #321d22;
	color: #fff !important;
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 6px 0;
}
.sp_info li a:hover {
	background-color: #452c32;
}
.sp_info ul li:nth-child(1) {
	border-right: 1px solid #cccccc;
}
}

/* ================================================================================
	フッター
================================================================================ */
@media (min-width: 768px) {
	footer {
	}
	.f_info.container {
		text-align: center;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_a {
		margin-top: 71px;
	}
	.f_info.container .f_info-1 .f_b img.tel_f {
		margin-top: 34px;
		margin-bottom: 35px;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_b p.text_f {
		text-align: left;
		margin-left: 250px;
		color: #f6e3e3;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_c p.f_navi {
		font-size: 16px;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_c p.f_navi a {
		color: #ffffff;
	}
	.a2a_kit.a2a_kit_size_32.a2a_default_style {
		width: 180px;
		text-align: center !important;
		margin: 0 auto !important;
	}
	.f_info.container div.f_copy p.text-center {
		font-size: 13px;
		color: #f6e3e3;
		padding-top: 45px;
	}
}

/* SP */
@media (max-width: 767px) {
	footer {
		margin-top: 50px;
		padding-top: 30px;
	}
	.f_info.container {
		text-align: ll;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_a {
		margin-top: 0px;
	}
	.f_info.container .f_info-1 .f_b img.tel_f {
		margin-top: 34px;
		margin-bottom: 35px;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_b p.text_f {
		color: #f6e3e3;
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_c p.f_navi {
	}
	.f_info.container .f_info_box.clearfix .f_info-1 .f_c p.f_navi a {
		color: #ffffff;
	}
	.a2a_kit.a2a_kit_size_32.a2a_default_style {
		width: 180px;
		text-align: center !important;
		margin: 0 auto !important;
	}
	.f_info.container div.f_copy p.text-center {
		font-size: 9px;
		color: #f6e3e3;
		padding-top: 53px;
	}
	.text_f{
		font-size: 11px;
	}
}





/* ================================================================================
	ページトップボタン
================================================================================ */
@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		bottom: 10px;
		right: 10px;
	}
	#page-top a {
		background-image: url(../img/pagetop.png);
		width: 61px;
		height: 74px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
	  opacity: 0.7;
	  transition: opacity 0.3s ease-out 0s;
	}
}

/* SP */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		bottom: 0px;
		right: 0px;
	}
	#page-top a {
		background-image: url(../img/pagetop.png);
		width: 61px;
		height: 74px;
		display: block;
		text-indent: -9999px;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	#page-top a:hover {
	  opacity: 0.7;
	  transition: opacity 0.3s ease-out 0s;
	}
}





/* ================================================================================
	パンくずナビ
================================================================================ */
#breadcrumb-nav {
	background-color: transparent;
}
#breadcrumb-nav .breadcrumb {
	margin-top: 16px;
}
#breadcrumb-nav .breadcrumb li {
	font-size: 14px;
}
#breadcrumb-nav .breadcrumb li:before {
	padding: 0 10px;
}
#breadcrumb-nav .breadcrumb li a {
	color: #ffffff;
}
#breadcrumb-nav .breadcrumb li a .glyphicon {
	margin-right: 1em;
}




/* ================================================================================
	税込み表記
================================================================================ */
.container.tax {
	color: #dd4b39;
	font-size: 18px;
	margin-bottom: 20px;
}
.page-id-2 .container.tax { /* トップ */
	display: none;
}
.page-id-53 .container.tax { /* ブログページ */
	display: none;
}
.post-template-default.single.single-post .container.tax { /* ブログページ */
	display: none;
}
.page-id-49 .container.tax { /* メディアページ */
	display: none;
}
.page-id-51 .container.tax { /* アクセスページ */
	display: none;
}



/* ================================================================================
	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;
	}
}