@charset "UTF-8";

.pcDisplayNone {
	display: none;
}
.mgnB15 { margin-bottom: 15px;}
.mgnB30 { margin-bottom: 30px;}

@media(max-width: 767px){
	.spDisplayNone {
		display: none !important;
	}
	.pcDisplayNone {
		display: block;
	}
}

/*---------------------------------------------------------------------------------------------
  絞り込み検索
---------------------------------------------------------------------------------------------*/
.filterBox {
	margin-bottom: 20px;
}
.spSearch {
	display: none;
}
.filterBox dl {
	background-color: #FFF;
}
.filterBox dl dt {
	cursor: pointer;
	line-height: 40px;
	padding: 0 0 0 10px;
	border: #999 1px solid;
}
.filterBox dl dt.open,
.filterBox dl dt.opened {
	background: url(/img/common/icoDown.png) no-repeat 98% center;
	background-size: 15px 15px;
}
.filterBox dl dt.open {
	background-image: url(/img/common/icoUp.png);
}
.filterBox dl dt.opened {
	background-image: url(/img/common/icoDown.png);
}
.filterBox #filterSlideBox12 {
	display: none;
	border-top: none !important;
	border: #999 1px solid;
}
.filterBox #filterSlideBox12 ul li {
	border-bottom: #999 1px solid;
	background-color: #FFF;
	line-height: 35px;
}
.filterBox #filterSlideBox02_spn ul li {
	background-color: #FFF;
}
.filterBox #filterSlideBox12 ul li:last-child {
	border-bottom: none;
}
.filterBox #filterSlideBox12 ul li a {
	display: block;
	padding: 0 10px;
}
.filterBox #filterSlideBox12 ul li a i {
	float: right;
	line-height: 35px;
	color: #999;
}
.filterBox #filterSlideBox12 ul li a:hover {
	background-color: #EEE;
}
.searchBox a.btn i {
	margin-right: 8px;
	font-size: 154%;
}
.searchBox a.btn {
	margin: 0 10px 10px;
}
.searchBox .inn {
	overflow: hidden;
	padding: 10px 10px 20px;
}
.searchBox .inn2 {
	padding: 10px 10px 10px;
}
.searchBox .inn input,
.searchBox .inn select {
	width: 100%;
}
.searchBox .inn select {
	margin-bottom: 5px;
}
.searchBox h3 {
	margin-bottom: 6px;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	background-color: #EEE;
	font-weight: normal;
}
.searchBox .filterBox {
	margin-bottom: 0;
}
.searchBox .filterBox .filterSlideBox02 {
	border: none;
	background-color: transparent;
	padding: 0;
}
.searchBox .inn p.open,
.searchBox .inn p.opened {
	background: #EEE url(/img/common/icoUp2.png) no-repeat 98% center;
	background-size: 15px 15px;
}
.searchBox .inn p.open {
	background-image: url(/img/common/icoDown2.png);
}
.searchBox .inn p.opened {
	background-image: url(/img/common/icoUp2.png);
}
.searchBox .inn ul.list li {
	float: left;
	margin: 0 5px 5px 0;
}
.searchBox .inn ul.list li a {
	display: block;
	padding: 0 6px;
	border: #CCC 1px solid;
	line-height: 30px;
}
.searchBox .inn ul.list li a:hover {
	background-color: #FFF !important;
}
.searchBox .inn ul.list li a.active {
	/*background-color: #FF9900 !important;*/
	background-color: #F27113 !important;
	/*border: #FF9900 1px solid;*/
	border: #F27113 1px solid;
	color: #FFF;
}
/* 求人特徴で探す */
.searchBox .inn #filterSlideBoxJob2 ul li {
	float: left;
	width: 50%;
}
.searchBox .inn #filterSlideBoxJob2 ul li label{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	font-size: 93%;
}
/* 店舗一覧絞り込み */
.filterBox .filterSlideBox02 {
	display: none;
	padding: 20px;
	border: #999 1px solid;
	border-top: none;
	background-color: #EEE;
}
.filterBox .filterSlideBox02 .keyword {
	margin-bottom: 15px;
}
.filterBox .filterSlideBox02 .keyword input {
	width: 100%;
}
.filterBox .filterSlideBox02 dl {
	margin-bottom: 15px;
}
.filterBox .filterSlideBox02 dl dt {
	float: left;
	width: 170px;
	line-height: 35px;
	font-weight: bold;
}
.filterBox .filterSlideBox02 dl dd select {
	width: 230px;
}
.filterBox .filterSlideBox02 a.btn {
	width: 190px;
	margin: 0 auto;
	line-height: 35px;
}
.filterBox #filterSlideBox02_spn a.btn {
	width: 100%;
}
.freeSeo {
	margin-bottom: 15px;
}
@media(max-width: 767px){
	.freeSeo {
		margin: 0 10px 10px;
	}
}
.pageSort {
	overflow: hidden;
	margin-bottom: 15px;
}
.pageSort .innL {
	float: left;
	font-size: 116%;
	line-height: 35px;
}
.pageSort .innL span {
	color: #D24A4A;
	font-weight: bold;
}
.pageSort .innR {
	float: right;
	display: none;
}
@media(max-width: 767px){
	.filterBox {
		margin: 10px;
	}
	.filterBox .filterSlideBox02 {
		padding: 10px !important;
	}
	.pageSort .innL {
		font-size: 100% !important;
	}
	.filterBox .filterSlideBox02 dl {
		margin-bottom: 5px;
	}
	.filterBox .filterSlideBox02 dl dt {
		float: none;
		line-height: normal;
	}
	.filterBox .filterSlideBox02 dl dd select {
		width: 100%;
		margin-bottom: 5px;
	}
	#side .searchBox {
		display: none !important;
	}
	.searchBox .inn p {
		line-height: normal;
	}
	.pageSort {
		margin: 0 10px 10px;
	}
	.pageSort .innL {
		float: none;
		line-height: normal;
	}
	.pageSort .innR {
		float: none;
		margin-top: 5px;
	}
	.pageSort .innR select{
		width: 100%;
	}
	.spSearch {
		display: block !important;
	}
	.filterBox #filterSlideBox12 .searchBox {
		padding: 10px;
		background-color: #EEE;
	}
	.filterBox #filterSlideBox12 ul li {
		border-bottom: none;
	}
	.filterBox #filterSlideBox12 ,searchBox a {
		line-height: 35px;
	}
	.filterBox #filterSlideBox12 .searchBox select {
		width: 100%;
	}
	.filterBox #filterSlideBox12 .peripheralInfo {
		background-color: #EEE;
	}
	.filterBox #filterSlideBox12 .peripheralInfo .ctsBox {
		margin-bottom: 0 !important;
	}
	.filterBox #filterSlideBox12 .peripheralInfo a.btn {
		background-color: #999;
	}
	.filterBox #filterSlideBox12 .peripheralInfo .topBox {
		padding: 10px 0;
	}
	.filterBox #filterSlideBox12 .peripheralInfo .topBox select {
		width:calc(100% - 20px);
		margin: 0 10px;
	}
	.filterBox #filterSlideBox12 .peripheralInfo div {
		line-height: normal;
	}
	.peripheralInfo .distance {
		color: #D24A4A;
	}
	.peripheralInfo a.route {
		float: right;
		width: 90px !important;
		margin-top: 5px;
		font-weight: normal !important;
		line-height: 22px;
		border: #CCC 1px solid;
		background-color: #FFF;
		border-radius: 5px;
		text-align: center;
		color: #333 !important;
	}
	.peripheralInfo a.route i {
		margin-right: 3px;
	}
	.searchBox .inn {
		padding: 0 0 20px;
	}
	.searchBox a.btn {
		margin: 0;
	}
	.searchBox .inn p {
		margin-bottom: 3px;
		padding: 0;
		border-bottom: none;
	}
	/* 求人特徴で探す */
	.filterBox #filterSlideBox12 .inn #filterSlideBoxJob2 ul li {
		float: left;
		width: 48%;
		background-color: transparent;
		border-bottom: none;
		line-height: normal;
	}
	.filterBox #filterSlideBox12 .inn #filterSlideBoxJob2 ul li label {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
	}
	.filterBox #filterSlideBox12 .inn #filterSlideBoxJob2 ul li .checkbox {
		margin: 0;
		padding: 5px 5px 3px 28px;
	}
}
/*---------------------------------------------------------------------------------------------
  詳細
---------------------------------------------------------------------------------------------*/
#contentsBox .freeHtml {
	margin-bottom: 30px;
}
/*-----------------------
  コンテンツ部分【共通】
-----------------------*/
@media(max-width: 767px){
	#mainBox .mainCtsBox {
		margin: 10px 10px 20px !important;
	}
	#mainBoxn .mainCtsBox .titleBox ul li {
		font-size: 93% !important;
	}
	#mainBox .mainCtsBox .titleBox h3 {
		font-size: 116% !important;
	}
}
#mainBox .mainCtsBox {
	margin-bottom: 30px;
	border: #E5E5E5 3px solid;
	font-size: 116%;
}
#mainBox .mainCtsBox .titleBox {
	padding: 10px;
	background-color: #F6F6F6;
	border-bottom: #E5E5E5 3px solid;
}
#mainBox .mainCtsBox .titleBox ul {
	overflow: hidden;
	margin-bottom: 7px;
}
#mainBox .mainCtsBox .titleBox ul li {
	float: left;
	margin: 0 5px 3px 0;
	padding: 2px 5px;
	color: #FFF;
	font-size: 13px;
}
#mainBox .mainCtsBox .titleBox ul li.colBlue {
	background-color: #304A7B;
}
#mainBox .mainCtsBox .titleBox ul li.colBlue2 {
	background-color: #84A6D4;
}
#mainBox .mainCtsBox .titleBox ul li.colGreen {
	background-color: #83C351;
}
#mainBox .mainCtsBox .titleBox p {
	clear: both;
	font-size: 116%;
}
#mainBox .mainCtsBox .titleBox h3 {
	clear: both;
	font-size: 131%;
	line-height: 1.4;
}
#mainBox .mainCtsBox .inn {
	overflow: hidden;
	padding: 15px;
}
#mainBox .mainCtsBox .inn img {
	max-width: 100%;
}
#mainBox .mainCtsBox .inn .imgBox {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
#mainBox .mainCtsBox .inn .imgBox img {
	max-width: 100%;
}
#mainBox .mainCtsBox .inn ul#thumbnaillist {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0 0 10px;
  list-style: none;
}
#mainBox .mainCtsBox .inn ul#thumbnaillist li {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
  text-align: center;
  border: #BDBDBD 1px solid;
}
#mainBox .mainCtsBox .inn ul#thumbnaillist li a {
  display: block;
}
#mainBox .mainCtsBox .innBtm {
	padding: 15px;
	border-top: #CCC 1px solid;
	background-color: #F0F0F0
}
#contentsBox .mainBtnBox {
	margin-bottom: 30px;
	text-align: center;
}
#contentsBox .mainBtnBox a {
	display: inline-block;
	width: 300px;
}
#contentsBox .mainBtnBox a.btn-main:hover {
	background-color: #FFF;
	opacity: 1;
}
#mainBox .mainCtsBox .innMap {
	padding: 0;
}
@media(max-width: 767px){
	#mainBox .mainCtsBox .inn {
		padding: 10px;
	}
	#contentsBox .mainBtnBox {
		margin: 0 10px 20px !important;
	}
	#contentsBox .mainBtnBox a {
		display: inline-block;
		width: 100%;
	}
	#contentsBox .mainBtnBox p {
		margin-bottom: 10px;
	}
	#contentsBox .mainBtnBox p:last-child {
		margin-bottom: 0;
	}
	#contentsBox .mainBtnBox p i {
		width: 18px;
		text-align: center;
	}
	#mainBox .mainCtsBox .titleBox p {
		font-size: 100%;
	}
	#mainBox .mainCtsBox .inn img {
		max-width: 100%;
		height: auto !important;
	}
}
/*-----------------------
  サイド【共通】
-----------------------*/
#side .sideCtsBox {
	margin-bottom: 30px;
	border: #CCC 1px solid;
}
#side a.btn {
	line-height: 35px;
}
/*** 投稿用ボタン ***/
#side .sideBtnBox {
	margin-bottom: 20px;
}
/*** カレンダー ***/
#side .calendarBox {
	padding: 10px;
}
@media(max-width: 767px){
	#side .calendarBox {
		display: none;
	}
}
#side .calendarBox ul {
	margin-bottom: 10px;
	text-align: center;
}
#side .calendarBox ul li {
	display: inline-block;
	font-size: 150%;
	font-weight: bold;
}
#side .calendarBox ul li.prev {
	float: left;
	width: 30px;
}
#side .calendarBox ul li.next {
	float: right;
	width: 30px;
}
#side .calendarBox table {
	width: 100%;
	table-layout: fixed;
}
#side .calendarBox table th,
#side .calendarBox table td {
	text-align: center;
}
#side .calendarBox table th {
	padding-bottom: 5px;
	border-bottom: #CCC 2px solid;
}
#side .calendarBox table td {
	padding-top: 12px;
}
#side .calendarBox table td a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	color: #FFF;
}
#side .calendarBox table td a:hover {
	opacity: .7;
}
/*** SNS ***/
#side .snsBox {
	overflow: hidden;
	margin-bottom: 20px;
}
#side .snsBox .inn {
	margin-bottom: 10px;
}
/*** リスト ***/
#side .sideListBox {
	position: relative;
	overflow: hidden;
}
#side .sideListBox ul {
	padding: 10px;
}
#side .sideListBox ul li {
	margin-bottom: 7px;
	padding: 0 0 7px 15px;
	border-bottom: #CCC 1px dotted;
}
#side .sideListBox ul li:before {
	position: absolute;
	left: 14px;
	font-family: FontAwesome;
	content: '\f0da';
}
#side .sideListBox ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#side .sideListBox ul li a {
	text-decoration: underline;
}
#side .sideListBox ul li a:hover {
	text-decoration: none;
}
/*---------------------------------------------------------------------------------------------
  店舗一覧
---------------------------------------------------------------------------------------------*/
#contentsBox #mainBox .ctsBox section.list-wid article .txtBox ul.shopInfo {
	margin-top: 5px;
}
#contentsBox #mainBox .ctsBox section.list-wid article .txtBox ul.shopInfo li {
	float: left;
	width: 90px;
	margin: 0 3px 0 0;
	padding-top: 1px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	font-size: 79%;
	font-weight: bold;
}
#contentsBox #mainBox .ctsBox section.list-wid article .txtBox ul.shopInfo li:last-child {
	margin: 0;
}
@media(max-width: 767px){
	#contentsBox #mainBox .shopList section.list-wid article {
		padding: 10px;
	}
	#contentsBox #mainBox .shopList section.list-wid article .imgBox {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#contentsBox #mainBox .shopList section.list-wid article .txtBox h3 {
		margin: 3px 0 2px;
	}
	#contentsBox #mainBox .ctsBox section.list-wid article .txtBox ul.shopInfo li {
		width: auto;
		margin: 0 3px 4px 0;
		padding: 0 10px;
		white-space: nowrap;
	}
}
/*---------------------------------------------------------------------------------------------
  店舗詳細
---------------------------------------------------------------------------------------------*/
@media(max-width: 767px){
	.shopDtlBox .flexslider {
		margin-bottom: 0;
	}
}
/*** VR ***/
#panorama_img {
	padding: 10px 0 5px;
	background-color: #000;
	border-radius: 0;
}
#panorama_img .flex-viewport {
	width: 940px;
	margin: 0 auto;
}
@media(max-width: 767px){
	#panorama_img {
		padding: 5px 0 0;
	}
	#panorama_img .flex-viewport {
		width: 100%;
	}
}
/*** メインイメージ ***/
.shopDtlBox .dtlMainImgBox {
	overflow: hidden;
	margin-bottom: 20px;
}
.shopDtlBox .dtlMainImgBox .main {
	float: left;
	width: 500px;
	margin-right: 10px;
	text-align: center;
}
.shopDtlBox .dtlMainImgBox .thumb {
	overflow: hidden;
}
.shopDtlBox .dtlMainImgBox .thumb ul li {
	display: table;
	float: left;
	width: 103px;
	height: 73px;
	margin: 0 6px 6px 0;
	border: #CCC 1px solid;
	text-align: center;
}
.shopDtlBox .dtlMainImgBox .thumb ul li p {
	display: table-cell;
	vertical-align: middle;
}
.shopDtlBox .dtlMainImgBox .thumb ul li:nth-child(4n) {
	margin: 0 0 6px;
}
.shopDtlBox .dtlMainImgBox .thumb ul li img {
	max-width: 101px;
	max-height: 69px;
}
@media(max-width: 767px){
	.shopDtlBox .dtlMainImgBox {
		margin-bottom: 6px;
	}
	.shopDtlBox .dtlMainImgBox .yt-wrapper iframe {
		width: 100% !important;
		height: auto !important;
	}
	.shopDtlBox .dtlMainImgBox .main {
		float: none;
		width: 100% !important;
		margin-right: 0;
	}
	.shopDtlBox .dtlMainImgBox .main img {
		width: 100% !important;
	}
	.shopDtlBox .dtlMainImgBox .thumb {
		overflow: hidden;
		margin: 5px 0 0;
	}
	.shopDtlBox .dtlMainImgBox .thumb ul li {
		width:calc(25% - 10px);
		height: 49px;
		margin: 0 5px 4px;
	}
	.shopDtlBox .dtlMainImgBox .thumb ul li:nth-child(4n) {
		margin: 0 5px 4px;
	}
	.shopDtlBox .dtlMainImgBox .thumb ul li img {
		max-width: 70px;
		max-height: 47px;
	}
}
/*** 店舗ロゴ ***/
.shopDtlBox h2.shopName .shopLogo {
	float: left;
	height: 50px;
	margin-right: 15px;
}
@media(max-width: 767px){
	.shopDtlBox h2.shopName .shopLogo {
		display: none;
	}
}
/*** 店舗メニュー ***/
/*** 店舗メニュー ***/
.shopDtlBox .menuNavi {
	height: 80px;
	margin-bottom: 30px;
	border-bottom: #999 1px solid;
}
.shopDtlBox .menuNavi .innBox {
	position: relative;
	width: 100%;
	border-top: #999 1px solid;
}
.shopDtlBox .menuNavi .innBox .category {
	width: 110px;
	border: #999 1px solid;
	border-right: none;
	border-top: none;
	position: absolute;
	background: #fff;
	z-index: 10;
}
.shopDtlBox .menuNavi .innBox .category a {
	text-align: center;
	height: 78px !important;
}
.shopDtlBox .menuNavi nav#gNavi {
	float: right;
	width: 1150px;
}
.shopDtlBox .menuNavi nav#gNavi .slide {
	overflow: visible;
	max-height: 79px;
}

.shopDtlBox .menuNavi nav#gNavi ul li {
	position: relative;
	margin: 0;
	text-align: center;
	border-bottom: none;
}
.shopDtlBox .menuNavi nav#gNavi ul li a {
	color: #333;
	border: #999 1px solid;
	border-top: none;
	border-right: none;
}
.shopDtlBox .menuNavi nav#gNavi ul li a.linkNo {
	background-color: #F3F3F3;
	color: #CCC;
	pointer-events: none;
}
.shopDtlBox .menuNavi nav#gNavi ul li a.linkNo i {
	color: #CCC;
}
.shopDtlBox .menuNavi .innBox .category a,
.shopDtlBox .menuNavi nav#gNavi ul li a {
	display: block;
	height: 79px;
	padding-top: 14px;
	font-size: 14px;
}
.shopDtlBox .menuNavi .innBox .category a i,
.shopDtlBox .menuNavi nav#gNavi ul li a i {
	display: block;
	font-size: 185%;
	margin: 0 auto 8px;
}
.shopDtlBox .menuNavi nav#gNavi ul li.Next {
	margin-right: 0;
}
.shopDtlBox .menuNavi nav#gNavi .subMenu {
	position: absolute;
	z-index: 10;
	background-color: #FFF;
}
.shopDtlBox .menuNavi nav#gNavi .subMenu a {
	height: auto;
	padding: 10px 8px 8px;
	text-align: left;
	border-bottom: #999 1px dotted !important;
	border-right: #999 1px solid;
	background: #FFF url(/img/common/ico1.png) no-repeat 95% center;
}
.shopDtlBox .menuNavi nav#gNavi .subMenu a:last-child {
	border-bottom: #999 1px solid !important;
}
.shopDtlBox .menuNavi nav#gNavi .carousel {
	overflow: visible;
	width: 780px;
	margin: 0 0 0 26px;
}
.shopDtlBox .menuNavi nav#gNavi .slidePrev,
.shopDtlBox .menuNavi nav#gNavi .slideNext {
	width: 25px;
	height: 79px;
	line-height: 79px !important;
	border: #999 1px solid;
	border-top: none;
	background-color: #FFF;
}
.shopDtlBox .menuNavi nav#gNavi .slidePrev{
	border-right: none;
}
.shopDtlBox .menuNavi nav#gNavi .slideNext{
	padding-right: 2px;
}
.shopDtlBox .menuNavi nav#gNavi .slideNext:before{
	margin-left: 10px;
}
@media(max-width: 767px){
	.shopDtlBox .spnMenuNavi {
		position: relative;
		border-top: #CCC 1px solid;
		z-index: 10;
	}
	.shopDtlBox .spnMenuNavi .home {
		position: relative;
		float: left;
		width: 60px;
		height: 60px;
		text-align: center;
		border-bottom: #CCC 1px solid;
		background-color: #FFF;
		z-index: 9;
	}
	.shopDtlBox .spnMenuNavi .home a {
		display: block;
		height: 59px;
	}
	.shopDtlBox .spnMenuNavi .rightBox {
		float: left;
		width:calc(100% - 60px);
	}
	.shopDtlBox #gNavi3 {
		width:calc(100% - 40px);
		margin: -60px 0 0 20px;
	}
	.shopDtlBox #gNavi3 ul {
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
	}
	.shopDtlBox #gNavi3 li {
		display: table-cell;
		width: 100px;
	}
	.shopDtlBox #gNavi3 a {
		display: block;
		height: 60px !important;
		font-size: 93%;
		overflow: visible;
		border: #CCC 1px solid;
		border-top: none;
		border-right: none;
	}
	.shopDtlBox #gNavi3 a.linkNo {
		background-color: #F3F3F3;
		color: #CCC;
		pointer-events: none;
	}
	.shopDtlBox #gNavi3 a.linkNo i {
		color: #CCC;
	}
	.shopDtlBox .spnMenuNavi .home a.active,
	.shopDtlBox #gNavi3 ul li a.active {
		background-color: #E7F1DC;
	}
	.shopDtlBox .spnMenuNavi .home i,
	.shopDtlBox #gNavi3 li a i {
		display: block;
		padding: 8px 0 4px;
		color: #80BA4E;
		font-size: 23px;
	}
	.shopDtlBox .spnMenuNavi .slide {
		height: 60px !important;
	}
	.shopDtlBox .slide .slidePrev,
	.shopDtlBox .slide .slideNext {
		height: 60px;
		line-height: 60px !important;
		background: #FFF;
		cursor:pointer;
		border-radius: 0;
		border: #CCC 1px solid;
		border-right: none;
		border-top: none;
	}
	.shopDtlBox .slide .slidePrev.hover,
	.shopDtlBox .slide .slideNext.hover {
		background-color: #FFF;
	}
	.shopDtlBox .slide .slidePrev:before,
	.shopDtlBox .slide .slideNext:before {
		color: #333;
	}
	.shopDtlBox #gNavi3 ul li .subMenu {
		position: absolute;
		width: 101px;
		background-color: #FFF;
		z-index: 10;
	}
	.shopDtlBox #gNavi3 ul li .subMenu a {
		height: auto !important;
		padding: 15px 12px 15px 8px;
		text-align: left;
		line-height: 1.4;
		border-bottom: #CCC 1px dotted !important;
		border-right: #CCC 1px solid;
		background: #FFF url(/img/common/ico1.png) no-repeat 95% center;
	}
	.shopDtlBox #gNavi3 ul li .subMenu a:last-child {
		border-bottom: #CCC 1px solid !important;
	}
}

/*** 紹介文 ***/
#mainBox section.shopDescription {
	margin-bottom: 30px;
	padding: 15px;
	font-size: 108%;
	background-color: #EEE;
}
@media(max-width: 767px){
	#mainBox section.shopDescription {
		padding: 10px 10px 0;
		background-color: #FFF;
	}
}
/*** ショップニュース ***/
#news_area section.list-wid article .txtBox {
	display: table-cell;
	height: 180px;
	font-size: 108%;
	vertical-align: middle;
}
@media(max-width: 767px){
	#news_area section.list-wid article .txtBox {
		height: auto;
	}
}

/*** 電話番号【スマホ用】 ***/
@media(max-width: 767px){
	.shopDtlBox .spTel {
		display: block !important;
		margin: 20px 10px 10px;
		line-height: 50px;
		text-align: center;
		font-size: 158%;
	}
	.shopDtlBox .spTel a {
		display: block;
		color: #FFF;
	}
	.shopDtlBox .spTel i {
		margin-right: 5px;
	}
	.shopDtlBox .shopMenuBox ul ul.subMenu {
		width: 220%;
	}
}
.shopDtlBox .spTel {
	display: none;
}
/*** コンテンツ ***/
#mainBox .detailCtsMenu {
}
/*** 周辺施設 ***/
.shopDtlBox .selectPeripheralInfo select{
	width: 100%;
	margin-bottom: 10px;
}
.peripheralInfo .route {
	overflow: hidden;
	margin-bottom: 3px;
	color: #D24A4A;
	font-weight: bold;
	line-height: 20px;
}
.peripheralInfo .route p {
	float: left;
	padding-top: 2px;
}
.peripheralInfo .route a.route {
	float: right;
	width: 90px !important;
	padding-top: 1px;
	border: #CCC 1px solid;
	font-weight: normal;
	border-radius: 5px;
	text-align: center;
	font-size: 93%;
	color: #333;
}
.peripheralInfo .route a.shopSide {
	float: none;
	display: inline-block !important;
	margin: 5px 0 0;
}
.peripheralInfo .route a.route i {
	margin-right: 3px;
}
.peripheralInfo h3 a:hover {
	text-decoration: underline;
}
@media(max-width: 767px){
	.peripheralInfo .route p {
		padding-top: 6px;
		font-size: 93%;
	}
	.peripheralInfo .route a.route {
		width: 80px !important;
		padding-top: 1px;
	}
}
/*** アクセス ***/
#mainBox .accessMap {
	text-align: center;
}
#mainBox .accessMap img {
	max-width: 614px;
}
#mainBox .accessInfo {
	padding: 20px 0;
	border-top: #CCC 1px solid;
	font-size: 14px;
}
@media(max-width: 767px){
	#mainBox .accessMap img {
		width: 100%;
	}
	#mainBox .accessInfo {
		padding: 0 10px !important;
		border-top: none;
	}
}
/************ サイド部分 ************/
#side .sideClMainBox {
	margin-bottom: 30px;
	border: #CCC 1px solid;
}
#side .sideClMainBox .tel {
	padding: 5px 0 3px;
	border-bottom: #CCC 1px solid;
	font-size: 165%;
	text-align: center;
}
#side .sideClMainBox .inn {
	padding: 10px;
}
#side .sideClMainBox .inn ul li {
	margin-bottom: 10px;
}
#side .sideClMainBox .inn ul li a {
	display: block;
	padding: 15px;
	font-size: 108%;
}
#side .sideClMainBox .inn ul li a i {
	font-size: 154%;
	float: left;
	width: 20px;
	margin-right: 10px;
	text-align: center;
}
#side .sideClMainBox .inn ul.main {
	margin: 5px 0 0;
}
#side .sideClMainBox .inn ul.main li a {
	color: #FFF;
	font-weight: bold;
}
#side .sideClMainBox .inn ul.main li a:hover {
	opacity: .7;
}
#side .sideClMainBox .inn ul.sub li:last-child {
	margin-bottom: 0;
}
#side .sideClMainBox .inn ul.sub li a {
	border: #999 1px solid;
}
#side .sideClMainBox .inn ul.sub li a:hover {
	background-color: #EEE;
}
#side .sideClMainBox .inn .shopImg img {
	width: 100%;
}
#side .sideClMainBox .inn a.btn {
	margin-top: 10px;
}
/*** 施設情報 ***/
#side .sideFaciBox {
	margin-bottom: 30px;
}
#side .sideFaciBox h2 {
	margin-bottom: 1px;
	padding: 6px 10px 5px;
	color: #FFF;
	font-size: 108%;
}
#side .sideFaciBox ul {
	border: #CCC 1px solid;
}
#side .sideFaciBox ul li {
	overflow: hidden;
	padding: 7px;
	border-bottom: #CCC 1px dotted;
}
#side .sideFaciBox ul li:last-child {
	border-bottom: none;
}
#side .sideFaciBox ul li .img {
	float: left;
	width: 20px;
	margin-right: 8px;
}
#side .sideFaciBox ul li .img img {
	width: 20px;
}
#side .sideFaciBox ul li .txt {
	overflow: hidden;
	padding-top: 1px;
}
@media(max-width: 767px){
	#side .sideFaciBox {
		margin: 0 10px 20px;
	}
}

/*** スタッフ紹介 ***/
#side .staffBox {
	overflow: hidden;
	padding: 10px;
}
#side .staffBox .name {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #FFF;
}
#side .staffBox a:hover img {
	opacity: .7;
}
#side .staffBox img {
	width: 100%;
	margin-bottom: 5px;
}
@media(max-width: 767px){
	#side .staffBox {
		margin: 0 10px 20px !important;
	}
	#side .staffBox img {
		float: left;
		width: 110px !important;
		margin: 0 10px 0 0 !important;
	}
	#side .staffBox p.caption {
		overflow: hidden;
	}
}
/*** RSS ***/
#side .blogRss section.list-wid article .txtBox h3 {
	margin-bottom: 0;
}
/*** 詳細情報 ***/
#side .informationBox ul {
	padding: 10px;
}
#side .informationBox ul li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: #CCC 1px dotted;
}
#side .informationBox ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#side .informationBox ul li p {
	font-weight: bold;
}
#side .informationBox ul li a {
	text-decoration: underline;
}
#side .informationBox ul li a:hover {
	text-decoration: none;
}
/* チャート
================================================= */
.chartBox {
	width: 100%;
	overflow: hidden;
	background-color: #F4F4F4;
	margin: 0 0 20px;
}
.chartBox .canvasChart {
	float: left;
	width: 350px;
	margin: 5px;
	padding: 0 0 0 20px;
	background-color: #FFF;
	border: #D2D2D2 1px solid;
}
.chartBox .canvasChartInn {
	margin: 10px 0 0 10px;
	width: 300px;
}
.chartBox .canvasEval {
	float: left;
	width: 305px;
	height: 314px;
	overflow: hidden;
	margin: 5px 5px 5px 0;
	padding: 10px;
	background-color: #FFF;
	border: #D2D2D2 1px solid;
}
.chartBox .canvasEval span.colRed {
	font-weight: bold;
}
.chartBox .canvasEval .total {
	width: 100%;
	height: 38px;
	overflow: hidden;
	margin: 0 0 5px;
	border: #999 1px solid;
}
.chartBox .canvasEval .total .average {
	float: left;
	width: 70px;
	height: 38px;
	margin: 0 0 10px;
	line-height: 38px;
	background-color: #999;
	color: #FFF;
	font-size: 108%;
	text-align: center;
}
.chartBox .canvasEval .total .rightBox {
	overflow: hidden;
	padding: 0 0 0 10px;
}
.chartBox .canvasEval .total .rightBox .synthesis {
	float: left;
	margin: 0 8px 0 0;
	color: #D24A4A;
	font-weight: bold;
	line-height: 38px;
	font-size: 150%;
}
.chartBox .canvasEval .total .rightBox img {
	width: 105px;
	margin: 8px 0 0 0;
}
.chartBox .canvasEval .all {
	width: 100%;
	margin: 0;
	text-align: right;
}
.chartBox .canvasEval p.attention {
	width: 100%;
	margin: 0 0 10px;
	font-size: 11px;
}
.chartBox .canvasEval .each dl {
	padding: 6px 10px 5px;
	border-top: 1px dotted #ccc;
	background-color: #F5F5F5;
}
.chartBox .canvasEval .each dl:nth-child(2n){
	background-color: #FFF;
}
.chartBox .canvasEval .each dl dt {
	float: left;
	text-align: left;
}
.chartBox .canvasEval .each dl dd {
	float: right;
	width: 35px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #D24A4A;
	line-height: 20px;
	text-align: center;
	font-size: 93%;
}
.chartBox .canvasEval .each dl:last-child {
	border-bottom: #CCC 1px dotted;
}
@media(max-width: 767px){
	.chartBox {
		width:calc(100% - 20px) !important;
		margin: 0 10px 10px !important;
		padding: 5px;
		background-color: #FFF !important;
		border: #CCC 1px solid;
	}
	.chartBox .canvasChart {
		float: none;
		width:calc(100% - 10px) !important;
		margin: 0 auto !important;
		padding-left: 0;
		border: none !important;
	}
	.chartBox .canvasChartInn {
		margin: 0 auto -15px;
	}
	.chartBox .canvasChart canvas {
	}
	.chartBox .canvasEval {
		float: none;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 1px !important;
	}
	.chartBox .canvasEval .total {
		float: left !important;
		width: 100px !important;
		height: auto !important;
		margin-right: 1px !important;
		border: none !important;
	}
	.chartBox .canvasEval .total .rightBox {
		padding: 0 !important;
		text-align: center !important;
	}
	.chartBox .canvasEval .total .rightBox .synthesis {
		float: none !important;
		margin: 0 !important;
		font-size: 193% !important;
	}
	.chartBox .canvasEval .total .rightBox img {
		width: 90px !important;
		margin-bottom: 5px !important;
	}
	.chartBox .canvasEval .all {
		text-align: center !important;
	}
	.chartBox .canvasEval .total .average {
		float: none !important;
		width: 100px !important;
		height: 38px !important;
	}
	.chartBox .canvasEval .each {
		overflow: hidden;
		border-left: #CCC 1px solid;
	}
	.chartBox .canvasEval p.attention {
		display: none;
	}
	.chartBox .canvasEval .each dl {
		padding: 5px 5px 4px !important;
		border-top: none !important;
		border-bottom: 1px dotted #ccc !important;
	}
	.chartBox .canvasEval .each d:last-child {
		border-bottom: none !important;
	}
	.chartBox .canvasEval .each dl dd {
		width: auto !important;
		color: #FF0000 !important;
		background-color: transparent !important;
	}
}
@media(max-width: 320px){
	.chartBox .canvasChartInn {
		margin: 0 0 -15px -10px;
	}
}
/*---------------------------------------------------------------------------------------------
  FORM
---------------------------------------------------------------------------------------------*/
.formBox {}
/*** 注意文 ***/
.formBox .note {
	margin: 0 0 20px;
}
.formBox .note p {
	margin-bottom: 10px;
	font-weight: bold;
}
.formBox .caption {
	margin-bottom: 7px;
	font-weight: bold;
}
.formBox .caption.txt{
	font-weight: normal;
    padding: 20px;
    border: 1px solid #CCC;
    margin: 0 0 30px;
}
.description-table a,
.formBox .caption.txt a{
    text-decoration: underline;
    color: #1772B8;
}
.formBox .reissueEnd {
	margin-bottom: 30px;
	padding: 30px;
	border: #EEE 5px solid;
	text-align: center;
	color: #FF0000;
	font-size: 116%;
}
/*** FLOW ***/
.formBox .flowBox {
	overflow: hidden;
	margin-bottom: 30px;
}
.formBox .flowBox ul {
	text-align: center;
}
.formBox .flowBox ul li  {
	display: inline-block;
	width: 200px;
	height: 60px;
	margin: 0 25px 0 0;
	padding: 2px 0 0 15px;
	line-height: 60px;
	background: #EEE;
	font-size: 116%;
}
.formBox .flowBox ul li.arrow{
	width: 205px;
	position: relative;
}
.formBox .flowBox ul li.arrow:after {
	border-left: 20px solid #EEE;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 102px;
}
.formBox .flowBox ul li.active:after {
	border-left: 20px solid #333;
}
.formBox .flowBox ul li:last-child {
	margin-right: 0;
}
.formBox .flowBox ul li.active  {
	background-color: #333;
	color: #FFF;
}
.formBox .privacy {
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
}
.formBox .privacy .checkbox {
	margin: 0;
	padding: 5px 0 0 28px;
}
.formBox .privacy a {
	color: #398BCC;
	text-decoration: underline;
}
.formBox .privacy a:hover {
	text-decoration: none;
}
@media(max-width: 767px){
	.formBox .note {
		margin: 10px;
	}
	.formBox .caption {
		margin: 10px;
	}
	.formBox .flowBox {
		overflow: hidden;
		width: 100% !important;
		margin: 0 auto 15px !important;
	}
	.formBox .flowBox ul li  {
		width: 94px;
		height: 40px !important;
		margin-right: 15px !important;
		padding: 0 0 0 5px !important;
		font-size: 70% !important;
		line-height: 40px !important;
	}
	.formBox .flowBox ul li:last-child {
		margin-right: 0 !important;
	}
	.formBox .flowBox ul li.arrow{
		width: 84px;
	}
	.formBox .flowBox ul li.arrow:after {
		border-left: 10px solid #EEE;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		margin-left: 42px;
	}
	.formBox .flowBox ul li.active:after {
		border-left: 10px solid #333;
	}
	.formBox table {
		width: 95% !important;	/* サポートしてないブラウザ向け */
		width: calc(100% - 20px) !important;
		margin: 0 10px 5px !important;
		border: none !important;
	}
	.formBox table th {
		display: block;
		width: 100% !important;
		padding: 7px 10px !important;
		background-color: #EEE;
		border-radius: 5px;
	}
	.formBox table td {
		display: block;
		width: 100% !important;
		padding: 10px 0 15px !important;
	}
	.formBox table th,
	.formBox table td {
		border-bottom: none !important;
	}
	.formBox .formBtnBox {
		margin-bottom: 20px;
		padding-top: 20px;
		border-top: #CCC 1px solid;
	}
	.formBox .privacy {
		margin: 0 10px 20px;
	}
	.formBox table td #google_tool #mapObj {
		width: 100% !important;
	}
}
/*** お問い合わせテーブル ***/
.formBox table {
	width: 100%;
	margin-bottom: 30px;
	border: #CCC 1px solid;
	text-align: left;
}
.formBox table th,
.formBox table td {
	padding: 17px 15px;
	border-bottom: #CCC 1px solid;
	vertical-align: middle;
}
.formBox table th {
	width: 180px;
	padding-right: 0;
	font-weight: normal;
	text-align: left;
}
.formBox p.description-head{
    font-size: 15px;
}
.formBox p.description-head a{
    color: #D24A4A;
    text-decoration: underline;
}
.formBox table.description-table{
	border: none;
}
.formBox table.description-table th,
.formBox table.description-table td {
	padding: 10px 8px;
	border-bottom: none;
	vertical-align: top;
    font-size: 14px;
    font-weight: bold;
}
.formBox table.description-table th {
    width: 115px;
}
a.btn-main.btn-2-line{
    height: 57px;
    background-color: #3C8D3E;
    border-color: #3C8D3E;
    color: #FFF;
}
a.btn-main.btn-2-line i{
    color: #FFF;
}
a.btn-main.btn-2-line > div{
    margin: 10px 0 0;
    line-height: 1.2;
}
@media(max-width: 767px){
    .formBox table.description-table{
        width: 100% !important;
        margin: 0 0 5px !important;
    }
    .formBox table.description-table th {
        background-color: #FFF;
        font-weight: bold;
    }
    .formBox table.description-table th {
        padding: 8px 0 0 0 !important;
    }
    .formBox table.description-table td {
        padding: 8px 0 !important;
    }
    .formBox table th.sp-mgn{
        margin: 0 0 10px;
    }
}
@media(min-width: 768px){
}
.formBox table th .required {
	margin-right: 5px;
	padding: 0 3px;
	border-radius: 5px;
	background-color: #D24A4A;
	color: #FFF;
}
.formBox table td .reviewStar {
	float: left;
	margin-right: 10px;
}
.formBox table td .reviewStar ul li {
	float: left;
	line-height: 0.8;
	color: #CCC;
	font-size: 224%;
}
.formBox table td .reviewStar ul li.active {
	color: #FFCC00;
}
.formBox table td input,
.formBox table td textarea {
	width: 100%;
	margin-bottom: 10px;
}
.formBox table td input:last-child,
.formBox table td textarea:last-child {
	margin-bottom: 0;
}
.formBox table td a.calendar {
	font-size: 154%;
}
.formBox table td .reserveTel {
	margin: 10px 0 0;
	font-weight: bold;
}
.formBox table td .reserveTel p {
	font-size: 154%;
}
.formBox table td #google_tool a {
	color: #D24A4A;
	text-decoration: underline;
}
.formBox table td #yui-gen0 table {
	border: none;
}
@media(max-width: 767px){
	.formBox table td #yui-gen0 {
		width: 300px;
	}
	.formBox table td #yui-gen0 table {
		table-layout: fixed;
	}
	.formBox table td #yui-gen0 table tbody {
		border-bottom: #ccc 1px solid;
	}
	.formBox table td #yui-gen0 table th,
	.formBox table td #yui-gen0 table td {
		display: table-cell;
	}
	.formBox table td #yui-gen0 table td {
		padding: 0 !important;
		line-height: 30px;
	}
}
/*** ボタン ***/
.formBox .formBtnBox {
	text-align: center;
}
.formBox .formBtnBox ul li {
	display: inline-block;
	margin-right: 5px;
}
.formBox .formBtnBox ul li a {
	display: block;
	width: 145px;
	line-height: 45px;
	border: #CCC 1px solid;
	background-color: #F8F8F8;
	border-radius: 5px;
}
.formBox .formBtnBox ul li:last-child {
	margin-right: 0;
}
.formBox .formBtnBox ul li a.main {
	border: #666 1px solid;
	background-color: #666;
	color: #FFF;
}
.formBox .formBtnBox ul li a:hover {
	opacity: .7;
}
.formBox .formBtnBox ul li a.img {
	width: auto;
	border: none;
	background-color: transparent;
}
/*---------------------------------------------------------------------------------------------
  トピックス詳細
---------------------------------------------------------------------------------------------*/
#mainBox .mainCtsBox .innBtm .shopData {
	margin-bottom: 20px;
}
#mainBox .mainCtsBox .innBtm .shopData .caption {
	font-weight: bold;
}
#mainBox .mainCtsBox .innBtm .shopData .name {
	margin-bottom: 5px;
	font-weight: bold;
	color: #FE9900;
	font-size: 147%;
}
#mainBox .mainCtsBox .innBtm .shopData .imgBox {
	float: left;
	width: 240px;
	margin-right: 15px;
}
#mainBox .mainCtsBox .innBtm .shopData .imgBox img {
	width: 100%;
}
#mainBox .mainCtsBox .innBtm .shopData .info {
	overflow: hidden;
}
#mainBox .mainCtsBox .innBtm .shopList ul li {
	margin-bottom: 5px;
}
#mainBox .mainCtsBox .innBtm .shopList ul li a {
	display: block;
	width: 100%;
	padding: 13px 15px 10px;
	border: #CCC 1px solid;
	background-color: #FFF;
	border-radius: 5px;
}
#mainBox .mainCtsBox .innBtm .shopList ul li a:hover {
	background-color: #EEE;
}
#mainBox .mainCtsBox .innBtm .shopList ul li a span {
	margin-right: 10px;
	font-size: 108%;
	font-weight:bold;
}
#mainBox .mainCtsBox .innBtm .shopList ul li:last-child {
	margin-bottom: 0;
}
@media(max-width: 767px){
	#mainBox .mainCtsBox .innBtm .shopData .caption {
		font-size: 85%;
	}
	#mainBox .mainCtsBox .innBtm .shopData .name {
		font-size: 100%;
	}
	#mainBox .mainCtsBox .innBtm .shopData .imgBox {
		float: left;
		width: 110px;
		margin-right: 15px;
	}
	#mainBox .mainCtsBox .innBtm .shopList ul li a {
		padding: 5px 10px;
	}
	#mainBox .mainCtsBox .innBtm .shopList ul li a span {
		display: block;
	}
}
/*---------------------------------------------------------------------------------------------
  ルートガイド詳細
---------------------------------------------------------------------------------------------*/
#mainBox .courseDtl {
	margin-bottom: 30px;
}
#mainBox .courseDtl .caption {
	margin-bottom: 5px;
	padding: 12px 0;
	color: #FFF;
	font-size: 154%;
	text-align: center;
	font-weight: bold;
}
#mainBox .courseDtl .caption p {
	margin-top: 3px;
	font-size: 77%;
	line-height: 1.3;
}
#mainBox .courseDtl .spotBox {
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 20px;
	border: #CCC 1px solid;
	font-size: 14px;
}
#mainBox .courseDtl .spotBox .titleBox {
	padding: 10px 15px;
	background-color: #EEEEEE;
	border-bottom: #CCC 1px solid;
}
#mainBox .courseDtl .spotBox .titleBox h3 {
	margin-top: 3px;
	font-size: 139%;
}
#mainBox .courseDtl .spotBox .inn {
	overflow: hidden;
	padding: 15px 15px 20px;
}
#mainBox .courseDtl .spotBox .inn .imgBox {
	width: 100%;
	margin-bottom: 15px;
}
#mainBox .courseDtl .spotBox .inn .imgBox img {
	width: 100%;
}
#mainBox .courseDtl .spotBox .inn .info {
	width: 100%;
}
#mainBox .courseDtl .spotBox .inn .info p {
	margin-bottom: 15px;
}
#mainBox .courseDtl .spotBox .mainBtnBox {
	clear: left;
	margin-bottom: 0 !important;
}
#mainBox .courseDtl .arrow {
	margin: 15px 0;
	text-align: center;
}
#mainBox .courseDtl .arrow i {
	margin: 0 10px;
	font-size: 400%;
	color: #CCC;
}
@media(max-width: 767px){
	#mainBox .courseDtl .caption {
		margin:  5px 10px;
		padding: 5px 0;
		font-size: 108%;
	}
	#mainBox .courseDtl .spotBox {
		margin: 0 10px;
		padding-bottom: 15px;
	}
	#mainBox .courseDtl .spotBox .titleBox {
		padding: 10px;
	}
	#mainBox .courseDtl .spotBox .titleBox h3 {
		font-size: 100%;
	}
	#mainBox .courseDtl .spotBox .inn {
		padding: 15px 0;
	}
	#mainBox .courseDtl .spotBox .inn .imgBox {
		width:calc(100% - 20px);
		margin: 0 10px;
	}
	#mainBox .courseDtl .spotBox .inn .info p {
		margin: 10px;
	}
	#mainBox .courseDtl .arrow {
		margin: 0 10px;
		border-left: #CCC 1px solid;
		border-right: #CCC 1px solid;
		color: #FFF;
	}
	#mainBox .courseDtl .arrow i {
		font-size: 200%;
		color: #FFF;
		line-height: 30px;
	}
}
/*---------------------------------------------------------------------------------------------
  クーポン詳細
---------------------------------------------------------------------------------------------*/
.couponprint {
	float: none !important;
	margin: 0 auto;
}
.dtlCoupon .couponGet {
	padding: 20px 0;
	border-top: #CCC 1px solid;
}
.dtlCoupon .couponGet h3 {
	margin-bottom: 10px;
	padding: 0 0 0 35px;
	font-size: 116%;
	line-height: 30px;
}
.dtlCoupon .couponGet h3.mail {
	background: url(/img/detail/icoMail.png) no-repeat left center;
	background-size: 26px;
}
.dtlCoupon .couponGet h3.print {
	background: url(/img/detail/icoPrint.png) no-repeat left center;
	background-size: 26px;
}
.dtlCoupon .couponGet p {
	margin-bottom: 15px;
}
.dtlCoupon .couponGet p span {
	color: #FF0000;
	font-size: 93%;
}
.dtlCoupon .couponGet input {
	width: 100%;
	margin-bottom: 20px;
}
.dtlCoupon .couponGet a.btn {
	width: 160px;
	margin: 0 auto;
	background-color: #333;
	line-height: 50px;
	border-radius: 5px;
}
.dtlCoupon .mainCtsBox .imgBox {
	margin: 7px;
	text-align: center;
}
.dtlCoupon .mainCtsBox .imgBox img {
	max-width: 100%;
}
.dtlCoupon a.couponUsed {
	background-color: #666;
	border-radius: 5px;
	line-height: 50px;
}
@media(max-width: 767px){
	.dtlCoupon .couponGet {
		padding: 10px 10px 15px;
	}
	.dtlCoupon .couponGet h3 {
		background-color: #EEE !important;
		font-size: 100%;
	}
	.dtlCoupon .couponGet h3.mail {
		background: url(/img/detail/icoMail.png) no-repeat 10px center;
		background-size: 20px;
	}
	.dtlCoupon .couponGet a.btn {
		background-color: #D24A4A;
		line-height: 35px;
	}
}

/*---------------------------------------------------------------------------------------------
  ショッピング詳細
---------------------------------------------------------------------------------------------*/
.dtlEc .mainCtsBox .inn h4 {
	margin-bottom: 10px;
	font-size: 124%;
}
@media(max-width: 767px){
	.dtlEc .mainCtsBox .inn h4 {
		margin-bottom: 5px !important;
		font-size: 108% !important;
	}
	.dtlEc .mainCtsBox .innBtm .mainBtnBox a {
		width: 100% !important;
	}
}
.dtlEc .mainCtsBox .innBtm .summary {
	margin-bottom: 20px;
}
.dtlEc .mainCtsBox .innBtm .summary p {
	margin-bottom: 5px;
}
.dtlEc .mainCtsBox .innBtm .summary p span {
	color: #FF0000;
}
.dtlEc .mainCtsBox .innBtm .summary p span.withTax {
	font-size: 131%;
	font-weight: bold;
}
.dtlEc .mainCtsBox .innBtm .mainBtnBox {
	margin-bottom: 10px;
}
.dtlEc .baseTbl ul {
	margin-top: 5px;
}
.dtlEc .baseTbl ul li {
	display: inline-block;
	margin: 0 2px 5px 0;
	padding: 1px 7px 0;
	border: #CCC 1px solid;
	border-radius: 5px;
}
.dtlEc .txtBox {
	margin-bottom: 30px;
}
@media(max-width: 767px){
	.dtlEc .txtBox {
		margin: 0 10px 30px;
	}
}
/*---------------------------------------------------------------------------------------------
  求人詳細
---------------------------------------------------------------------------------------------*/
.dtlJob .mainCtsBox .inn p {
	margin-bottom: 20px;
}
.dtlJob .mainCtsBox .inn ul.info {
	margin-bottom: 20px;
}
.dtlJob .mainCtsBox .inn ul.info li {
	padding: 10px;
	border-top: #CCC 1px dotted;
	font-weight: bold;
}
.dtlJob .mainCtsBox .inn ul.info li:last-child {
	border-bottom: #CCC 1px dotted;
}
.dtlJob .mainCtsBox .inn ul.cate li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 10px;
	border: #CCC 1px solid;
	background-color: #EEE;
	line-height: 35px;
	border-radius: 5px;
}
.dtlJob .baseTbl a {
	color: #398BCC;
	text-decoration: underline;
}
.dtlJob .baseTbl a:hover {
	text-decoration: none;
}
.dtlJob .formBox .note p {
	font-size: 108%;
}

@media(max-width: 767px){
	.dtlJob .mainCtsBox .inn p,
	.dtlJob .mainCtsBox .inn ul.info {
		margin-bottom: 15px;
	}
	.dtlJob .mainCtsBox .inn ul.info li {
		padding: 10px 0;
	}
		.dtlJob table.baseTbl {
		width:calc(100% - 20px) !important;
		margin: 10px auto 0 !important;
		border: none !important;
	}
	.dtlJob table.baseTbl tr {
		border-top: none;
	}
	.dtlJob table.baseTbl tr:last-child {
		border-bottom: none;
	}
	.dtlJob table.baseTbl th {
		display: block;
		width: 100% !important;
		padding: 7px 10px !important;
		background-color: #EEE;
		border-radius: 5px;
	}
	.dtlJob table.baseTbl td {
		display: block;
		width: 100% !important;
		padding: 10px 0 15px !important;
	}
	.dtlJob table.baseTbl th,
	.dtlJob table.baseTbl td {
		border-bottom: none !important;
	}
}
/*---------------------------------------------------------------------------------------------
  掲示板詳細
---------------------------------------------------------------------------------------------*/
.dtlBbs .mainCtsBox .inn p.caption {
	margin: 5px 0 25px;
}
.dtlBbs .mainCtsBox .inn p.caption i {
	margin-right: 5px;
	color: #999;
	font-size: 108%;
}
.dtlBbs .mainCtsBox .inn .mainBtnBox {
	margin: 30px auto 10px !important;
}
.dtlBbs .reBox {
	border: #CCC 1px solid;
}
.dtlBbs .reBox .body {
	border-bottom: #CCC 1px solid;
}
.dtlBbs .reBox .body:last-child {
	border-bottom: none;
}
.dtlBbs .reBox .body .inn {
	padding: 14px;
}
.dtlBbs .reBox .body .inn .title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: #CCC 1px dotted;
	font-size: 116%;
	font-weight: bold;
}
.dtlBbs .reBox .body .inn p:last-child {
	margin-bottom: 10px;
}
.dtlBbs .reBox .body .inn a {
	color: #3B8BCD;
	text-decoration: underline;
}
.dtlBbs .reBox .body .inn a:hover {
	text-decoration: none;
}
.dtlBbs #reply_area {
	display: none;
}
.dtlBbs #reply_area .commentInputBox table {
	width: 470px;
	margin: 0 auto 10px;
	border: none;
}
.dtlBbs #reply_area .commentInputBox table th {
	width: 50px;
}
.dtlBbs #reply_area .commentInputBox table th,
.dtlBbs #reply_area .commentInputBox table td {
	padding: 7px 0;
	border-bottom: none;
}
.dtlBbs #reply_area #reply_error {
	width: 470px;
	margin: 0 auto  10px;
}
.dtlBbs #reply_area .commentBtmBox a {
	display: block;
	width: 145px;
	margin: 0 auto 10px;
	line-height: 45px;
	background-color: #666;
	border-radius: 5px;
	color: #FFF;
	text-align: center;
}
.dtlBbs #reply_area .commentBtmBox a:hover {
	opacity: .8;
}
.formBox ul.list-unstyled li.main {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: #CCC 1px dotted;
	font-weight: bold;
}
.formBox ul.list-unstyled li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.formBox ul.list-unstyled li ul {
	overflow: hidden;
	margin: 3px 0 0 20px;
}
.formBox ul.list-unstyled li ul li {
	float: left;
	font-weight: normal;
}
@media(max-width: 767px){
	.dtlBbs .reBox .body .inn .title {
		font-size: 100%;
	}
	.dtlBbs .mainCtsBox .inn .comment {
		overflow: hidden;
		margin-bottom: 20px;
	}
	.dtlBbs .reBox {
		margin: 0 10px 20px;
	}
	.dtlBbs #reply_area .commentInputBox table th,
	.dtlBbs #reply_area .commentInputBox table td {
		padding: 2px 0 !important;
	}
	.dtlBbs #reply_area #reply_error {
		width: 100%;
		text-align: center;
	}
}

/*---------------------------------------------------------------------------------------------
  駅路線から探す layout
---------------------------------------------------------------------------------------------*/
#lineSearch {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
}
#lineSearch h4 {
	width: 890px;
	height: 33px;
	margin: 0 auto;
	padding: 8px 0 0 20px;
	color: #FFFFFF;
	font-size: 124%;
}
#lineSearch #areaChoice,
#lineSearch #lineChoice {
	overflow: hidden;
	width: 100%;
	margin: 0  auto 60px;
	padding: 0 0 9px;
}
#lineSearch #areaChoice #areaCont,
#lineSearch #lineChoice #lineCont {
	overflow: hidden;
	padding: 10px 0;
}
#lineSearch #areaChoice #areaCont p,
#lineSearch #lineChoice #lineCont p {
	margin: 0 0 20px;
	padding: 0;
	font-size: 108%;
	font-weight: bold;
}
#lineSearch #areaChoice #areaCont h5 {
	line-height: 30px;
	height: 30px;
	margin: 0 auto 10px;
	padding: 0 0 0 10px;
	background: #F0E6D0;
	font-size: 108%;
	font-weight: bold;
}
#lineSearch #areaChoice #areaCont ul {
	overflow: hidden;
	margin: 0 auto 10px;
	list-style: none;
}
#lineSearch #areaChoice #areaCont ul li {
	float: left;
	width: 16%;
	margin: 0 0 10px;
	font-size: 108%;
}
#lineSearch #areaChoice #areaCont ul li span {
	font-size: 100%;
}
#lineSearch #areaChoice #areaCont ul li span.non {
	color: #CCCCCC;
}
#lineSearch #lineChoice #lineCont h3 {
	line-height: 40px;
	height: 40px;
	margin: 0 0 10px;
	padding: 0;
	background: #F0ECCA;
	font-size: 154%;
	font-weight: bold;
	text-align: center;
}
#lineSearch #lineChoice #lineCont #lineTit {
	clear: both;
	height: 30px;
	margin: 0 0 10px;
	background: #EFEDE0;
}
#lineSearch #lineChoice #lineCont #lineTit h5 {
	line-height: 30px;
	float: left;
	height: 30px;
	margin: 0 15px 0 0;
	padding: 0 0 0 10px;
	font-size: 124%;
	font-weight: bold;
}
#lineSearch #lineChoice #lineCont #lineTit span {
	float: left;
	line-height: 30px;
}
#lineSearch #lineChoice #lineCont .lineList {
	clear: both;
	overflow: hidden;
	margin: 0 0 20px 10px;
}
#lineSearch #lineChoice #lineCont .lineList dl {
	float: left;
	width: 210px;
	margin: 0 10px 0 0 ;
	padding: 0;
}
#lineSearch #lineChoice #lineCont .lineList dl dt {
	float: left;
	width: 20px;
	margin: 0;
	padding: 0;
}
#lineSearch #lineChoice #lineCont .lineList dd {
	float: right;
	width: 190px;
	_width: 185px;
	margin: 0;
	_margin: 2px 0 0;
	padding: 0;
	text-align: left;
}
#lineSearch #lineChoice #lineCont .lineList dd.non {
	color: #CCCCCC;
}
#lineSearch #lineChoice #lineCont #btnNext {
	width: 120px;
	height: 38px;
	margin: 0 auto;
}
#lineSearch #lineChoice #lineCont .lineRoute {
	overflow:hidden;
	width: 850px;
	margin: 0 auto;
}
#lineSearch #lineChoice #lineCont form input {
	line-height: 1;
	margin: 0 0 1px 3px;
	vertical-align: middle;
}
#lineSearch #lineChoice #lineCont .lineRoute ul {
	display: block;
	clear: both;
	overflow: hidden;
	width: 850px;
	margin: 0 auto 30px;
	padding: 20px 0 0;
	text-align: center;
	list-style: none;
}
#lineSearch #lineChoice #lineCont .lineRoute ul.singleLine {
	background: url(/img/line_search/imgLine1.gif) top no-repeat;
}
#lineSearch #lineChoice #lineCont .lineRoute ul.firstLine {
	background: url(/img/line_search/imgLine2.gif) top no-repeat;
}
#lineSearch #lineChoice #lineCont .lineRoute ul.nextLine {
	background: url(/img/line_search/imgLine4.gif) top no-repeat;
}
#lineSearch #lineChoice #lineCont .lineRoute ul.lastLine {
	background: url(/img/line_search/imgLine3.gif) top no-repeat;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li {
	position: relative;
	float: left;
	width: 30px;
	padding: 0 0 2px;
	font-size: 93%;
	text-align: center;
	word-wrap: break-word;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li a.name {
	display: block;
	line-height: 1.1;
	width: 11px;
	margin: 0 auto;
	word-wrap: break-word;
	_margin: 0 0 0 2px;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li a.non {
	color: #CCCCCC;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li span {
	display: block;
	line-height: 1.1;
	margin: 6px 0 2px;
	letter-spacing: -1px;
	font-size: 77%;
	text-align: center;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li span.non {
	color: #CCCCCC;
}
#lineSearch #lineChoice #lineCont .lineRoute ul li a,
#lineSearch #lineChoice #lineCont .lineRoute ul li a:hover {
	text-decoration: none;
}
#lineSearch #lineChoice #lineCont #btnSearch {
	width: 220px;
	height: 44px;
	margin: 0 auto;
}
@media(max-width: 767px){
	#lineSearchBox .layoutInn {
		margin: 0 0 10px;
	}
	#lineSearchBox .layoutInn .flow {
		margin: 0 10px 10px;
	}
	#lineSearchBox .layoutInn .flow ol {
		display: table;
		width: 100%;
		padding: 10px 0;
	}
	#lineSearchBox .layoutInn .flow ol li {
		display: table-cell;
		height: 30px;
		margin: 0 10px;
		vertical-align: middle;
		border: #888888 1px solid;
		text-align: center;
	}
	#lineSearchBox .layoutInn .flow ol li.active {
		border: none;
		color: #FFFFFF;
	}
	#lineSearchBox .layoutInn .flow ol li.arrow {
		width: 30px;
		border: none;
	}
	#lineSearchBox .layoutInn .formTit {
    line-height: 30px;
    background: #E6EFF4;
    font-size: 100%;
    text-align: center;
		color: #333;
	}
	#lineSearchBox .layoutInn .subTxt {
    padding: 10px;
		border-bottom: #CCCCCC 1px solid;
	}
	#lineSearchBox .layoutInn ul .titleBox {
		padding: 12px 15px;
		background: #F5F5F5;
		background: #fff;
		border-bottom: #CCCCCC 1px solid;
		font-size: 108%;
		cursor:pointer;
	}
	#lineSearchBox .layoutInn ul .titleBox span {
		padding: 0 20px 0 0;
		display:block;
		background: url(/img/top/area/open.png) no-repeat right center;
		background-size: 16px 16px;
	}
	#lineSearchBox .layoutInn ul .titleBox span.open {
		background: url(/img/top/area/close.png) no-repeat right center;
		background-size: 16px 16px;
	}
	#lineSearchBox .layoutInn ul .titleBox2 {
		position: relative;
	}
	#lineSearchBox .layoutInn ul .titleBox2 a {
		display: block;
		padding: 12px 20px 12px 15px;
		background: #F5F5F5;
		background: #fff;
		border-bottom: #CCCCCC 1px solid;
		font-size: 108%;
		cursor:pointer;
	}
	#lineSearchBox .layoutInn .titleBox2 i {
		color: #999999;
		font-size: 131%;
		position: absolute;
		right: 10px;
		top: 12px;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox {
		padding: 12px 15px;
		background: #F5F5F5;
		background: #fff;
		border-bottom: #CCCCCC 1px solid;
		font-size: 108%;
		cursor:pointer;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox span {
		padding: 0 20px 0 0;
		display:block;
		background: url(/img/top/area/open.png) no-repeat right center;
		background-size: 16px 16px;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox span.open {
		background: url(/img/top/area/close.png) no-repeat right center;
		background-size: 16px 16px;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox2 {
		position: relative;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox2 a {
		display: block;
		padding: 12px 20px 12px 15px;
		background: #F5F5F5;
		background: #fff;
		border-bottom: #CCCCCC 1px solid;
		font-size: 108%;
		cursor:pointer;
	}
	#topSpnAreaSearchBox .searchInnBox ul .titleBox2 i {
		color: #999999;
		font-size: 131%;
		position: absolute;
		right: 10px;
		top: 12px;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox {
		display:none;
		background-color: #fff;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li {
		position: relative;
		border-bottom: #CCCCCC 1px solid;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li span {
		display: block;
		padding: 15px;
		color: #CCCCCC;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li a {
		display: block;
		padding: 12px 20px 12px 15px;
		color: #1772B8;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li i {
		color: #999999;
		font-size: 131%;
		position: absolute;
		right: 10px;
		top: 12px;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li .btnBox {
		padding: 5px;
		background: #C0C0C0;
	}
	#topSpnAreaSearchBox .searchInnBox ul ul.childBox li .btnBox a {
		display: inline-block;
		padding: 8px;
		margin: 0 4px 0 0;
		background: #FFFFFF;
		border: #B5B5B5 1px solid;
		border-radius: 5px;
	}
	#topSpnAreaSearchBox .searchInnBox label {
		display: block;
		padding: 15px;
	}
	#topSpnAreaSearchBox .searchInnBox input[type="checkbox"] {
		width: 26px;
		height: 26px;
		border: #666666 1px solid;
		margin: 0 0.8em 0 0;
		vertical-align: middle;
	}
	#topSpnAreaSearchBox .searchInnBox input[type="text"],
	#topSpnAreaSearchBox .searchInnBox input[type="number"],
	#topSpnAreaSearchBox .searchInnBox input[type="tel"],
	#topSpnAreaSearchBox .searchInnBox input[type="email"],
	#topSpnAreaSearchBox .searchInnBox input[type="button"],
	#topSpnAreaSearchBox .searchInnBox input[type="password"] {
		font-size: 100%;
		height: 26px;
		padding: 5px;
	}
	#topSpnAreaSearchBox .searchInnBox select {
		font-size: 100%;
		height: 36px;
		width: 90%;
	}
	#topSpnAreaSearchBox .searchInnBox ul.button li.bConf.bwideL a {
		width: 60%;
	}
}


/*---------------------------------------------------------------------------------------------
  サイトマップ
---------------------------------------------------------------------------------------------*/
.siteMapBox {
	margin: 15px -20px 0 0;
}
.siteMapBox .inn {
	float: left;
	width:calc(50% - 20px);
	margin: 0 20px 0 0;
}
.siteMapBox .inn h3 {
	margin-bottom: 20px;
	padding: 7px 10px 5px;
	background-color: #EEE;
	border-bottom: #CCC 1px solid;
}
.siteMapBox .inn h3 a {
	display: block;
	text-decoration: underline;
}
.siteMapBox .inn h3 a:hover {
	text-decoration: none;
}
.siteMapBox .inn ul {
	margin: -10px 0 20px;
}
.siteMapBox .inn ul li {
	margin-bottom: 6px;
	padding: 0 0 6px 5px;
	border-bottom: #CCC 1px dotted;
}
.siteMapBox .inn ul li.ss {
	margin: 0 0 6px 20px;
}
.siteMapBox .inn ul li:before {
	content: " \f138";
	margin-right: 7px;
  font-family: FontAwesome;
}
.siteMapBox .inn ul li.ss:before {
	content: " \f105";
	color: #999;
}
.siteMapBox .inn ul li a:hover {
	text-decoration: underline;
}
@media(max-width: 767px){
	.siteMapBox {
		margin: 10px;
	}
	.siteMapBox .inn {
		float: none;
		width: 100%;
		margin: 0;
	}
	.siteMapBox .inn h3 {
		margin-bottom: 10px;
	}
	.siteMapBox .inn ul {
		margin: 0 0 20px;
	}
}

/*---------------------------------------------------------------------------------------------
  フッターページ用
---------------------------------------------------------------------------------------------*/
@media(max-width: 767px){
	section.footerPage {
		margin: 15px 10px 0;
	}
}
/*---------------------------------------------------------------------------------------------
  GPS
---------------------------------------------------------------------------------------------*/
.gpsLayout .baseTbl {
	margin: 15px 0 20px;
}
.gpsLayout .button {
	text-align: center;
}
.gpsLayout .button a {
	display: inline-block;
	width: 145px;
	background-color: #666;
	line-height: 45px;
	border-radius: 5px;
	font-size: 108%;
	color: #FFF;
}
.gpsLayout select{
	width: 100%;
	margin: 5px 0 20px;
}
@media(max-width: 767px){
	.gpsLayout {
		margin: 15px 10px 0;
	}
	.gpsLayout .baseTbl {
		border-left: #CCC 1px solid;
		border-right: #CCC 1px solid;
	}
	.gpsLayout select{
		margin-bottom: 15px;
	}
}
/*---------------------------------------------------------------------------------------------
  街パシャ
---------------------------------------------------------------------------------------------*/
#realtimeBox {}
#realtimeBox .infoBox {
	overflow: hidden;
}
#realtimeBox .infoBox .txtBox {
	float: left;
	width: 850px;
	margin: 5px 0 20px;
	font-size: 108%;
}
#realtimeBox .infoBox .txtBox p {
	margin-top: 20px;
	font-size: 85%;
	line-height: 1.8;
}
#realtimeBox .infoBox .qr {
	float: right;
}
#realtimeBox .mainBtnBox a {
	margin: 0 10px;
}
#contentsBox #realtimeBox .ctsBox section.list-hgt article.line4 {
	width: 226px;
	margin: 0 12px 12px 0 !important;
}
#contentsBox #realtimeBox .ctsBox section.list-hgt article.line4:nth-child(4n) {
	margin-right: 0 !important;
}
#realtimeBox #mainBox {
	width: 940px;
}
#realtimeBox #mainBox .mainCtsBox .inn p.img {
	width: 904px;
	margin: 0 auto 20px;
	text-align: center;
}
#realtimeBox #mainBox .mainCtsBox .inn p.img img {
	max-width: 904px;
	height: auto !important;
}

#realtimePopupBox {
	text-align: center;
}
#realtimePopupBox h3 {
	font-size: 15px;
	margin-bottom: 15px;
	text-align: left;
	border-bottom: #999 1px solid;
}
#realtimePopupBox #realtimeContents {
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: left;
	border-bottom: #CCC 1px dotted;
}
#realtimePopupBox #realtimeContents form {
	margin: 15px 0 0;
}
#realtimePopupBox #realtimeContents input[type="button"] {
	height: 35px;
	background-color: #999;
	border-radius: 5px;
	color: #FFF;
}
#realtimePopupBox #realtimeContents input[type="text"] {
	width: 230px;
}

@media(max-width: 767px){
	#realtimeBox .infoBox {
		margin: 10px 10px 0;
	}
	#realtimeBox .infoBox .txtBox {
		float: none;
		width: 100%;
	}
	#realtimeBox .infoBox .qr {
		display: none;
	}
	#realtimeBox .mainBtnBox a {
		display: block !important;
		float: none !important;
		margin: 0 0 10px;
	}
	#contentsBox #realtimeBox .ctsBox section.list-hgt article.line4 {
		margin: 0 5px 10px 10px !important;
	}
	#realtimeBox #mainBox .mainCtsBox .inn p.img {
		width: 100%;
		margin-bottom: 10px;
	}
	#realtimeBox #mainBox .mainCtsBox .inn p.img img {
		max-width: 100%;
		height: auto !important;
	}
}

/*---------------------------------------------------------------------------------------------
  ショッピングカート
---------------------------------------------------------------------------------------------*/
.ecCartBox {}

.ecCartBox .cartNavi {
	overflow: hidden;
}
.ecCartBox .cartNavi ul li {
	float: left;
	margin-right: 20px;
}
.ecCartBox .cartNavi ul li i {
	color: #777;
	font-size: 116%;
}
.ecCartBox .cartNavi ul li a {
	padding-left: 7px;
	text-decoration: underline;
}
.ecCartBox .cartNavi ul li a:hover {
	text-decoration: none;
}
.ecCartBox .infoBox {
	margin: 20px 0 20px;
	background-color: #FFFFCC;
	border: #FFFFCC 3px solid;
	padding: 10px;
}
.ecCartBox .errorBox {
	margin: 20px 0 20px;
	background-color: #FFCCCC;
	border: #FFCCCC 3px solid;
	padding: 10px;
}
.ecCartBox .listBox {
	margin: 20px 0 20px;
	border: #E5E5E5 3px solid;
}
.ecCartBox .listBox .topBox {
	margin: 0;
	padding: 10px;
	background-color: #E8E8E8;
	border-bottom: #CCC 1px solid;
}
.ecCartBox .listBox .topBox a {
	margin: 0 10px;
	padding: 5px 10px;
	background-color: #9E9E9E;
	color: #FFF;
	border-radius: 5px;
}
.ecCartBox .listBox .topBox span {
	color: #FF0000;
	font-size: 93%;
}
.ecCartBox .listBox table {
	width: 100%;
	margin-bottom: 0;
	border: none;
	text-align: left;
}
.ecCartBox .listBox td {
	padding: 10px;
	border-bottom: #CCC 1px solid;
	vertical-align: top;
}
.ecCartBox .listBox td.img,
.ecCartBox .listBox td.img img {
	width: 110px;
}
.ecCartBox .listBox td.item p {
	margin-bottom: 10px;
	color: #0066BF;
	font-size: 116%;
	font-weight: bold;
}
.ecCartBox .listBox td.item a {
	display: block;
	float: left;
	width: 90px;
	margin-right: 10px;
	border: #CCC 1px solid;
	background-color: #F0F0F0;
	line-height: 30px;
	border-radius: 5px;
	text-align: center;
}
.ecCartBox .listBox td.num {
	width: 120px;
}
.ecCartBox .listBox td.num select {
	width: 100%;
}
.ecCartBox .listBox td.num a {
	display: block;
	float: left;
	width: 90px;
	margin: 10px 10px 0 0;
	border: #CCC 1px solid;
	background-color: #F0F0F0;
	line-height: 30px;
	border-radius: 5px;
	text-align: center;
}
.ecCartBox .listBox td.kakaku {
	width: 200px;
}
.ecCartBox .listBox td.kakaku p {
	font-size: 139%;
	font-weight:bold;
}
.ecCartBox .listBox .btmBox {
	padding: 10px;
	background-color: #F0F0F0;
	text-align: right;
}
.ecCartBox .listBox .btmBox p {
	font-weight: bold;
}
.ecCartBox .listBox .btmBox p span {
	padding-left: 10px;
}
.ecCartBox .listBox .btmBox p.total {
	color: #FF0000;
	font-size: 139%;
}
.ecCartBox .keepBox {
	margin: 40px 0 0;
}
.ecCartBox h3.subTitle {
	margin-bottom: 10px;
	padding: 0 0 5px;
	border-bottom: #000 1px solid;
	font-size: 116%;
}
.ecCartBox .innBox {
	margin: 0 0 40px;
}
.ecCartBox .innBox p {
	margin: 0 0 20px;
}
.ecCartBox p.orderTxt {
	margin: 0 0 20px;
	color: #FF0000;
	font-weight: bold;
	font-size: 118%;
}
.ecCartBox .endBox {
	margin-top: 20px;
	padding: 25px 15px;
	background-color: #EEE;
	text-align: center;
}
.ecCartBox .endBox .formBtnBox {
	margin-bottom: 20px;
}
.ecCartBox .endBox .formBtnBox a {
	color: #333;
	text-decoration: none;
}
.ecCartBox .endBox p {
	margin-bottom: 50px;
	color: #FF0000;
}
.ecCartBox .endBox a {
	color: #1772B8;
	text-decoration: underline;
}
.ecCartBox .endBox a:hover {
	text-decoration: none;
}
.ecCartBox .formBtnBox {
	padding-bottom: 20px;
}

@media(max-width: 640px){
	.ecCartBox .cartNavi ul li {
		float: none;
		margin: 0;
		padding: 6px 10px 5px;
		border-bottom: #CCC 1px dotted;
	}
	.ecCartBox .listBox {
		margin: 0 10px 20px;
	}
	.ecCartBox .listBox .topBox {
		padding: 5px;
	}
	.ecCartBox .listBox .topBox select{
		width: 100%;
		margin-bottom: 10px;
	}
	.ecCartBox .listBox .topBox span {
		display: block;
		margin-top: 10px;
	}
	.ecCartBox .listBox table {
		width: 100% !important;
		margin: 0 !important;
	}
	.ecCartBox .listBox table thead {
		display: none;
	}
	.ecCartBox .listBox td {
		padding: 10px 5px !important;
		border-bottom: #CCC 1px solid !important;
		font-size: 93%;
	}
	.ecCartBox .listBox td.img {
		width: 15% !important;
	}
	.ecCartBox .listBox td.img img {
		width: 100% !important;
	}
	.ecCartBox .listBox td.item p {
		font-size: 100%;
		margin-bottom: 3px;
	}
	.ecCartBox .listBox td.item a {
		display: block;
		float: left;
		width: 85px;
		margin: 0 0 5px;
		line-height: 25px;
	}
	.ecCartBox .listBox td.kakaku {
		width: 35% !important;
	}
	.ecCartBox .listBox td {
		display: table-cell;
		width: auto !important;
	}
	.ecCartBox .listBox td.num {
		width: 20% !important;
	}
	.ecCartBox .listBox td.num select {
		width: 100% !important;
	}
	.ecCartBox .listBox td.num a {
		display: block;
		float: left;
		width: 85px;
		margin: 5px 0 5px;
		line-height: 25px;
	}
	.ecCartBox .listBox td.kakaku p {
		font-size: 100%;
	}
	.ecCartBox .listBox .btmBox {
		padding: 5px;
	}
	.ecCartBox .listBox .btmBox p.total {
		font-size: 100%;
	}
	.ecCartBox .formBtnBox {
		padding-top: 0;
    border-top: none;
		margin-bottom: 0;
	}
	.ecCartBox h3.subTitle {
		padding: 0 10px 5px;
		margin-bottom: 10px;
		line-height: 1.3;
	}
	.ecCartBox .innBox p {
		margin: 0 10px 10px;
	}
	.ecCartBox p.orderTxt {
		margin: 0 10px 10px;
		font-size: 100%;
	}
	.ecCartBox .endBox {
		margin: 0 10px;
		padding: 25px 10px;
		text-align: left;
	}
}

/*---------------------------------------------------------------------------------------------
  カテゴリー検索ページ
---------------------------------------------------------------------------------------------*/
#contentsBox section.categorySearch {
	display: block;
}
#contentsBox section.categorySearch article {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	margin: 0 20px 20px 0;
}
#contentsBox section.categorySearch article:nth-child(3n) {
	margin-right: 0;
}
#contentsBox section.categorySearch article img {
	width: 300px;
	height: 300px;
}
#contentsBox section.categorySearch article a:hover img {
	opacity: .8;
}
#contentsBox section.categorySearch article p {
	position: absolute;
	padding: 0 15px;
	top: 48%;
	font-size: 20px;
}
@media(max-width: 767px){
	#contentsBox section.categorySearch {
		margin-top: 15px;
	}
	#contentsBox section.categorySearch article {
		float: none;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		width: 45%;
		height: auto;
		margin: 0 5px 10px;
	}
	#contentsBox section.categorySearch article:nth-child(3n) {
		margin-right: 5px;
	}
	#contentsBox section.categorySearch article:nth-child(n) {
		float: left;
		display: block;
		margin-left: 10px !important;
	}
	#contentsBox section.categorySearch article img {
		width: 100%;
		height: auto;
	}
	#contentsBox section.categorySearch article p {
		top: 35%;
		font-size: 18px;
	}
}


/*---------------------------------------------------------------------------------------------
  施設・アーティスト一覧用
---------------------------------------------------------------------------------------------*/
#contentsBox nav#lowerNav {
	margin: 0 0 30px 0;
}
#contentsBox nav#lowerNav ul{
	margin: 0 0 20px 0;
}
#contentsBox nav#lowerNav ul li{
	position: relative;
	float:left;
	width: calc(50% - 5px);
	padding: 10px 0;
	color: #FFF;
	font-size: 139%;
	font-weight: bold;
    cursor: pointer;
	text-align: center;
}
#contentsBox nav#lowerNav ul li img{
	height: 50px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#contentsBox nav#lowerNav ul a.nav-anker.active,
#contentsBox nav#lowerNav ul a.nav-anker:hover{
    opacity:1;
}

#contentsBox nav#lowerNav ul a.nav-anker{
    opacity:0.6;
}
#contentsBox nav#lowerNav ul li.listen{
	margin: 0 10px 0 0;
	background:#F27113;
}
#contentsBox nav#lowerNav ul li.listen.active::after
, #contentsBox nav#lowerNav ul li.listen:hover::after{ 
	content: '';
    position: absolute;
    border-top: 10px solid #F27113;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 50%;
}
#contentsBox nav#lowerNav ul li.play{
	background:#3C8D3E;
}
#contentsBox nav#lowerNav ul li.play.active::after
, #contentsBox nav#lowerNav ul li.play:hover::after{ 
	content: '';
    position: absolute;
    border-top: 10px solid #3C8D3E;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 50%;
}

/* 音楽を聴きたい・演奏したい共通 */
#contentsBox nav#lowerNav div.listenBox
, #contentsBox nav#lowerNav div.playBox {}
#contentsBox nav#lowerNav div.listenBox ul
, #contentsBox nav#lowerNav div.playBox ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
#contentsBox nav#lowerNav div.listenBox ul li
, #contentsBox nav#lowerNav div.playBox ul li {
	float: none;
	width: calc(20% - 8px);
	height: 137px;
	line-height: 145px;
	margin: 0 10px 0 0;
	border: 2px solid #CCC;
    transition: all 300ms ease-out;
}
#contentsBox nav#lowerNav div.listenBox ul li:last-child
, #contentsBox nav#lowerNav div.playBox ul li:last-child  {
	margin: 0;
}
#contentsBox nav#lowerNav div.listenBox ul li a
, #contentsBox nav#lowerNav div.playBox ul li a {
	position: relative;
	display: block;
	height: 125px;
	font-size: 77%;
	color: #999;
}
#contentsBox nav#lowerNav div.listenBox ul li a::before
, #contentsBox nav#lowerNav div.playBox ul li a::before{
    content: '';
    display: inline-block;
	position: absolute;
    left: 45%;
    top: 25px;
    width: 30px;
    height: 30px;
}

/* 音楽を聴きたい */
#contentsBox nav#lowerNav div.listenBox ul li.nav01 a::before{
    background-image: url(/img/digest/digestSubNavi01.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.listenBox ul li.nav02 a::before{
    background-image: url(/img/digest/digestSubNavi02.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.listenBox ul li.nav03 a::before{
    background-image: url(/img/digest/digestSubNavi03.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.listenBox ul li.nav04 a::before{
    /* background-image: url(/img/digest/digestSubNavi04.png); */
    background-image: url(/img/digest/digestSubNavi11.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.listenBox ul li.nav05 a::before{
    background-image: url(/img/digest/digestSubNavi05.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}

#contentsBox nav#lowerNav div.listenBox ul li.active
, #contentsBox nav#lowerNav div.listenBox ul li:hover {
	border: 2px solid #F27113;
}
#contentsBox nav#lowerNav div.listenBox ul li.active a
, #contentsBox nav#lowerNav div.listenBox ul li a:hover {
	color: #333!important;
	opacity:1;
}

#contentsBox nav#lowerNav div.listenBox ul li.active a::before
, #contentsBox nav#lowerNav div.listenBox ul li a:hover::before{
	background-position: bottom center;
}

/* 演奏したい */
#contentsBox nav#lowerNav div.playBox ul li.nav01 a::before{
    background-image: url(/img/digest/digestSubNavi06.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.playBox ul li.nav02 a::before{
    background-image: url(/img/digest/digestSubNavi07.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.playBox ul li.nav03 a::before{
    background-image: url(/img/digest/digestSubNavi08.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.playBox ul li.nav04 a::before{
    background-image: url(/img/digest/digestSubNavi09.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}
#contentsBox nav#lowerNav div.playBox ul li.nav05 a::before{
    background-image: url(/img/digest/digestSubNavi10.png);
	background-repeat: no-repeat;
	background-position: top center;
    background-size: 30px 60px;
}

#contentsBox nav#lowerNav div.playBox ul li.active
, #contentsBox nav#lowerNav div.playBox ul li:hover {
	border: 2px solid #3C8D3E;
}
#contentsBox nav#lowerNav div.playBox ul li.active a
, #contentsBox nav#lowerNav div.playBox ul li a:hover {
	color: #333!important;
	opacity:1;
}

#contentsBox nav#lowerNav div.playBox ul li.active a::before
, #contentsBox nav#lowerNav div.playBox ul li a:hover::before{
	background-position: bottom center;
}

@media (max-width: 767px) {
	#contentsBox nav#lowerNav{
		margin: 90px 0 30px 0;
	}

	#contentsBox nav#lowerNav ul li img {
		display: inherit;
		margin: 0 auto;
	}

	#contentsBox nav#lowerNav ul li.listen {
		margin: 0 2px 0 0;
	}
	#contentsBox nav#lowerNav ul li{
		font-size:100%;
		width: calc(50% - 1px);
	}

	#contentsBox nav#lowerNav div.listenBox ul,
	#contentsBox nav#lowerNav div.playBox ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	#contentsBox nav#lowerNav div.listenBox ul li,
	#contentsBox nav#lowerNav div.playBox ul li {
		width: calc(33.3% - 1px);
	    margin: 0 1px 1px 0;
		height: 100px;
		line-height: 120px;
	}

	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(3)
	, #contentsBox nav#lowerNav div.playBox ul li:nth-child(3){
		margin: 0 0 1px 0;
	}
	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(5)
	, #contentsBox nav#lowerNav div.playBox ul li:nth-child(5){
		margin: 0 1px 1px 0;
	}

	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(4),
	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(5),
	#contentsBox nav#lowerNav div.playBox ul li:nth-child(4),
	#contentsBox nav#lowerNav div.playBox ul li:nth-child(5) {
		width: calc(50% - 1.5px);
	}

	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(4) a::before,
	#contentsBox nav#lowerNav div.listenBox ul li:nth-child(5) a::before,
	#contentsBox nav#lowerNav div.playBox ul li:nth-child(4) a::before,
	#contentsBox nav#lowerNav div.playBox ul li:nth-child(5) a::before {
		left: 45%;
	}


	#contentsBox nav#lowerNav div.listenBox ul li a
	, #contentsBox nav#lowerNav div.playBox ul li a{
		font-size:77%;
	}

	#contentsBox nav#lowerNav div.listenBox ul li a::before,
	#contentsBox nav#lowerNav div.playBox ul li a::before {
		top: 15px;
		left: 40%;
	}

}


/*---------------------------------------------------------------------------------------------
  サイドバナー用
---------------------------------------------------------------------------------------------*/

.side-bnr-box img{
    max-width:100%;
    width:100%;
    margin-bottom: 10px;
}

.news-category-label{
    float: left;
    margin: 0 3px 0 0;
    padding-top: 1px;
    line-height: 18px;
    color: #FFF;
    text-align: center;
    border-radius: 5px;
    font-size: 79%;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}