/*
Theme Name: type1
Description: inu-design
Author: inu-design
Version: 1.0
*/

/*いぬやど限定会員特典一覧*/
.gift-bk.under {
	background: #f6f6f6;
	padding: 150px 0 100px;
}
.sp-item {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.sp-item.sp-under .post {
	width: 23%;
}
.gift-box .post {
	margin: 10px;
	width: 296px;
}


/*Smartphone*/
@media screen and (max-width: 767px) {
	.gift-bk.under {
		padding: 120px 0 60px;
	}
	.sp-item {
	justify-content: space-between;
}
	.c_slider {
		width: 96%;
		margin: 0 auto;
	}
	.gift-box h3 {
		padding: 5px 5px;
	}
	.gift-box .post {
	margin: 10px;
	width: 100%;
}
	.gift-box .thum img {
		height: 200px;
		object-fit: cover;
	}
	.sp-item.sp-under.sc_list {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	.sp-item.sp-under .post {
		min-width: 280px;
	}
}



/*各エリア一覧*/
/*注目エリア*/
.under_area {
	padding: 150px 0 100px;
}
.under_area .sp-item.sp-under {
	width: 96%;
    margin: 0 auto;
}
.under_area .f_thum {
	display: flex;
	flex-wrap: wrap;
	width: 16%;
	box-shadow: 3px 2px 8px #ddd;
	margin: 3px;
}
.under_area .f_box {
    width: 100%;
}
.under_area .f_box .f_area {
	font-weight: bold;
	text-align: center;
	padding: 8px;
}
/*Smartphone*/
@media screen and (max-width: 767px) {
	.under_area .f_thum {
		width: 32%;
		margin: 0 0 10px 0;
	}
	.under_area .f_box .f_area {
	font-size: 14px;
		position: static;
		padding: 3px;
}
}
/*一覧　右へスクロール*/
.post-box.sc_list {
	flex-wrap: nowrap;
    overflow-x: scroll;
    display: flex;
}
.post-box.sc_list .post {
	width: 100%;
    overflow: unset;
    max-width: 360px;
    min-width: 290px;
    margin-right: 15px;
}
/*Smartphone*/
@media screen and (max-width: 767px) {
	.post-box.sc_list .post {
		min-width: 160px;
	}
}



/*いぬやどアンバサダー　シングルページ*/
.content-box .inuyado_amb {
	width: 380px;
    justify-content: space-between;
    margin-bottom: 45px;
}

.content-box .inuyado_amb .amb_icon {
	width: 135px;
	height: 135px;
}

.content-box .inuyado_amb .amb_name {
	vertical-align: middle;
}

.content-box .inuyado_amb .amb_icon img {
	width: 100%;
	border-radius: 67px;
}

.content-box .inuyado_amb .instaicon_area {
	position: relative;
	    margin-left: 40px;
}
.content-box .inuyado_amb .instaicon_area img.instaicon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -4px;
    left: -45px;
}
.content-box .repoarea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.content-box .repoarea li {
	width: 32%;
}
.content-box .repoarea li img {
	width: 100%;
}
.content-box .repoarea li h4 {
	margin: 12px;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
.content-box .inuyado_amb {
	width: 96%;
	margin: 0 auto 45px;
}
.content-box .repoarea li {
	width: 47%;
}
}