@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

/*
 * 共通の定義とPC定義
*/

/* =========================================================
 * ページ全体の定義
 * @ PAGE
 * ====================================================== */
html > * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	font-family: 'Open Sans','Noto Sans Japanese', serif;
	font-size:100%;
}
* {
	box-sizing: border-box;
}
body {
	font-size: 16px;
	line-height: 1.4;

	/*aタグとかをタップしたときに色が変わるのを防ぐ*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/*input系のデフォの設定を消す（適用したいそれぞれに書かないとだめなときも）*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/*回転したときなど文字の大きさを調整*/
	-webkit-text-size-adjust : 100% ;
}

/* For all link styles */
/*a:link    {color: #0063b0;text-decoration: none;}
a:visited {color: #0063b0;text-decoration: none;}
a:hover   {color: #72bde1;text-decoration: none;}
a:active  {color: #72bde1;text-decoration: none;}*/
a {
	text-decoration: none;
}

img {
	width: 100%;
}



/*スマホのみ表示*/
.sp_only{
	display:block;
}
.sp_only_inline{
	display:inline;
}
/*PCのみ非表示*/
.pc_only{
	display:none;
}

.wrapper {
	position: relative;
	background: #fff;
}


/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {

	a {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all  .3s ease;
	}
	a:hover {
		opacity: .6;
	}

	/*スマホのみの場合消す*/
	.sp_only{
		display:none;
	}
	.sp_only_inline{
		display:none;
	}
	/*PCのみ表示*/
	.pc_only{
		display:block;
	}
	
	p {
		font-size:14.5px;
		letter-spacing:0.05em;
		line-height:200%;
		font-weight: 300;
	}


}



/* =========================================================
 * ヘッダー
 * @ header
 * ====================================================== */
header {
	width: 100%;
	background: rgb(22,22,22);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 49%, rgba(252,252,252,1) 50%, rgba(252,252,252,1) 100%);
	background: -webkit-linear-gradient(left, rgba(22,22,22,1) 0%,rgba(22,22,22,1) 49%,rgba(252,252,252,1) 50%,rgba(252,252,252,1) 100%);
	background: linear-gradient(to right, rgba(22,22,22,1) 0%,rgba(22,22,22,1) 49%,rgba(252,252,252,1) 50%,rgba(252,252,252,1) 100%);

}

.header_inner {
	display: table;
	width: 100%;
	height: 44px;
	background-image: url(/inc/images/header_bg.png);
	background-position: center center;
	background-repeat: none;
	text-align: right;
	background-size:cover;
}
.header_logo {
	display: table-cell;
	padding-right: 2%;
	vertical-align: middle;
}
.header_logo img {
	width: auto;
	height: 38px;
	margin-top: 4px;
}

.header_menu_toggle {
	overflow: hidden;
	display: table-cell;
	width: 13.75%;
	background-color: #191919;
	text-align: center;
	vertical-align: middle;
}
.header_menu_toggle img {
	/*width: 84%;*/
	width: auto;
	height: 44%;
	vertical-align: bottom;

}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.header_inner {
		display: block;
		min-width: 1100px;
		max-width: 1440px;
		height: 120px;
		margin: 0 auto;
	}
	.header_logo {
		display: block;
		padding-top: 10px;
		padding-right: 40px;
		vertical-align: middle;
	}
	.header_logo img {
		width: auto;
		height: 70px;
		margin-top: 10px;
	}
	.header_menu_toggle {
		display: none;
	}
}





/* =========================================================
 * オーバーレイテキスト（スライダーにかかる赤いボックス部）
 * @ CLASS OVERLAY TEXT
 * ====================================================== */
.overlay_box {
	position: absolute;
	top: 23px;
	left: 0;
	width: 56.6%;
	/*padding: 69px 21px 19px 22px;*/
	padding: 65px 14px 19px 14px;
	background: rgba(255, 0, 0, .8);
	/*font-size: .875rem;*/
	font-size: .65rem;
	min-height:13%;/*追加*/
	mix-blend-mode: multiply;
}
.overlay_box p:not(:first-child) {
	margin-top: 15px;
}


.overlay_text {
	position: absolute;
	top: 88px;
	left: 14px;
	width: calc(56.6% - 14px - 14px);
	color: #fff;
	font-size: .65rem;
	line-height: 1.6em;
}
.overlay_text p:not(:first-child) {
	margin-top: 15px;
}






/* ------------------------------------------------------ */
/* iPhone6 */
/* ------------------------------------------------------ */
@media screen and (min-width: 375px) {/*iPhone6*/
	.overlay_text {
		font-size: .75rem;
	}
}
/* ------------------------------------------------------ */
/* iPhone6Plus */
/* ------------------------------------------------------ */
@media screen and (min-width: 414px) {/*iPhone6Plus*/
	.overlay_text {
		font-size: .8rem;
	}
}
/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.overlay_box {
		top: 80px;
		left: 40px;
		width: 440px;
		padding: 220px 30px 80px;
		font-size: 1.1rem;
		line-height: 1.9;
		height:auto;/*追加*/
	}


	.overlay_text {
		top: 300px;
		left: 70px;
		width: 380px;
		font-size: 1.1rem;
		line-height: 1.7em;
	}


	.overlay_text p:not(:first-child) {
		margin-top: 38px;
	}

}



/* =========================================================
 * スライダー（bxSlider）
 * @ SLIDER
 * ====================================================== */
.slider {
	margin-top: 48px;
}

/* ------------------------------
* bxSlider上書き
* --------------------------- */
.bxslider img {
	width: 100%;
}

/*.bx-viewport {
	border-bottom: #da0000 solid 1px;
	box-shadow: 0 2px 0 1px rgb(0,0,0);
}*/


.bx-wrapper {
	margin-bottom: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
}

.bx-wrapper .bx-pager {
	text-align: right;
	color: #e96666;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	display: none;
}



.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e96666;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #da0000;
}

/*20017.06.06*/

.bx-wrapper .bx-pager.bx-default-pager {
	right: 1rem;
	bottom: 1.5rem;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a {
	margin: 0 0 0 5px;
}


/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.slider {
		width: 100%;
		min-width: 1110px;
		margin-top: 102px;
	}

	/* ------------------------------
	* bxSlider上書き
	* --------------------------- */
	/*.bx-viewport {
		border-bottom: #da0000 solid 2px;
		box-shadow: 0 4px 0 4px rgb(0,0,0);
	}*/

	.bx-wrapper .bx-controls-auto,
	.bx-wrapper .bx-pager {
		bottom: 0px;
	}
	.bx-wrapper .bx-pager {
		padding-right: 1.5%;
	}

	.bx-wrapper .bx-controls-direction a {
		top: 50%;
		margin-top: -16px;
		width: 20px;
		height: 32px;
		background-size: 100%;
	}

	.bx-wrapper .bx-prev,
	.bx-wrapper .bx-next {
		display: inline-block;
	}

	.bx-wrapper .bx-prev {
		left: 18px;
		background: url(/inc/images/slide_arrow_left.png) 0 0 no-repeat;
	}
	.bx-wrapper .bx-next {
		right: 18px;
		background: url(/inc/images/slide_arrow_right.png) 0 0 no-repeat;
	}

	.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
		background-position: 0 0;
	}

	/*20017.06.06*/
	.bx-wrapper .bx-pager.bx-default-pager {
		right: 1rem;
		bottom: -16px;
	}
	.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:last-child a {
		margin: 0 0 0 5px;
	}


}



/* =========================================================
 * グローバルナビ
 * @ GLOBAL NAVI
 * ====================================================== */
.global_navi {
	z-index: 1000;
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	width: 100%;
	height: 47px;
	background-color: rgba(0, 0, 0, .8);
	background-image: url(/inc/images/nav_bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

.global_navi_linerBox {
	position: relative;
}


.global_navi_linerBox:before {
	display: block;
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmY2YxMmEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2YxMmEiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 15%, rgba(252,241,42,0.8) 65%, rgba(252,241,42,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(252,241,42,0.8) 65%,rgba(252,241,42,0.8) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(252,241,42,0.8) 65%,rgba(252,241,42,0.8) 100%);

}

.global_navi_linerBox:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNkYTAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 15%, rgba(177,0,0,0.8) 65%, rgba(177,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(177,0,0,0.8) 65%,rgba(177,0,0,0.8) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(177,0,0,0.8) 65%,rgba(177,0,0,0.8) 100%);

	background: #2d0008;
	background: rgba(45,0,8,.95);
}


.global_navi_inner:before {
	display: block;
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMwMGFmZjAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFmZjAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 15%, rgba(0,175,240,0.8) 65%, rgba(0,175,240,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(0,175,240,0.8) 65%,rgba(0,175,240,0.8) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(0,175,240,0.8) 65%,rgba(0,175,240,0.8) 100%);

}

.global_navi_logo img {
	width: 140px;
	height: auto;
	margin-top:11px;
	margin-left: 20px;
	margin-bottom: 5px;
}

.global_navi_body-desktop {
	display: none;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {

	.global_navi {
		top: 120px;
		min-width: 1110px;
		height: 100px;
	}
	.global_navi_inner,
	.global_navi_linerBox {
		width: 100%;
		min-width: 1110px;
		height: 100%;
	}

	.global_navi_linerBox:before,
	.global_navi_linerBox:after {
		height: 3px;
	}
	.global_navi_linerBox:before {
		top: -4px;
	}
	.global_navi_linerBox:after {
		bottom: -3px;
	}

	.global_navi_inner:before {
		top: -8px;
		height: 4px;
	}

	/* ------------------------------
	* デスクトップ用グロナビ
	* --------------------------- */
	.global_navi_pcFrame {
		display: block;
		width: 100%;
		min-width: 1110px;
		max-width: 1440px;
		height: 100%;
		margin: 0 auto;
	}


	.global_navi_logo,
	.global_navi_body-desktop {
		float: left;
		height: 100%;
	}

	/* ------------------------------
	* デスクトップ用グロナビ　ロゴ
	* --------------------------- */
	.global_navi_logo {
		width: 28%;
		text-align: right;
	}
	.global_navi_logo a {
		display: block;
		padding-left: 25px;
	}
	 .global_navi_logo img {
		width: 300px;
		max-width: 100%;
		height: auto;
		margin-top: 27px;
		margin-left: 0;
		margin-bottom: 0px;
	} 

	/* ------------------------------
	* デスクトップ用グロナビ　親
	* --------------------------- */
	.global_navi_body-desktop {
		position: relative;
		display: block;
		width: calc(100% - 28%);
	}

	.global_navi_main-desktop {
		z-index: 999;
		position: absolute;
		right: 135px;
		height: 100%;
	}

	.global_navi_main-desktop > li {
		position: relative;
		float: left;
		height: 100%;
	}

	.global_navi_main-desktop > li:not(:first-child) {
		margin-left: 5px;
	}

	.global_navi_main-desktop > li > a,
	.global_navi_main-desktop > li > span {
		display: block;
		height: 100%;
		padding: 25px 0 25px;
		cursor: pointer;
		opacity: 1;
	}
	.global_navi_main-desktop > li > a img,
	.global_navi_main-desktop > li > span img {
		width: 95%;
		height: auto;
	}

	.item_text-jp {
		font-size: .7rem;
	}

	/* ------------------------------
	* デスクトップ用グロナビ　子
	* --------------------------- */
	.navi_child-desktop {
		display: none;
		position: absolute;
		width: 100%;
		top: 100%;
		left: 0;
	}
	.navi_item:hover .navi_child-desktop {
		display: block;
		width: 10rem;
	}

	.navi_item:first-child .navi_child-desktop {
		/* width: 160%; */
		left: -50%;
		transform: translateX(15%);
	}



	.navi_child-desktop li:not(:first-child) {
		margin-top: 2px;
	}

	.navi_child-desktop li a {
		display: block;
		padding: 11px 14px;
		/* background-color: #db0000; */
		background-color: #2d0008;
		color: #fff;
		font-size: .8rem;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all  .3s ease;
	}
	.navi_child-desktop li a:hover {
		opacity: .6;
	}


	/* ------------------------------
	* デスクトップ用グロナビ　営業時間と問い合わせ
	* --------------------------- */
	.global_navi_shopGuide-desktop {
		z-index: 999;
		position: absolute;
		right: 44px;
		width: 83px;
		padding: 20px 0 25px;
	}

	.global_navi_shopGuide-desktop li:not(:first-child) {
		margin-top: 6px;
	}

	.global_navi_shopGuide-desktop a {
	}
	.global_navi_shopGuide-desktop a:hover {
	}

}








/* ------------------------------
 * グロナビ全体
 * --------------------------- */
.global_navi_body {
	display: none;
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	padding-bottom: 31px;
	background: #fff;
	border-top: #000 solid 2px;
}

/*子*/
.navi_child {
display: none;
}

/* ------------------------------
 * グロナビ-営業案内と問い合わせ
 * --------------------------- */
.global_navi_shopGuide {
	padding: 12px;
}
.global_navi_shopGuide ul {
	letter-spacing: -0.5em;
}
.global_navi_shopGuide li {
	display: inline-block;
	width: calc(50% - 4px);
	letter-spacing: normal;
}
.global_navi_shopGuide li:first-child {
	margin-right: 8px;
}

.global_navi_shopGuide img {
	width: 1em;
}

.global_navi_shopGuide a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 6px 0;
	background-color: #db0000;
	color: #fff;
	font-size: .89rem;
	text-align: center;
}
.global_navi_shopGuide a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_w.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}


.global_navi_shopGuide a img {
	margin-right: 5px;
	vertical-align: middle;
}


/* ------------------------------
 * グロナビ-メインメニュー
 * --------------------------- */
.global_navi_main > li:not(.child-open) {
	/*padding: 3px 12px;*/
	border-bottom: #d3d3d3 solid 1px;
}

.global_navi_main li a,
.global_navi_main li span {
	position: relative;
	display: block;
	color: #000;
}

.global_navi_main > li > a,
.global_navi_main > li > span {
	margin: 4px 12px;
	padding: 8px 10px;
	border-left: #db0000 solid 3px;
}

.global_navi_main a {
}
.global_navi_main a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_r.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
.global_navi_main span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_down_r.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
.global_navi_main > li.child-open span:after {
	background-image: url(/inc/images/navi_cross_r.png);
}






/* ---------- 子要素 ---------- */
.global_navi_main .navi_child {
	border-top: #d3d3d3 solid 1px;
}

.global_navi_main .navi_child li {
	padding: 0 12px;
}

.global_navi_main .navi_child a {
	position: relative;
	padding: 8px 8px 8px 18px;
	background-color: #db0000;
	color: #fff;
}
.global_navi_main .navi_child a:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 8px;
	width: 3px;
	height: calc(1rem + 8px);
	background-color: #fff;
	transform: translateY(-50%);
}

.global_navi_main .navi_child a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_w.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}


.global_navi_main .navi_child li:not(:last-child) a {
	border-bottom: #fff solid 1px;
}




/* ------------------------------
 * グロナビ-サブメニュー
 * --------------------------- */
.global_navi_sub {
	margin: 21px 12px 0;
}
.global_navi_sub > li {
}
.global_navi_sub > li:not(:last-child) {
	border-bottom: #fff solid 1px;
}

.global_navi_sub li a,
.global_navi_sub li span {
	position: relative;
	display: block;
}

.global_navi_sub > li > a,
.global_navi_sub > li > span {
	padding: 8px;
	background-color: #000;
	color: #fff;
}



.global_navi_sub > li > a:after,
.global_navi_sub > li > span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_w.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
.global_navi_sub > li > span:after {
	background-image: url(/inc/images/navi_arrow_down_w.png);
}
.global_navi_sub > li.child-open span:after {
	background-image: url(/inc/images/navi_cross_w.png);
}



/* ---------- 子要素 ---------- */

.global_navi_sub .navi_child li {
	border-bottom: #d3c5c5 solid 1px;
}

.global_navi_sub .navi_child a {
	position: relative;
	padding: 8px 8px 8px 18px;
	background-color: #f2f2f2;
	color: #000;
}
.global_navi_sub .navi_child a:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 8px;
	width: 3px;
	height: calc(1rem + 8px);
	background-color: #000;
	transform: translateY(-50%);
}
.global_navi_sub .navi_child a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: .89em;
	height: .89em;
	background: url(/inc/images/navi_arrow_b.png) center center no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}


.global_navi_sub .navi_child li:not(:last-child) a {
	border-bottom: #fff solid 1px;
}



/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {


}





/* =========================================================
 * midress_policy - index
 * @ MIDRESS POLICY
 * ====================================================== */
.midress_policy {
	z-index: 999;
	position: relative;
	/*width: 93.75%;*/
	margin: -1rem 1rem 0;
	padding: 0.9rem 1rem 1rem;
	background: rgba(218, 0, 0, .9);
	color: #fff;
}

.midress_policy h2 {
	padding-bottom: 0.85rem;
	border-bottom: 1px solid #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.midress_policy p {
	margin-top: .5rem;
	font-size: 12px;
	line-height:1.9em;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.midress_policy {
		width: 82%;
		max-width: 1100px;
		margin: -55px auto 0;
		padding: 24px 40px 30px;
	}

	.midress_policy h2 {
		padding-bottom: 18px;
		font-size: 1.76rem;
		font-weight: bold;
		letter-spacing:0.08em;
	}

	.midress_policy p {
		margin-top: 20px;
		font-size: 1rem;
		text-align: center;
		line-height:1.9em;
	}




}



/* =========================================================
 * information_area
 * @ INFORMATION
 * ====================================================== */
.information_area {
	margin-top: 32px;
	/*padding-top: 60px;*/
	background: #fff;
}
/* ------------------------------
 * 見出し
 * --------------------------- */
.information_area h2 {
	width: 45%;
	margin: 0 auto;
}

/* ------------------------------
 * リスト
 * --------------------------- */
.information_list {
	margin: 16px 20px 0;
	text-align: justify;
	/**/
	border-bottom: 1px solid #c7c7c7;
}

.information_list_item:not(:first-child) {
	/* margin-top: 26px; */
}

/* ----- */

.information_list_item {
	padding: 18px 0 32px;
	border-top: 1px solid #c7c7c7;
}




.information_item_box {
	position: relative;
}

.information_item_cate {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 5.8rem;
	padding: .2rem;
	background: #2e6cb6;
	color: #fff;
	font-size: .75rem;
	text-align: center;
	letter-spacing: -1px;
}
.information_item_cate.cate_info {
	background: #e64100;
}
.information_item_cate.cate_campaign {
	background: #07A91D;
}

.information_item_thumb {
	margin-top: 0.75rem;
}
/* ----- */


.information_item_date,
.information_list_item p,
.information_detail_link {
	font-size: .85rem;
}

.information_item_date {
	padding-left: 8px;
	border-left: #db0000 solid 2px;
	font-weight: bold;
}

.information_list_item h3 {
	margin-top: 12px;
	font-size: .9rem;
	font-weight: bold;
}

.information_list_item p {
	margin-top: 15px;
	line-height:185%;
	font-size: 12px;
	
}

.information_detail_link {
	display: inline-block;
	margin-top: 18px;
}
.information_detail_link img {
	width: 1.1em;
	margin-right: 3px;
}
.information_detail_link a {
	border-bottom: #bbb solid 1px;
	color: #000;
	font-weight: bold;
}

.stong {
	font-size:0.9rem;
	font-weight:bold;
}


/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.information_area {
		width: 1000px;
		margin: 70px auto 100px;
	}
	/* ------------------------------
	* 見出し
	* --------------------------- */
	.information_area h2 {
		width: 30%;
	}

	/* ------------------------------
	* リスト
	* --------------------------- */
	.information_list {
		margin: 43px 0 0;
	}

	.information_list_item:not(:first-child) {
		/* margin-top: 50px; */
	}

	.information_list_item:before, .information_list_item:after {
		content: " ";
		display: table;
	}
	.information_list_item:after {
		clear: both;
	}
	.information_list_item {
		*zoom: 1;
	}

	/**/
	.information_list_item {
		padding: 24px 0 16px;
	}
	/**/




	.information_item_box {
		float: left;
		width: 300px;
	}
	.information_item_cate{
		width:75px;
	}
	.information_item_date {
		/* float: left;
		width: 130px; */
		border-left: #db0000 solid 5px;
		font-size: .98rem;
	}


	.information_list_item h3,
	.information_list_item p,
	.information_detail_link {
		float: right;
		width: 665px;
	}


	.information_list_item h3 {
		margin-top: 3px;
		font-size: 1.05rem;
	}

	.information_list_item p {
		font-size: 0.93rem;
		line-height:1.9em;
		color:#333;
	}

	.information_detail_link {
		font-size: .82rem;
	}


}



/* =========================================================
 * pickup_area
 * @ PICKUP
 * ====================================================== */
.pickup_area {
	margin-top: 40px;
}
/* ------------------------------
 * 見出し
 * --------------------------- */
.pickup_area h2 {
	width: 100%;
	padding: 12px 0;
	background-color: #000;
	background-image: url(/inc/images/pickup_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.pickup_area h2 img {
	width: 23%;
}


/* ------------------------------
 * アイテム
 * --------------------------- */
.pickup_item {
	position: relative;
}
.pickup_item a {
	display: block;
}
.pickup_item a img {
	vertical-align: middle;
}
.pickup_info_img {
	position: absolute;
	width: 54%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.pickup_area {
		min-width: 1110px;
		margin-top: 76px;
	}

	/* ------------------------------
	* 見出し
	* --------------------------- */
	.pickup_area h2 {
		padding: 30px 0;
	}
	.pickup_area h2 img {
		width: 120px;
	}

	/* ------------------------------
	* アイテム
	* --------------------------- */
	.pickup_wrapper:before, .pickup_wrapper:after {
		content: " ";
		display: table;
	}
	.pickup_wrapper:after {
		clear: both;
	}
	.pickup_wrapper {
		*zoom: 1;
	}

	.pickup_item {
		position: relative;
		float: left;
		width: calc(100% / 3);
	}
	.pickup_item a {
		display: block;
	}
	.pickup_item a:hover {
		opacity: 1;
	}
	.pickup_item a img {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all  .3s ease;
		vertical-align: middle;
		backface-visibility: hidden; 
	}

	.pickup_item a:hover .pickup_photo_img {
		opacity: .6;
	}

	.pickup_info_img {
		position: absolute;
		width: 54%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}


}




/* =========================================================
 * bottoom_navi_area
 * @ BOTTOM NAVI
 * ====================================================== */
.bottoom_navi_wrapper {
	display: none;
}

 .bottoom_navi_area {
	margin-top: 36px;
}
.bottoom_navi_menu,
.bottoom_navi_links {
	display: none;
}

.bottoom_navi_address {
	width: 65%;
	margin: 0 auto;
	text-align: center;
	font-weight:bold;
}

.bottoom_navi_number {
	margin-top: 20px;
	font-size: 1.5rem;
}

.bottoom_navi_address address {
	margin-top: 10px;
}
.bottoom_navi_address address span {
	display: block;
	font-size: .8rem;
}


/* ------------------------------------------------------
 * Desktop
 * @ BOTTOM NAVI
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	.bottoom_navi_wrapper {
		display: block;
		width: 100%;
		min-width: 1110px;
		margin-top: 80px;
		padding: 60px 0;
		background: #f1f1f1;
	}

	.bottoom_navi_area {
		width: 1000px;
		margin: 0 auto;
	}

	.bottoom_navi_menu,
	.bottoom_navi_links {
		display: block;
	}

	/* ------------------------------
	* 上段ナビ
	* --------------------------- */
	.bottoom_navi_menu {
		margin: 0;
	}

	.bottoom_navi_menu div {
		overflow: hidden;
		float: left;
		display: inline-block;
		width: calc((100% / 7) - 60px);
	}
	.bottoom_navi_menu div:not(:first-child) {
		 margin-left: 60px;
	}

	.bottoom_navi_menu h4 {
		height: calc(2.2rem + 10px + 2px);
		font-size: 1.05rem;
		font-weight: bold;

		/**/
		padding-bottom: 10px;
		border-bottom: 2px solid #b9b9b9;
		line-height: 1;
	}

	.bottoom_navi_menu ul {
		margin-top: 16px;
		font-size: .75rem;
	}

	.bottoom_navi_menu ul li:not(:first-child) {
		margin-top: 15px;
	}
	.bottoom_navi_menu h4 a{
		color:#000;
	}
	.bottoom_navi_menu li a {
		color: #5f5f5f;
	}
	.bottoom_navi_menu a:hover {
		color: #db0000;
		opacity: 1;
	}


	/**/
	.bottoom_navi_menu div:nth-of-type(1) {
		width: 101px;
	}
	.bottoom_navi_menu div:nth-of-type(2) {
		width: 93px;
	}
	.bottoom_navi_menu div:nth-of-type(3) {
		width: 110px;
	}
	.bottoom_navi_menu div:nth-of-type(4) {
		width: 110px;
	}
	.bottoom_navi_menu div:nth-of-type(5) {
		width: 58px;
	}
	.bottoom_navi_menu div:nth-of-type(6) {
		width: 84px;
	}
	.bottoom_navi_menu div:nth-of-type(7) {
		width: 83px;
	}

	.bottoom_navi_menu div:nth-of-type(1) li {
		letter-spacing: -1px;
	}
	/**/












	/* ------------------------------
	* 下段リンク
	* --------------------------- */
	.bottoom_navi_postScript {
		width: 100%;
		margin-top: 80px;
	}


	.bottoom_navi_address {
		float: left;
		width: 250px;
		text-align: left;
	}

	.bottoom_navi_number {
		margin-top: 10px;
		font-size: 1.8rem;
	}

/*.bottoom_navi_address address {
	margin-top: 12px;
}
.bottoom_navi_address address span {
	display: block;
	font-size: .8rem;
}*/
.bottoom_navi_address address span {
	font-size: 1rem;
}
	.bottoom_navi_links {
		float: right;
		width: 450px;
	}
	.bottoom_navi_links h4 {
		font-size: 1.05rem;
		font-weight: bold;
	}

	.bottoom_navi_links_wrapper {
		display: table;
		width: 100%;
		margin-top: 32px;
	}
	.bottoom_navi_links_wrapper ul {
		display: table-cell;
		width: calc(100% / 5);
		font-size: .75rem;
	}

	.bottoom_navi_links_wrapper a {
		color: #5f5f5f;
	}
	.bottoom_navi_links_wrapper a:hover {
		color: #db0000;
		opacity: 1;
	}

	.bottoom_navi_links_wrapper ul li:not(:first-child) {
		margin-top: 12px;
	}




}



/* =========================================================
 * フッター
 * @ footer
 * ====================================================== */
footer {
	position: relative;
	margin-top: 135px;
	padding: 22px;
	background-color: #000;
	text-align: center;
}
footer:before {
	position: absolute;
	content: "";
	display: block;
	top: -40px;
	right: 0;
	width: 100%;
	height: 40px;
	background: url(/inc/images/footer_line.png) right top no-repeat;
}


.footer_links {
	display: none;
}

.copyright {
	font-size: .7rem;
	color: #fff;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	footer {
		min-width: 1110px;
		/* margin-top: 135px; */
		margin-top: 0;
		padding: 25px 22px 30px;
	}

	.footer_links {
		display: block;
		margin: 0 auto;
		letter-spacing: -0.5em;
	}
	.footer_links li {
		display: inline-block;
		letter-spacing: normal;
	}
	.footer_links li:not(:first-child) {
		margin-left: 45px;
	}

	.footer_links a {
		display: inline-block;
		padding-left: 22px;
		background: url(/inc/images/icon_footerarrow.png) left center no-repeat;
		background-size: auto .7rem;
		color: #fff;
		font-size: .82rem;
	}

	.copyright {
		margin-top: 20px;
		font-size: .73rem;
	}

}




/* =========================================================
 * カレンダー
 * @ CALENDAR
 * ====================================================== */
/*--------------------
* オーバーレイカレンダー
* -----------------*/
.overlay_frame {
	display: none;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:rgba(255,255,255,1);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.calender_close_btn img {
	width: 45px;
}



/*営業時間*/
.calender_close_btn{
	position:absolute;
	right: 10px;
	top:0;
	-ms-transform: translate(100%,0);
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	cursor: pointer;
}

.hours_section{
	width:840px;
	padding:30px 20px;
	margin:50px auto;
	background: #fff;
	position:relative;
}
.hours_section h2{
	font-size:34px;
	font-weight:bold;
	border-bottom:2px solid #da0000;
}

.hours_section h3{
	font-size:16px;
	font-weight:bold;
	margin:20px 0 10px;
}
.hours_section .note{
	margin-top:20px;
	font-size:14px;
}
.calender_block{
	background: #fff;
	border-bottom:2px solid #da0000;
	padding-bottom:20px;
	margin:50px auto 0;
}
.hours_info{
	padding:20px 0;
}
.hours_info p{
	border-left:10px solid #da0000;
	padding-left:10px;
	margin-bottom:20px;
	font-weight:bold;
}
.hours_info .note{
	border:none;
	font-weight:normal;
	padding-left:0;
	margin-bottom:5px;
}
.calender_info h3{
	padding:20px 20px 10px;
	background:#000;
	border-bottom:7px solid #da0000;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
.calender_info div{
	padding:20px;
}
.calender_info div p{
	display:inline-block;
	font-size:14px;
	margin-right:20px;
}
.calender_info div p img{
	width:20px;
	height:20px;
	vertical-align:middle;
}
.calender_wrap{
	margin-top:20px;
}
.calender.this_month{
	float:left;
	width:47%;
}
.calender .month{
	font-weight:bold;
	font-size:18px;
}

.calender.next_month{
	float:right;
	width:47%;
}
.calender table{
	width:100%;
	margin:30px auto;
}
.calender table td{
	font-size:14px;
	text-align:center;
	padding:10px 8px;
	font-weight:bold;
	border:1px solid #fff;
}
.calender table td.event{
	background:#ffe1e1;
}
.calender table td.holiday{
	background:#eeeeee;
}

.race_text {
	color:#000;
	font-size:14px;
	font-weight:bold;
}

.calender_arrow {
	width:1.1em;
}

@media screen and (max-width: 640px) {
/* ========================================================= */
	/*--------------------
	* カレンダー閉じるボタン
	* -----------------*/
	.calender_close_btn{
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
		position:fixed;
		right: 15px;
		top:4px;
	}
	.calender_close_btn img {
		width: 50px;
	}
/* ========================================================= */
/* ---- ここまで640 ---- */
}
/* =========================================================
 * スマートフォン
 * @ media640px以下
 * ====================================================== */
@media screen and (max-width: 640px) {
/* ========================================================= */

/*営業時間*/
.hours_section{
	width:100%;
	margin:0 auto;
	height: 100vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.calender_info h3,
.calender_info div{
	display:block;
	text-align:left;
}
.calender.this_month{
	float:none;
	width:100%;
}
.calender.next_month{
	float:none;
	width:100%;
	padding-top:20px;
	margin-top:30px;
	border-top:2px solid #e0eef7;
}
.calender_info div .event{
	display:block;
	margin-right:0;
	margin-top:10px;
	text-indent:-25px;
	padding-left:25px;
}
/* ========================================================= */
/* ---- ここまで640 ---- */
}



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

/*
 * 下層ページ
*/

/* =========================================================
 * ページ全体の定義
 * @ PAGE
 * ====================================================== */
/*--------------------
* コンテンツの枠
* -----------------*/
.main {
	min-height: calc(100vh - 47px - 28px - 2px - 76px - 59px);/*画面全体 - ヘッダー - ナビバー - ナビバー下ライン - フッター上部マージン - フッター*/
	margin-top: calc(28px + 17px);
}

/*--------------------
* ページコンテンツの見出し
* -----------------*/
.page_section_heading {
	position: relative;
	width: 100%;
	padding-bottom: .3rem;
	font-size: 1.2rem;
	text-align: center;
	font-weight:bold;
}
.page_section_heading.shadow{
	box-shadow: 0 5px 0 rgba(13, 3, 7, .08);
	
}
.page_section_heading:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNkYTAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 15%, rgba(218,0,0,0.8) 65%, rgba(218,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(218,0,0,0.8) 65%,rgba(218,0,0,0.8) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 15%,rgba(218,0,0,0.8) 65%,rgba(218,0,0,0.8) 100%);
}

/*--------------------
* ページコンテンツの中、左右パディング付き枠
* -----------------*/
.padding_box {
	padding: 0 1rem;
	font-size: .9rem;
}


/*--------------------
* 画像付きコンテンツ
* -----------------*/
.imageContents {
	display: flex;
	flex-direction: column;
	margin-top: 1.2rem;
	font-size: .9rem;
}
.imageContents_image {

}
.imageContents_text {
	padding: 0 1rem;
}

.imageContents_text h3 {
	margin-top: 0rem;
	color: #c40000;
	font-weight: bold;
	font-size:20px;
	margin:15px 0;
}


.imageContents_text p {
	margin-top: .8rem;
	margin:0 0 15px 0;
	line-height:190%;
}

.imageContents-right {
	flex-direction: column-reverse;
	padding-bottom:0px;
}



/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	/*--------------------
	* コンテンツの枠
	* -----------------*/
	.main {
		min-height: calc(100vh - 120px - 100px - 4px - 151px - 124px);
		margin-top: calc(100px + 3px);
	}

	/*--------------------
	* ページコンテンツの見出し
	* -----------------*/
	.page_section_heading {
		width: 970px;
		margin: 0 auto;
		padding-bottom: 1.1rem;
		font-size: 1.8rem;
	}

	/*--------------------
	* ページコンテンツの中、左右パディング付き枠
	* -----------------*/
	.padding_box {
		width: 970px;
		margin: 0 auto;
		padding: 0;
		font-size: 1rem;
	}

	/*--------------------
	* 画像付きコンテンツ
	* -----------------*/
	.imageContents {
		display: table;
		width: 970px;
		margin: 0 auto;
		font-size: 1rem;
	}

	.imageContents_image,
	.imageContents_text {
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}
	.imageContents_text{
		padding:18px 40px;
		font-size:15px;
		line-height:28px;
	}
	
	.imageContents_text01{
		padding: 0 40px 18px;
		font-size:15px;
		line-height:28px;
	}
	
	.imageContents_image img {
		vertical-align: bottom;
	}

	.imageContents_text h3 {
		text-align-last: center;
		font-size:22px;
		letter-spacing:0.01em;
		line-height:145%;
	}

}



/* =========================================================
 * ドライビングシミュレーター
 * @ 
 * ====================================================== */
/*--------------------
* ヒーローヘッダー
* -----------------*/
#simulator .hero_header {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 31%;
	background-image: url(/inc/images/simulator/hero_header_bg.jpg);
	background-position: center top;
	background-size: cover;
}

#simulator .hero_header img {
	display:none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 81%;
	transform: translate(-50%, -50%);
}

/* =========================================================
 * レース情報
 * @ racing
 * ====================================================== */

#racing .hero_header_img img{
	width:100%;
	vertical-align:bottom;
}




/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#simulator .hero_header {
		height: 316px;
		padding-top: 0;
	}

	#simulator .hero_header img {
		width: auto;
		max-width: 100%;
		display:none;
	}
}



/*--------------------
* ページ内遷移
* -----------------*/
.inPage_transition {
	background: #000;
	color: #fff;
	border-top: rgba(252 ,0 ,0, .53) solid 1px;
	font-size: .8rem;
}

.inPage_transition li {
	padding: .5rem 1rem;
	background-image: url(/inc/images/navi_arrow_down_w.png);
	background-position: right 1rem center;
	background-size: 1rem auto;
	background-repeat: no-repeat;
}
.inPage_transition li.outPage_transition_li {
	background: none;
}
.inPage_transition li a{
	color:#fff;
	font-weight:bold;
	display:block;
}
.inPage_transition li:not(:first-child) {
	border-top: #c0c0c0 solid 1px;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	.inPage_transition {
		border-top: none;
		font-size: 1rem;
	}

	.inPage_transition ul {
		display: block;
		min-width: 1076px;
		max-width: 1358px;
		margin: 0 auto;
		text-align: center;
		letter-spacing: -.40em;
	}

	.inPage_transition li {
		display: inline-block;
		padding: .5rem 3rem;
		letter-spacing: 0.15rem;
		background-position-x: right 1rem;
	}
	.inPage_transition li.outPage_transition_li {
		display: none;
	}
	.inPage_transition li a{
		font-size:14px;
		display:inline;
	}
	.inPage_transition li:not(:first-child) {
		border-top: none;
	}



}






/*--------------------
* 機能について
* -----------------*/
#about_functions {
	margin-top: 1rem;
	padding-top: 1rem;
}

.about_functions_read {
	margin-top: 1.4rem;
	font-size:0.85rem;
	line-height:180%;
	text-align:justify;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#about_functions {
		margin-top: 40px;
		padding-top: 30px;
	}
	
	.about_functions_read {
	margin-top: 2rem;
	font-size:0.85rem;
	line-height:180%;
}

	
}




/*--------------------
* 利用方法
* -----------------*/
#howTo {
	margin-top: 21px;
	padding: 20px 0 30px;
	background-color: #f7f7f7;
}
.howTo_read {
	margin-top: 1.4rem;
	font-size:0.85rem;
	line-height:180%;
}

.howTo_contact {
	margin-top: 18px;
}
.howTo_contact img {
	box-shadow: 4px 4px 4px rgba(13, 3, 7, .13);
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#howTo{
		margin-top:72px;
		padding-top:40px;
		padding-bottom:45px;
	}
	
	.howTo_read {
	margin-top: 2rem;
}
	
	.howTo_read p{
		margin-bottom:35px;
		text-align:center;
		font-size:15px;
		line-height:28px;
	}
	.howTo_contact{
		text-align:center;
	}
	.howTo_contact img{
		width:375px;
	}
}

/*--------------------
* 料金
* -----------------*/
#sim_price {
	margin-top: 70px;
}

/* ---------- 表 ---------- */
#sim_price table {
	width: 100%;
	border-bottom: 2px solid #d4d4d4;
	font-size: .5rem;
}
#sim_price th,
#sim_price td {
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
}

#sim_price thead th {
	background-color: #000;
	color: #fff;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
#sim_price thead tr:first-child th:first-child {
	border-left: none;
}

#sim_price tbody {
	background-color: #f7f7f7;
}
#sim_price tbody th {
	border-top: 1px solid #d4d4d4;
}
#sim_price tbody td {
	width: 3rem;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
}

.sim_price_per_hour {
	margin-top: 30px;
}

.sim_price_rental {
	margin-top: 30px;
}


/* ---------- 注意書き ---------- */
.sim_price_notes {
	margin: 1rem 0.4rem 0;
	font-size: .5rem;
}

.sim_price_notes p {
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.6;
	font-size:13px;
	text-align:justify;
}
.sim_price_notes span {
	margin-right: .5em;
}
/* ------------------------------------------------------ */
/* iPhone6Plus */
/* ------------------------------------------------------ */
@media screen and (min-width: 414px) {/*iPhone6Plus*/
	#sim_price table{
		font-size:.65rem;
	}
	/* ---------- 注意書き ---------- */
	.sim_price_notes {
		font-size:.65rem;
	}
}
/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#sim_price {
		margin-bottom: 130px;
	}
	#sim_price table{
		font-size:15px;
	}
	#sim_price th, #sim_price td{
		padding:7px 40px;
	}
	/* ---------- 注意書き ---------- */
	.sim_price_notes {
		font-size: 14px;
	}
}



/*--------------------
* レース概要
* -----------------*/
#about_race {
	margin-top: 0.5rem;
	padding-top: 1rem;
}

.about_race_read {
	margin-top: 1.2rem;
}

.about_race_read p {
	font-size:0.9rem;
	line-height:180%;
}

.race_info {
	margin-top: 3.4rem;
}
.race_info .logo{
	padding-bottom:5px;
	border-bottom:1px solid #868686;
	text-align:center;
}
.race_info .logo img{
	width:85%;
	margin:0 auto;
}
.race_info .link{
	text-align:center;
	padding-top:10px;
}
.race_info .link img{
	width:65%;
}
.race_info_block{
	margin:10px auto 50px;
}
.race_info_block img{
	vertical-align:bottom;
}
.race_info_block .race_info_txt{
	background:#e60012;
	padding:1.4rem 1.3rem 1.8rem;
	color:#fff;
	line-height:180%;
	text-align:justify;
}
.race_info_block .race_info_txt .heading{
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	font-size:1.25rem;
	font-weight:bold;
	margin-bottom:20px;
}
.race_info_block .race_info_txt .heading span{
	border-left:10px solid #fff;
	padding-left:15px;
	line-height:1;
}
.race_info_block .race_info_txt .more{
	text-align:right;
	margin-top:10px;
}
.race_info_block .race_info_txt .more a{
	background:url(/inc/images/icon_arrow_wh.png) no-repeat center left;
	padding-left:20px;
	color:#fff;
	text-decoration:underline;
}
/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#about_race {
		margin-top: 30px;
		padding-top: 30px;
	}
	.about_race_read {
		margin-top: 30px;
	}
	.about_race_read p {
	font-size:15px;
	line-height:200%;
}
	.race_info {
	margin-top: 4.2rem;
}
	
	.race_info_heading{
		border-bottom:1px solid #868686;
		display:table;
		width:100%;
	}
	.race_info .logo{
		border-bottom:none;
		text-align:left;
		display:table-cell;
		width:438px;
	}
	.race_info .logo img{
		width:438px;
		vertical-align:bottom;
	}
	.race_info .link{
		text-align:right;
		padding-top:0;
		display:table-cell;
		padding-bottom: 10px;
	}
	.race_info .link img{
		width:358px;
		vertical-align:bottom;
	}
	.race_info_block .race_info_txt{
	background:#e60012;
	padding:1.4rem 1.4rem 2rem;
	color:#fff;
	line-height:180%;
	text-align:justify;
}
	
}

/*--------------------
* レーススケジュール
* -----------------*/
#race_schedule {
	margin-top: 2rem;
}

#race_schedule .schedule .img p{
	float:left;
	/*width:50%;*/
}

#race_schedule .page_section_heading img{
	width:50%;
}

#race_schedule .yaris_ttl img{
		width:40%;
}
#race_schedule .brz_ttl img{
		width:60%;
}

#race_schedule .schedule_list{
	margin-bottom:25px;
}
#race_schedule .schedule_list table{
	width:100%;
}
#race_schedule .schedule_list table tr{
	border-bottom:1px solid #7d7d7d;
	font-size:.8rem;
}
#race_schedule .schedule_list table td.date{
	padding:10px 3px 10px 10px;
	white-space:nowrap;
	font-size: 11px;
}
#race_schedule .schedule_list table td.date span{
	border-left:5px solid #da0000;
	padding-left:10px;
}
#race_schedule .schedule_list table td.txt{
	padding:15px 0 15px 8px;
}
/*
#race_schedule .schedule_section_heading h2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	transform: translate(-50%, -50%);
}
#race_schedule .schedule_section_heading{
	background:url(/inc/images/racing/schedule_ttl_bg.jpg) no-repeat;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 16%;
	background-position: center top;
	background-size: cover;
	margin-bottom:20px;
}

*/
/* #race_schedule .schedule_section_heading{
	position: relative;
	width: 100%;
	height:auto;
	margin-bottom:20px;
}

#race_schedule .schedule_section_heading .schedule_section_heading_inner{
	position: absolute;
	width:970px;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align:center;
}

#race_schedule .schedule_section_heading .heading_wrap{
	border-bottom:1px solid #fff;
	display:inline-block;
	margin:0 auto 30px;
	padding-bottom:2px;
}
#race_schedule .schedule_section_heading h2{
	color:#fff;
	text-align:center;
	font-size:42px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	display:inline-block;
	margin:0 auto;
}
#race_schedule .schedule_section_heading h2 span{
	color:#da0000;
}
#race_schedule .schedule_section_heading .race_type li{
	color:#fff;
	display:inline;
	padding:0 50px 0 10px;
	border-left:5px solid #fff;
	line-height:1;
	font-size:14px;
	font-weight:bold;
}
#race_schedule .schedule_section_heading .race_year li{
	color:#000;
	float:left;
	padding-right:10px;
}
#race_schedule .schedule_section_heading .race_year li a{
	display:block;
	background:#fff;
	color:#000;
	padding:5px 15px;
	border-radius:10px 10px 0 0 ;
	font-weight:bold;
	font-size:24px;
}
#race_schedule .schedule_section_heading .race_year li a span{
	color:#da0000;
} */

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	#race_schedule {
		margin-top: 110px;
		margin-bottom:130px;
	}
	#race_schedule .schedule_section_heading{
		margin-bottom:50px;
	}
	#race_schedule .schedule_section_heading h2 img {
		width: 35%;
	}
	
	
	
	#race_schedule .page_section_heading{
		padding-bottom: 10px;
	}
	#race_schedule .page_section_heading img{
		width:250px;
	}
	#race_schedule .yaris_ttl img{
		margin-top: 10px;
		width:220px;
	}
	#race_schedule .brz_ttl img{
		margin-bottom: 10px;
		width:320px;
	}
	#race_schedule .schedule{
		width:970px;
		margin:20px auto 45px;
	}
	#race_schedule .schedule .img{
		float:right;
		width:256px;
	}
	#race_schedule .schedule .img p{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	#race_schedule .schedule_list{
		float:left;
		width:700px;
		margin-bottom:1rem;
	}
	
	
	#race_schedule .schedule_list table td{
		font-size:14px;
	}
	#race_schedule .schedule_list table td.date,
	#race_schedule .schedule_list table td.txt{
		padding:15px 15px 12px 0px;
		letter-spacing:-0.05em;
	}
	
	.date {
		width:138px;
	}
	
	.txt {
		width: 462px;
	}
	
	.race_result {
		width: 100px;
	}
}








/* =========================================================
 * クラブミッドレス
 * @ clubmidress
 * ====================================================== */
/*--------------------
* MEMBER PROGRAM
* -----------------*/
#member_program {
	margin-top: 2rem;
}
#member_program .page_section_heading{
	text-align:center;
}
#member_program .page_section_heading img{
	width:70%;
}
#member_program .member_program_read{
	margin-top: 1.4rem;
	font-size:0.85rem;
	line-height:180%;
}
#member_program .imageContents{
	margin-bottom:30px;
}
#member_program .imageContents-right{
	flex-direction: column;
}
#member_program .imageContents-left{
	flex-direction: column-reverse;
}
#member_program .imageContents_text{
	padding-bottom:10px;
}
#member_program .member_program_heading{
	display:table;
	width:100%;
	border-bottom:1px solid #d9d9d9;
	padding-bottom:10px;
	margin-bottom:10px;
}
#member_program .member_program_heading p{
	font-size:1.25rem;
	color:#d90000;
	display:table-cell;
	vertical-align:bottom;
	line-height:150%;
}
#member_program .member_program_heading p:nth-of-type(1){
	width:10%;
}
/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
	/*--------------------
	* ヒーローヘッダー
	* -----------------*/
	#clubmidress .hero_header {
		width: 100%;
		position: relative;
	}
	#clubmidress .hero_header .hero_header_txt{
		background-color: rgba(255, 255, 255, 0.9);
		height: 100%;
		position: absolute;
		right: 50px;
		top: 0;
		width: 380px;
	}
	#clubmidress .hero_header .hero_header_txt div{
		left: 0;
		padding-bottom: 0;
		padding-left: 23px;
		padding-right: 23px;
		padding-top: 0;
		position: absolute;
		top: 48%;
		transform: translateY(-50%);
		text-align:center;
	}
	#clubmidress .hero_header .hero_header_txt div img{
		width:283px;
		margin-bottom:30px;
		margin-right:6px;
	}
	#clubmidress .hero_header .hero_header_txt div p{
		text-align:left;
		line-height:1.7;
	}
	#member_program {
		margin-top: 60px;
		margin-bottom: 130px;
	}
	
	#member_program .member_program_read{
	margin-top: 2rem;
}

	#member_program .member_program_heading{
	display:table;
	width:100%;
	border-bottom:1px solid #d9d9d9;
	padding-bottom:10px;
	margin-bottom:0px;
}
	#member_program .page_section_heading img{
		width:379px;
	}
	#member_program .imageContents{
		margin-bottom:50px;
	}
	#member_program .imageContents-right .imageContents_text{
		padding-left:0;
	}
	#member_program .imageContents-left .imageContents_text{
		padding-right:0;
	}
	
	#member_program .imageContents_text .txt{
		border-bottom:1px solid #d9d9d9;
		padding-top:15px;
		padding-bottom:15px;
	}
	
	#member_program .imageContents_text{
	padding-bottom:20px;
}
	#member_program .bnr_area{
		width:900px;
		margin:0 auto;
	}
}

/* =========================================================
 * ミッドレスについて
 * @ about
 * ====================================================== */
/*--------------------
* MEMBER PROGRAM
* -----------------*/
#about {
	margin-top: calc(28px + 40px);
}
#about .page_section_heading{
	text-align:center;
}
#about .page_section_heading img{
	width:70%;
}
#about .about_read{
	margin-top: 1.4rem;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:20px;
	font-size:0.85rem;
	line-height:180%;
	text-align:justify;
}
#about .address{
	padding:10px 0;
}
#about .address h3{
	color:#da0000;
	font-weight:bold;
}
#about .address p{
	margin-bottom:10px;
	font-size:0.85rem;
	line-height:180%;
	text-align:justify;
}
#about .address .heading{
	color:#c40000;
	font-weight:bold;
}
#about .photo{
	margin-bottom:10px;
}
#about .map{
	margin-bottom:30px;
}
#about .map iframe{
	width:100%;
	height:200px;
}
#staff .about_read{
	color:#c40000;
	font-weight:bold;
	text-align:center;
	border-bottom:none;
}

/* ------------------------------------------------------ */
/* Desktop */
/* ------------------------------------------------------ */
@media screen and (min-width: 641px) {
#about {
	margin-top: calc(100px + 80px);
}

#about .about_read{
	margin-top: 2rem;
	border-bottom:1px solid #e8e8e8;
	padding-bottom:20px;
}

#about .page_section_heading img{
	width:335px;
}
#about .address{
	float:left;
	width:49%;
	margin-top:40px;
	font-size:15px;
	line-height:1.8;
}

#about .address p{
	margin-bottom:10px;
	font-size:15px;
	line-height:180%;
	text-align:justify;
}

#about .address .cf h3{
	float:left;
	width:70px;
}
#about .address .cf p{
	float:right;
	width:360px;
}
#about .photo{
	float:right;
	width:49%;
	margin-top:40px;
	margin-bottom:30px;
}
#about .address .heading{
	margin-top:20px;
}
#about .map{
	margin-bottom:60px;
}
#about .map iframe{
	width:100%;
	height:300px;
}
#staff{
	margin-bottom:130px;
}
#staff .about_read{
	font-size:25px;
}
#staff .staff_photo{
	width:970px;
	margin:15px auto 0;
}
#staff .staff_photo img{
	width:32.3%;
	float:left;
	margin-right:1%;
}
#staff .staff_photo img:nth-of-type(2){
	width:32.3%;
	float:left;
	margin-right:1%;
}


}








/* =========================================================
 * 第二段階追加分
 * @ 
 * ====================================================== */

/*--------------------
* TOP お知らせ一覧
* -----------------*/
.information_link {
	margin-top: 30px;
	text-align: center;
}
.information_link_btn {
	width:85%;
	display: inline-block;
	padding: 12px 24px;
	border: 1px solid #fe0000;
	color: #333;
	font-size:0.9rem;
	font-weight:600;
}
.information_link_btn:before {
	content: "＞";
	margin-right: 8px;
	color: #fe0000;
}

/* ------------------------------------------------------
 * Desktop
 * TOP お知らせ一覧
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	.information_link {
		margin-top: 12px;
		text-align: right;
	}
	.information_link_btn {
		width:200px;
		padding: 8px 12px;
		text-align: center;
		font-weight: 500;
	}
}



 /*--------------------
* TOP 提携企業
* -----------------*/
.partner_company {
	display: none;
}

/* ------------------------------------------------------
 * Desktop
 * TOP 提携企業
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	.partner_company {
		display: block;
		margin-top: calc(80px - 22px);
	}
	.partner_company table {
		width: 934px;
		margin: 0 auto;
	}
	.partner_company td {
		overflow: hidden;
		box-sizing: border-box;
		width: calc(100% / 6);
		padding: 18px;
		text-align: center;
		vertical-align: middle;
	}
	.partner_company td img {
		width: 100%;
	}
}
/* ------------------------------------------------------
 * TOP チャンピオン獲得ストーリーバナー
 * --------------------------------------------------- */
.bnr_area {
		margin: 1rem 1rem 0;
	}
/* ------------------------------------------------------
 * Desktop
 * TOP チャンピオン獲得ストーリーバナー
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	.bnr_area {
		width: 934px;
		margin: 30px auto 0;
	}
}

/*--------------------
 * トップに戻るボタン
 * -----------------*/
 .footer_inner {
	position: relative;
	/*max-width: 1000px;*/
	margin: 0 auto;
}

.footer_backToTop_btn {
	position: absolute;
	top: -70px;
	right: 0;
	transform: translate(0, -100%);
}
.footer_backToTop_btn img {
	width: 80%;
}
/* ------------------------------------------------------
 * Desktop
 * トップに戻るボタン
 * --------------------------------------------------- */
 @media screen and (min-width: 641px) {
	.footer_backToTop_btn {
		/*right: -5.45%;*/
	}	
	.footer_backToTop_btn img {
		width: auto;
	}
}

/* ------------------------------------------------------
 * Desktop2
 * トップに戻るボタン
 * --------------------------------------------------- */
@media screen and (min-width: 1330px) {
	.footer_backToTop_btn {
		/*right: -166px;*/
	}
}



/* --------------------------------------------------------------------------*/
/* =========================================================
 * 第二段階追加分
 * @ レース情報改修
 * ====================================================== */
/*--------------------
 * レポート一覧
 * -----------------*/
.race_info_report_link {
	text-align: right;
	padding-top:10px;
}
.race_info_report_link a {
	color: #fff;
	border-bottom: 1px solid #fff;
}
.race_info_report_link:before {
	content: "＞";
	margin-right: .4rem;
}

#race_schedule .schedule_list table td.date.finished span {
	border-left: 5px solid #999999;
}


.race_result {
	text-align: right;
	padding: 0px 10px 0 5px;
}
.race_result_btn {
	position: relative;
	display: block;
	padding: 4px 8px 4px 20px;
	background: #347ac2;
	color: #fff;
	font-size: .7rem;
	text-align: center;
	line-height: 1;
	margin:0 0 10px 0;
}
.race_result_btn:before {
	position: absolute;
	content: "▲";
	top: 50%;
	left: 6px;
	font-size: .6rem;
	-webkit-transform: rotate(90deg) translateX(-50%);
	-moz-transform: rotate(90deg) translateX(-50%);
	-o-transform: rotate(90deg) translateX(-50%);
	-ms-transform: rotate(90deg) translateX(-50%);
	transform: rotate(90deg) translateX(-50%);
}

/* ------------------------------------------------------
 * Desktop
 * @ レース情報
 * --------------------------------------------------- */
.race_result {
	padding: 0px 10px;
}

/* --------------------------------------------------------------------------*/
/* =========================================================
 * 第二段階追加分
 * @ レースレポートページ
 * ====================================================== */
/*--------------------
 * レポート一覧
 * -----------------*/

.report a {
	color: #000;
}

/* ----- 見出し ----- */
.report_dateList_heading {
	width: auto;
	margin: 20px auto 0;
	text-align: center;
}
.report_dateList_heading img {
	vertical-align: bottom;
}

.report_dateList_heading p {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
}
.report_dateList_heading p span {
	display: inline-block;
	margin-left: .4em;
}
.report_dateList_heading p:first-letter,
.report_dateList_heading p span:first-letter {
	color: #da0000;
}






/* ----- 一覧 ----- */
.report_dateList_box {
	margin-top: 12px;
}
.report_dateList_title {
	position: relative;
	padding: 12px 50px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 1px solid #fff;
	color: #fff;
	font-weight: 700;
}
.report_dateList_title:before {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: 37px;
	width: 5px;
	height: 1em;
	background: #fe0000;
	transform: translateY(-50%);
}
.report_dateList_title:after {
	content: url(/inc/images/report/icon_btn_race_list.png);
	position: absolute;
	display: block;
	top: 50%;
	right: 20px;
	width: 17px;
	height: 17px;
	transform: translateY(-50%);
}
.report_dateList_vitz {
	background-image: url(/inc/images/report/heading_vitz_sp.jpg);
}
.report_dateList_86 {
	background-image: url(/inc/images/report/heading_86_sp.jpg);
}
.report_dateList_yaris {
	background-image: url(/inc/images/report/heading_yaris_sp.jpg);
}

.report_dateList_event {
	background-image: url(/inc/images/event/heading_evnet_sp.jpg);
}


/* ----- 一覧 アイテム ----- */
.report_dateList_contets ul {

}
.report_dateList_item {
	position: relative;
	background-color: #f9f9f9;
	font-size: .9rem;
	font-weight: 700;
}

.report_dateList_item a{
	display: inline-block;
	width: 100%;
	padding: 12px 15px;
}

.report_dateList_item:not(:first-child) {
	border-top: 1px solid #737373;
}

.report_dateList_contets:last-child .report_dateList_item:last-child {
	border-bottom: 1px solid #737373;
}


.report_dateList_num {
	margin-right: .4rem;
	color: #fe0000;
}
.report_dateList_endDay {
	font-size: .8rem;
	font-weight: normal;
}

.rd_pconly {
	display:none;
}

/* ------------------------------------------------------
 * Desktop
 * レポート一覧　レースレポートページ
 * --------------------------------------------------- */
 @media screen and (min-width: 641px) {
	.report {
		width: 95%;
		margin: 46px auto 98px;
		max-width: 1440px;
	}
	
	.race_info_report_link {
	text-align: right;
	padding:0;
}

	/* ----- 見出し ----- */
	.report_dateList {
		float: left;
		width: 28%;
	}
	.report_dateList_heading {
		width: 100%;
		margin: 0;
		padding-top: 14px;
		text-align: left;
		background: url(/inc/images/report/chech_line.png) left top repeat-x;
	}
	.report_dateList_heading p {
		font-size: 1.8rem;
	}
	.report_dateList_heading * + p {
		margin-top: 4px;
	}


	/* ----- 一覧 ----- */
	.report_dateList_box {
		margin-top: 10px;
		padding-bottom: 4px;
		background: url(/inc/images/report/chech_line.png) left bottom repeat-x;
		/* border-bottom: 3px solid red; */
	}

	.report_dateList_title {
		padding: 24px;
	}
	.report_dateList_title:before {
		left: 12px;
		width: 5px;
	}
	.report_dateList_title:after {
		right: 13px;
	}
	.report_dateList_vitz {
		background-image: url(/inc/images/report/heading_vitz_pc.jpg);
	}
	.report_dateList_86 {
		background-image: url(/inc/images/report/heading_86_pc.jpg);
	}
	.report_dateList_yaris {
		background-image: url(/inc/images/report/heading_yaris_pc.jpg);
	} 

	/*EVENT*/
	.report_dateList_event {
		background-image: url(/inc/images/event/heading_event_pc.jpg);
	}



	/* ----- 一覧 アイテム ----- */
	.report_dateList_contets ul {
		
	}
	.report_dateList_item {
		position: relative;
		font-size: .75rem;
	}

	.report_dateList_item a{
		padding: 16px 10px 13px 14px;
	}

	.report_dateList_item a{
		display: table;
	}

	.report_dateList_item a span{
		display: table-cell;
		vertical-align: middle;
	}

	.report_dateList_num{
		width: 15%;
	}

	.report_dateList_contets_title{
		width: 80%;
	}

	.report_dateList_endDay{
		position: static;
		width: 10%;
	}

	.report_dateList_endDay {
		bottom: 8px;
		right: 10px;
		font-size: .6rem;
	}
	
	
	

}



/*--------------------
 * 本文
 * -----------------*/
 

 
.report_body {
	margin: 24px 0px 0;
}
.report_body_header {
	padding-top: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.report_body_vitz .report_body_header {
	background-image: url(/inc/images/report/heading_vitz_sp.jpg);
}
.report_body_86 .report_body_header {
	background-image: url(/inc/images/report/heading_86_sp.jpg);
}
.report_body_yaris .report_body_header {
	background-image: url(/inc/images/report/heading_yaris_sp.jpg);
}

/*EVENT*/
.report_body_event .report_body_header {
	background-image: url(/inc/images/event/heading_body_event_sp.jpg);
}




.report_body_heading {
	position: relative;
	margin: 0 32px;
	padding: 0 10px;
	border-left: 10px solid #fff;
	font-weight: 700;
	line-height: 1;
}

/* ----- タブ ----- */
.report_body_tabs {
	margin: 16px 28px 0;
	letter-spacing: -.40em;
	transform: translateY(1px);
}
.report_body_tabs li {
	display: inline-block;
	background-color: #fff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: #fe0000;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: normal;
	opacity: .7;
	margin-right: 3px;
}
.report_body_tabs li a{
	display: inline-block;
	padding: 4px 8px;
	color: #fe0000;
}

.report_body_tabs li:not(:first-child) {
	margin-right: 3px;
}
.report_body_tabs li.tab_active {
	opacity: 1;
	padding: 4px 8px;
}


/* ----- ポスト ----- */
.report_body_post {
	padding: 24px 15px 0;
}
.report_body_post_date {
	font-weight: 700;
	font-size:0.9rem;
	letter-spacing:0.12em;
}
.report_body_post_title {
	/* margin-top: 16px;
	padding-left: 8px;
	border-left: 3px solid #fe0000;
	color: #fe0000;
	font-size: 1.2rem;
	line-height: 1; */

	/*2017.08.29メールにて届いた内容に修正*/
	font-size:1.2rem;
	font-weight:bold;
	color:#da0000;
	border-left:5px solid #da0000;
	padding-left:10px;
	margin-top:20px;
}

.report_body_post * + p {
	margin-top: 24px;
} 

.report_body_post_body {
	margin-top: 16px
}

.report_body_post_body img{
	height: auto;
	margin-top:5px;
}

.report_body_post * + p {
		margin-top: 6px;
		line-height:185%;
		font-size:0.82rem;
		font-weight:400;
		/*text-align:justify;*/
		color:#333;
		letter-spacing:0.01em;
		padding-bottom:10px;
	}

/* ----- ポストコントロール ----- */
.report_body_control {
	margin: 32px 10px 0;
	padding: 12px 0 22px;
	border-top: 1px dotted #9f9f9f;
	font-size: .84rem;
	text-align: center;
	letter-spacing: -.40em;
}
.report_body_control div {
	display: inline-block;
	letter-spacing: normal;
}
.control_prev {
	margin-right: 24px;
}
.control_next {
	margin-left: 24px;
}
.control_current {
	color: #fe0000;
	font-weight: 700;
}
.control_current:before,
.control_current:after {
	content: "-";
	color: #333;
}
.control_current:before {
	margin-right: .5em;
}
.control_current:after {
	margin-left: .5em;
}


/*
 * 20180828 追記
 * レポートの年毎の選択ボタン
 */

.report_year_select-sp {
	display: block;
	margin: 30px 20px 0;
}
.report_year_select-pc {
	display: none;
}

.report_year_select_item {
	padding: 6px;
	background: url(/inc/images/report/year_select_bg.png) left center repeat;
}
.report_year_select_item:not(:first-child) {
	margin-top: 4px;
}

.report_year_select_item a {
	display: block;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .4);
	font-weight: 700;
	text-align: center;
}
.report .report_year_select_item a {
	color: #fff;
}


/* ------------------------------------------------------
 * Desktop
 * レポート本文　レースレポートページ
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {

	.report_body {
		float: right;
		width: 70%;
		margin: 0;	
		border: 1px solid #999;
	}

	.report_body_header {
		padding-top: 22px;
	}
	.report_body_vitz .report_body_header {
		background-image: url(/inc/images/report/heading_body_vitz_pc.jpg);
	}
	.report_body_86 .report_body_header {
		background-image: url(/inc/images/report/heading_body_86_pc.jpg);
	}
	.report_body_yaris .report_body_header {
		background-image: url(/inc/images/report/heading_body_yaris_pc.jpg);
	}

	/*EVENT*/
	.report_body_event .report_body_header {
		background-image: url(/inc/images/event/heading_body_event_pc.jpg);
	}


.report_body_post_body img{
	height: auto;
	margin-top:10px;
}


	
	.report_body_heading {
		margin: 0 40px;
		padding: 0 10px;
		font-size: 1.4rem;
	}


	/* ----- タブ ----- */
	.report_body_tabs {
		margin: 24px 36px 0;
	}
	.report_body_tabs li {
		font-size: .9rem;
	}
	.report_body_tabs li:not(:first-child) {
		margin-left: 5px;
	}
	.report_body_tabs li:hover {
		opacity: .9;
	}
	.report_body_tabs li.tab_active:hover {
		opacity: 1;
	}
	 .report_body_tabs li a {
	    display: inline-block;
	    padding: 4px 12px;
	    color: #fe0000;
    }
	
	.report_body_tabs li.tab_active {
		opacity: 1;
		padding: 4px 12px;
	}


	/* ----- ポスト ----- */
	.report_body_post {
		padding: 30px 30px 0;
	}
	.report_body_post * + p {
		margin-top: 6px;
		line-height:195%;
		font-size:0.979rem;
		font-weight:400;
		/*text-align:justify;*/
		color:#333;
		letter-spacing:0.01em;
		padding-bottom:20px;
		word-break: break-all;
	}
	.report_body_post_title {
	/* margin-top: 16px;
	padding-left: 8px;
	border-left: 3px solid #fe0000;
	color: #fe0000;
	font-size: 1.2rem;
	line-height: 1; */

	/*2017.08.29メールにて届いた内容に修正*/
	font-size:1.6rem;
	font-weight:bold;
	color:#da0000;
	border-left:5px solid #da0000;
	padding-left:10px;
	margin-top:20px;
}


	/* ----- ポストコントロール ----- */
	.report_body_control {
		margin: 58px 36px 0;
		padding: 10px 0 12px;
		font-size: .9rem;
	}


	/*
	* 20180828 追記
	* レポートの年毎の選択ボタン
	*/
	.report_year_select-sp {
		display: none;
	}
	.report_year_select-pc {
		display: block;
		margin-top: 32px;
	}

}

@media screen and (max-width: 639px) {
/* 639pxまでの幅の場合に適応される */
	
	.report_body_post * + p {
		text-align:justify;
	}
}



/* --------------------------------------------------------------------------*/
/* =========================================================
 * 第二段階追加分
 * @ インフォメーションページ
 * ====================================================== */
/*--------------------
 * ラッパー
 * -----------------*/
.information_page {
}

/*--------------------
 * ページャー
 * -----------------*/
.paging_area {
	margin-top: 32px;
	text-align: center;
	letter-spacing: -.40em;
}

.prev_next,
.current_page,
.other_page {
	display: inline-block;
	min-width: 1.6rem;
	min-height: 1.4rem;
	margin: 0 .3rem;
	padding: .2rem;
	/* border: 1px solid #9f9f9f; */
	/* background-color: #cfcfcf;
	border: 1px solid #f7f7f7; */
	color: #030303;
	letter-spacing: normal;

	font-size: .98rem;
}

.current_page,
.other_page {
	display: none;
}

.paging_area a:hover {
	background-color: #da0000;
	color: #fff;
	opacity: 1;
}


.prev_next {
	margin: 0 1.6rem;
	background: #333;
	color: #fff;
}
span.prev_next {
	display: none;
}

.current_page {
	background: #da0000;
	color: #fff;
	/* font-weight: 700; */
}


.moblie_pageing {
	display: inline-block;
	margin: 0 .4rem;
	letter-spacing: normal;
	font-weight: 700;
}
.moblie_pageing em {
	color: #da0000;
}

/* ------------------------------------------------------
 * Desktop
 * インフォメーションページ
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	.information_page {
		padding-top: 30px;
	}

	.current_page,
	.other_page {
		display: inline-block;
	}

	.moblie_pageing {
		display: none;
	}
}




/* ------------------------------------------------------
 * WP Tags
 * Wordpressタグの調整
 * --------------------------------------------------- */
.report_body_post_body h1 {
	font-size: 2.5rem;
}
.report_body_post_body h2 {
	font-size: 1.2rem;
	margin-bottom:0.8em !important;
}
.report_body_post_body h3 {
	font-size: 1rem;
	padding-left:9px;
	border-left:5px solid #da0000;
	margin-bottom:15px;
	margin-top:5px;
	color:#da0000;
	font-weight:600;
}

.report_body_post_body h6 {
	font-size: 0.8rem;
	margin-bottom:0.3em !important;
}

.report_body_post_body ul {
	list-style-position: inside;
	list-style-type: disc;
}
.report_body_post_body ol {
	list-style-position: inside;
	list-style-type: decimal;
}

.report_body_post_body strong {
	font-weight: 700;
}
.report_body_post_body em {
	font-style: italic;
}

.report_body_post_body blockquote {
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}

.report_body_post_body a{
 text-decoration: underline;
}

/* =========================================================
 * 第二段階追加分　加筆修正
 * @ エディタとフロントの合わせ
 * ====================================================== */

/* ------------------------------------------------------
 * WP Tags
 * Wordpressタグの調整
 * --------------------------------------------------- */
 @media screen and (min-width: 641px) {
 
.report_body_post_body h1 {
	font-size: 2.5rem;
}
.report_body_post_body h2 {
	font-size: 1.4rem;
	margin-bottom:0.8em !important;
	padding-top:5px;
	letter-spacing: 0.05em;
}
.report_body_post_body h3 {
	font-size: 1.3rem;
	padding-left:13px;
	border-left:6px solid #da0000;
	margin-bottom:20px;
	margin-top:5px;
	color:#da0000;
	font-weight:500;
}

.report_body_post_body h6 {
	font-size: 0.9rem;
	margin-bottom:0.4em !important;
}

.report_body_post_body ul {
	list-style-position: inside;
	list-style-type: disc;
}
.report_body_post_body ol {
	list-style-position: inside;
	list-style-type: decimal;
}

.report_body_post_body strong {
	font-weight: 700;
}
.report_body_post_body em {
	font-style: italic;
}

.report_body_post_body blockquote {
    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}

.report_body_post_body a{
 text-decoration: underline;
}


 }




/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------- */


/** ==================================================
 * ここから
 * ================================================ */

/** ------------------------------
 * ラッパー
 * ---------------------------- */
 .schedule_heading {
	overflow: hidden;
	position: relative;
	width: 100%;
	background: url(/inc/images/racing/schedule_ttl_bg.jpg) no-repeat;
	background-size: cover;
	margin-bottom:25px;
}

.schedule_heading_inner {
	position: relative;
	width: 100%;
	height:155px;
	margin: 0 auto;
	padding: 25px 0 75px;
	text-align: center;
}

.schedule_heading_inner .inner_text{
	padding:0 10px;
}

/** ------------------------------
 * インナー見出し部分
 * ---------------------------- */
.heading_wrap {
	border-bottom:1px solid #fff;
	display:inline-block;
	margin:0 auto 15px;
	padding-bottom:2px;
}
.heading_wrap h2 {
	color:#fff;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	display:inline-block;
	margin:0 auto;
}
.heading_wrap h2 span{
	color:#da0000;
}
.race_type {
	display: block;
}
.race_type li{
	color:#fff;
	display:inline;
	padding:0 25px 0 10px;
	border-left:5px solid #fff;
	line-height:1;
	font-size:14px;
	font-weight:bold;
}


/** ------------------------------
 * インナー西暦部分
 * ---------------------------- */
.raceYear {
	overflow: hidden;
	overflow-x: auto;
	position: absolute;
	display: flex;
	left: 30px;
	bottom: 0;
	width: 100%;
}

.raceYear_item:not(:first-child) {
	margin-left: 4px;
}


.raceYear_item a, .raceYear_item span{
	display:block;
	color:#000;
	padding:3px 10px 4px; 
	border-radius:5px 5px 0 0 ;
	font-weight:bold;
	font-size:17px;
}

.raceYear_item a {
	background:#858585;
}
.raceYear_item span {
	background:#fff;
}
.raceYear_item em{
	color:#da0000;
}




/* ------------------------------------------------------
 * Desktop
 * --------------------------------------------------- */
@media screen and (max-width: 360px) {
	.schedule_heading_inner {
		padding: 30px 0 75px;
	}
	.heading_wrap h2{
		font-size:26px;
	}

}
/* ------------------------------------------------------
 * Desktop
 * --------------------------------------------------- */
@media screen and (min-width: 641px) {
	
	.schedule_heading {
		overflow: hidden;
		position: relative;
		width: 100%;
		background: url(/inc/images/racing/schedule_ttl_bg.jpg) no-repeat;
		background-size: cover;
		margin-bottom:50px;
	}
	
	
	.heading_wrap{
		margin:0 auto 30px;
	}

	.schedule_heading_inner {
		max-width: 970px;
		width:100%;
		height:auto;
		padding: 70px 0 75px;
	}
	

	
	.heading_wrap h2 {
		font-size:42px;
	}
	
	.race_type li{
		padding:0 50px 0 10px;
	}
	
	
	.raceYear_item:not(:first-child) {
	margin-left: 9px;
}
	
	
	.raceYear_item a, .raceYear_item span{
	display:block;
	color:#000;
	padding:0px 15px;
	border-radius:10px 10px 0 0 ;
	font-weight:bold;
	font-size:24px;
}
	

	
	.raceYear{
		left: 0;
	}

}