



.mainCwrapLR {
	width: 100%;
	clear: both;
}
.mainCwrapLR .moreBtn{
	width: 200px;
	margin: 20px auto;
	clear: both;
}
.mainCwrapLR .moreBtn a{
	display:block;
	background-color: #14cbc9;
	background-image: url(/img/common/parts/ic_more_arrow_s.png);
	background-position: 95% center;
	background-repeat: no-repeat;
	text-align: center;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 10px 20px;
	color: #fff;
	font-size : 16px;
	font-weight : bold;
	text-decoration : none;
}


.mainCwrapLR .mainCwrapL{
	width: 100%;
	box-sizing: border-box;
	padding : 10px 6px 0 6px;
}
.mainCwrapLR .mainCwrapR{
	width: 100%;
	box-sizing: border-box;
	padding : 0 6px;
}
.mainCwrapLR .ttl {
	margin-bottom: 20px;
}

.back_gray  {
	background-color : #f0f0f0;
}

.ttl_gray {
	background-color : #f0f0f0;
	margin-bottom: 20px;
	padding-top : 30px;
	padding-bottom : 10px;
}

.mainCwrapLR .ttl h2 {
	padding: 10px;
}

.ttl_gray h2 {
	padding: 0 10px;
	font-size : 1.7rem;
}

.mainCwrapLR .ttl h2 {
	padding: 10px 0;
	font-size : 1.7rem;
}

#tabMenu {
	margin-top : 12px;
}

#tabMenu ul{
	width:100%;
}
#tabMenu li {
	float:left;
	width: calc((100% - 18px)/4);
	margin-right: 6px;
}

#tabMenu li:last-child{
	margin-right: 0;
}

#tabMenu li span{
	font-size: 1.2rem;
	cursor:pointer;
	display:block;
	height:40px;
	line-height:42px;
	text-align:center;
	border-bottom: none;
}

#tabMenu li span.active{
	background-color:#ffffff;
}

#tabBoxes{
	width:100%;
	padding: 0px;
	box-sizing: border-box;
}

#tabBox1,#tabBox2,#tabBox3,#tabBox4{
	width:100%;
}
#tabBox1{}
#tabBox2,#tabBox3,#tabBox4{
	display:none;
}










.mainCwrapLR #realTime .rList > .item{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #dbdbdb;
}

.mainCwrapLR #realTime .rList > .item > .photo{
	width: 25%;
	max-width : 174px;
	float: left;
}

.mainCwrapLR #realTime .rList > .item > .details{
	width: 75%;
	float: right;
	padding-left : 8px;
	box-sizing: border-box;

}
.ajastImg01  {
	width : 100%;
	max-width : 230px;
	object-fit: cover;
	height : 18vw;
	max-height : 143px;
}
.ajastImg02  {
	width : 100%;
	max-width : 230px;
	height : 21vw;
	max-height : 174px;
	object-fit: cover;
}
.ajastImg03  {
	width : 100%;
	max-width : 300px;
	height : 24vw;
	max-height : 183px;
	object-fit: cover;
}



.mainCwrapLR #realTime .rList > .item > .details{}
.mainCwrapLR #realTime .rList > .item > .details .ld{float: left;}
.mainCwrapLR #realTime .rList > .item > .details .rd{}
.mainCwrapLR #realTime .rList > .item > .details .data {
	font-size: 1.2rem;
	color: #676767;
	text-align : right;
}
.mainCwrapLR #realTime .rList > .item > .details .txt {
	margin: 5px 0 5px 0;
	font-size: 1.4rem;
}
.mainCwrapLR #realTime .rList > .item > .details .shn {
	margin: 5px 0 0 0;
	font-size: 1.4rem;
}

@media only screen and (max-width: 480px) {
	#tabMenu li span{
		font-size: 1.1rem;
	}
	.mainCwrapLR #realTime .rList > .item > .details .data {
		font-size: 1.0rem;
		color: #676767;
		text-align : right;
	}
	.mainCwrapLR #realTime .rList > .item > .details .txt {
		margin: 3px 0 3px 0;
		font-size: 1.2rem;
	}
	.mainCwrapLR #realTime .rList > .item > .details .shn {
		margin: 3px 0 0 0;
		font-size: 1.2rem;
	}
}

.mainCwrapLR #realTime .rList > .item > .details li.area {
	background-color: #56b616;
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
	padding: 1px 2px;
	color: #fff;
}

.mainCwrapLR #realTime .rList > .item > .details li.type {
	background-color: #c161a9;
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
	padding: 1px 2px;
	color: #fff;
}

.mainCwrapLR #realTime .rList > .item > .details li.real {
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
}




.mainCwrapLR #newsG .gList > ul{
	position : relative;
	text-align : center;
}
.mainCwrapLR #newsG .gList > ul li{
	position: relative;
	width: 30%;
	max-width : 230px;
	display : inline-block;
	margin : 0 0.3%;
	box-sizing: border-box;
}

.mainCwrapLR #accessShop .aList {
	overflow : auto;
}

.mainCwrapLR #accessShop .aList .item {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #dbdbdb;
	display : inline-block;
	vertical-align : top;
	width : 38vw;
}

.mainCwrapLR #accessShop .aList .item > .photo {
	width: 100%;
}

.mainCwrapLR #accessShop .aList .item > .details {
	width: 100%;;
}

.mainCwrapLR #accessShop .aList .item > .details li{
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
	border:1px solid #e2e2e2;
	background-color: #efefef;
	padding: 1px 2px;
}
.mainCwrapLR #accessShop .aList .item > .details p {
	margin-top: 5px;
	font-size: 1.1rem;
}
.mainCwrapLR #accessShop .aList .item > .details h3 {
	font-size: 1.4rem;
}

.mainCwrapLR #recruitList .lList > .item{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #dbdbdb;
}

.mainCwrapLR #recruitList .lList > .item > .details{}
.mainCwrapLR #recruitList .lList > .item > .details .data{
	font-size: 1.2rem;
	color: #676767;
	text-align : right;
}
.mainCwrapLR #recruitList .lList > .item > .details .txt{
	margin: 5px 0 5px 0;
	font-size: 1.2rem;
}
.mainCwrapLR #recruitList .lList > .item > .details .shn {
	margin: 5px 0 0 0;
	font-size: 1.4rem;
}
.mainCwrapLR #recruitList .lList > .item > .details li.area {
	background-color: #56b616;
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
	padding: 1px 2px;
	color: #fff;
}

.mainCwrapLR #recruitList .lList > .item > .details li.type {
	background-color: #c161a9;
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
	padding: 1px 2px;
	color: #fff;
}
.mainCwrapLR #recruitList .lList > .item > .photo{
	width: 25%;
	max-width : 174px;
	float: left;
}
.mainCwrapLR #recruitList .lList > .item > .details{
	width: 75%;
	float: right;
	padding-left : 8px;
	box-sizing: border-box;

}

.mainCwrapLR #recruitList .lList > .item > .details li.real {
	font-size: 1.0rem;
	display: inline-block;
	margin-right:3px;
}

.item .real p {
	display: inline-block;
	font-size: 1.0rem;
	margin-right:3px;
	background-color: #dfdfdf;
	padding: 1px 2px;
	color: #fff;
}

.item .real p.open {
	color: #fff;
	background-color: #ff871d;
}

#sidePickup  {
	background : #f0f0f0 url(back.png) repeat-x 0 0;
	margin-top : -30px;
}
.pickupInner  {
	padding-top : 30px;
}
.pickupWrap {
	margin : 0px 6px 0 6px;
	padding : 6px;
	background-color : #ffffff;
	border-radius : 6px;
	text-align : center;
	position : relative;
 	-webkit-box-shadow: 1px 1px 1px 1px #aaaaaa;
 	-moz-box-shadow: 1px 1px 1px 1px #aaaaaa;
 	box-shadow: 1px 1px 1px 1px #aaaaaa;
}
.pickupWrap .sipp  {
	text-align : center;
}
.pickupWrap a  {
	text-decoration : none;
	font-weight : bold;
}
.pickupInner img {
	width : 100%;
	max-width : 690px;
	height : 30vw;
	max-height : 220px;
	object-fit: cover;
}
#pTtl dt  {
	font-size : 20px;
	color : #000000;
}
#pTtl dd  {
	font-size : 16px;
	color : #000000;
}
.pku  {
	position : absolute;
	top : 10px;
	left : 15px;
	font-size : 20px;
	font-weight : bold;
	color : #000000;
	text-shadow:1px 1px 0px #ffffff;
	z-index : 99;
}
@media only screen and (max-width: 480px) {
	.mainCwrapLR #accessShop .aList .item > .details h3 {
		font-size: 1.2rem;
	}
	#pTtl dt  {
		font-size : 16px;
	}
	#pTtl dd  {
		font-size : 14px;
	}
	.pku  {
		font-size : 16px;
	}
}
