@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
}

.ap_contents{
	background-color: #E6E6E4;
}

.ap_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 3%;
	box-sizing: border-box;
	padding: 5% 0;
}

.ap_wrapper img{
	display: block;
	line-height: 0;
	width: 100%;
}

.ap_contents .lead_box{
    width: 45%;
    margin: 5% auto;
	border-top: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	padding: 10px 0;
}

.ap_contents .lead{
	text-align: center;
    width: 100%;
    line-height: 2em;
    font-weight: 400;
	font-size: 15px;
}

.credit_box{
	text-align: center;
	font-weight: 300;
	line-height: 2;
	font-size: 16px;
}

.credit_box .item_name{
	font-weight: 500;
	font-size: 22px;
}

.credit_box .price span{
	font-size: 80%;
}

.img_wrap{
	margin: 5% auto;
	width: 100%;
}

.img_wrap a{
	display: block;
	text-decoration: none;
	overflow: hidden;
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.img_wrap a:hover {
    opacity: 0.88;
}

.img_wrap a img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.img_box1 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.img_box1 .img_left1{
    width: 65%;
}

.img_box1 .img_left1 img{
    width: 100%;
}

.img_box1 .img_right1 {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.img_box1 .img_right1 a:first-child {
    width: 100%;
}

.img_box1 .img_right1 a:last-child {
    width: 70%;
    margin-left: auto;
}

.img_box2 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.img_box2 .img_left2 {
    flex: 1 1 58%;
    width: 58%;
}

.img_box2 .img_right2 {
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 15px;
	margin-top: 15px;
}

.img_box2 .img_right2 img{
    width: 100%;
}

.img_box2 .img_left2 a:first-child {
    width: 65%;
    margin-top: -26%;
	vertical-align: bottom;
}

.img_box2 .img_left2 a:last-child {
    width: 69.5%;
    margin-right: 0;
    margin-left: auto;
    margin-top: 15px;
	display: flex;
}

.btn_all{
	text-align: center;
}

.btn_all a {
    background: #ffffff;
    color: #353535;
	border: 1px solid #353535;
    font-size: 14px;
    font-weight: 500;
    width: 90%;
    line-height: 2em;
    letter-spacing: 1px;
    margin: 15% auto 10%;
    display: inline-block;
    border-radius: 3px;
    padding: 4.5% 0;
	text-decoration: none;
	text-align: center;
}

.btn_01 a{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    width: 20%;
	margin: 3% auto;
    padding: 1% 0%;
    background: #333333;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
	transition: 0.5s;
    letter-spacing: 1px;
    line-height: 1.5em;
    border: #333333 1px solid;
    font-family: "Poppins", sans-serif;
	border-radius: 100vh;

}

@media only screen and (max-width : 767px){
    .ap_contents .lead_box {
        width: 90%;
    }
	
    .ap_contents .lead {
        font-size: 13px;
    }
	
    .credit_box {
        font-size: 12px;
    }	
	
    .credit_box .item_name {
        font-size: 16px;
    }	
	
    .img_wrap {
        width: 90%;
		margin: 10% auto;
    }	
	
    .ap_inner {
        padding: 10% 0 5%;
    }	
	
	.btn_01 a{
        width: 30%;

    }
}