/* スマホ　460px以下 */
@media only screen and (max-width: 460px){
  img{
    width: 100%;

  }
}

#toppage #main_con ul li article p{
    white-space: inherit;
}
#header .header_info .shop{
    font-size: 0.94rem;
}
body{
background-size:auto;
}

#event .topiclist .day{
display:none;
}

#main_con .block1,#main_con .block2{
display:block;
width:100%;
}
#main_con .block2{/*rightbox*/
padding-left:0%;
}

/* youtube　レスポンシブ対応 */

@media all and (max-width: 767px) {
  .comment .youtube-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
    margin-bottom: 20px;
  }

  .comment .youtube-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
}




.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/2);/*←画像を横に4つ並べる場合*/
	padding:0 0px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}




/***** 求人情報ページ *****/
.rec_head {
	margin-bottom: 20px;
}

.rec_head p {
	margin-bottom: 10px;
}

.rec_head p:last-child {
	margin-bottom: 40px;
}
.rec_head p a { text-decoration: underline; }
.rec_head p a:hover { text-decoration: none; }


.rec_img {
	margin-bottom: 20px;
}

.rec_title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

table.rec {
	width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
}

table.rec th,td {
	padding: 20px;
	line-height: 1.3;
	box-sizing: border-box;
}

	@media screen and (max-width: 768px) {
		border-bottom: 1px solid #ddd;
	}

table.rec th {
	width: 30%;
	padding: 20px;
	color: #fff;
	background: #a99686;
	border: 1px solid #ddd;
}

	@media screen and (max-width: 768px) {
		display: block;
		width: 100%;
		border-bottom: none;
	}

table.rec td {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}

	@media screen and (max-width: 768px) {
		display: block;
		width: 100%;
		border-bottom: none;
	}