@charset "utf-8";

/* ========== すべて共通 ========== */

.layk {
	font-family: "Sawarabi Gothic",sans-serif;
	color: #393939;
	background-color: #eff5fc;
	width:740px;
}
.layk, .divk, .pk, .fig {
	margin: 0;
	padding: 0;
}
.pk, .lik {
	line-height: 1.3;
}

.imgk {
	width: 100%;
	height: auto;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ========== メインエリア基本レイアウト ========== */
.img_box{
	position: relative;
	width:740px;
	}
	.img_box ul {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
		list-style: none;
	}
 .img_box li{
	 display: block;
	 margin: 10px;
	 width:calc(100% / 2 - 20px);
	 padding:0;
 }

 .btn_img {
 	width:100%;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
 }
 @media screen and (max-width: 738px) {
	 .main_img {
	 	width: 100%;
		display: block;
	 }
	 .layk {
		 width: 100%;
		 display: block;
	 }
	 .img_box{
	 	position: relative;
	 	width:100%;
	 	}
		.img_box ul {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			padding: 0;
		}
	 .img_box li{
		 display: inline;
		 width:calc(100% / 2 - 20px);
		 margin: 5px;
	 }
		.btn_img {
			width:100%;
		}
	}