@charset "UTF-8";

.contents_instagram {
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	margin: 0 auto;
	max-width: 102.4rem;
	font-size: 14px;
	line-height: 1.8;
	background: url(../static/instagram/bg.jpg) !important;
	overflow: hidden;
}
.contents_instagram img {
	width: 100%;
}

#instagram_main {
	width: 100%;
	margin-bottom: -19%;
}


#instagram_nav {
	max-width: 904px;
	overflow: hidden;
	margin: auto;
	z-index: 1;
	position: relative;
}
#instagram_nav>div {
	width: 23.5%;
	height: 59px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}
#instagram_nav>div:not(:last-child) {
	margin-right: 2%;
}

#instagram_nav>div>a {
	display: block;
	width: 100%;
	height: 100%;
}

#instagram_nav_island {
	background-image: url(../static/instagram/tab_island.png);
	background-color: #ffbc41;
}
#instagram_nav_island.on {
	background-image: url(../static/instagram/tab_island_on.png);
	background-color: #fff;
}

#instagram_nav_bridge {
	background-image: url(../static/instagram/tab_bridge.png);
	background-color: #f8782d;
}
#instagram_nav_bridge.on {
	background-image: url(../static/instagram/tab_bridge_on.png);
	background-color: #fff;
}

#instagram_nav_road {
	background-image: url(../static/instagram/tab_gourmet.png);
	background-color: #ff5b72;
}
#instagram_nav_road.on {
	background-image: url(../static/instagram/tab_gourmet_on.png);
	background-color: #fff;
}

#instagram_nav_gourmet {
	background-image: url(../static/instagram/tab_road.png);
	background-color: #d252bd;
}
#instagram_nav_gourmet.on {
	background-image: url(../static/instagram/tab_road_on.png);
	background-color: #fff;
}

#instagram_body {
	max-width: 904px;
	background-color: #fff;
	margin: auto;
	z-index: 1;
	position: relative;
	overflow: hidden;
	margin-bottom: 59px;
}

#instagram_body_content {
	margin: 60px 0 0;
}

#instagram_body_content h2 {
	margin: 0 60px 1em;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	padding: 1em 0;
}

#instagram_body_content.instagram_lead_island h2 {
	border-top: 5px solid #ffbc41;
	border-bottom: 5px solid #ffbc41;
	color: #ffbc41;
}
#instagram_body_content.instagram_lead_bridge h2 {
	border-top: 5px solid #f8782d;
	border-bottom: 5px solid #f8782d;
	color: #f8782d;
}
#instagram_body_content.instagram_lead_gourmet h2 {
	border-top: 5px solid #d252bd;
	border-bottom: 5px solid #d252bd;
	color: #d252bd;
}
#instagram_body_content.instagram_lead_road h2 {
	border-top: 5px solid #ff5b72;
	border-bottom: 5px solid #ff5b72;
	color: #ff5b72;
}
#instagram_body_content h3 {
	margin: 0 60px;
	font-size: 16px;
	margin-bottom: 5em;
}

.instagram_island,
.instagram_bridge,
.instagram_bridge,
.instagram_gourmet {
	overflow: hidden;
}
.instagram_island:not(:last-of-type),
.instagram_bridge:not(:last-of-type),
.instagram_road:not(:last-of-type),
.instagram_gourmet:not(:last-of-type) {
	border-bottom: 1px dashed #dfd0ca;
	margin-bottom: 80px;
}
.instagram_island:last-of-type,
.instagram_bridge:last-of-type,
.instagram_road:last-of-type,
.instagram_gourmet:last-of-type {
	margin-bottom: 25px;
}

.instagram_island_content,
.instagram_bridge_content,
.instagram_road_content,
.instagram_gourmet_content {
	overflow: hidden;
	margin: 0 60px;
}

.instagram_island_header,
.instagram_bridge_header,
.instagram_road_header,
.instagram_gourmet_header {
	margin-bottom: 1em;
	padding: 6px 0;
}
.instagram_island_header span,
.instagram_bridge_header span,
.instagram_road_header span,
.instagram_gourmet_header span {
	background-color: #ffbc41;
	padding: 6px 20px;
	color: #fff;
	font-size: 20px;
}
.instagram_island_header img,
.instagram_bridge_header img,
.instagram_road_header img,
.instagram_gourmet_header img {
	width: auto;
	margin-right: 10px;
	vertical-align: middle;
}

.instagram_header {
	font-size: 20px;
	font-weight:bold;
	color: #956250;
	margin-bottom: 0.3em;
}

.instagram_read {
	margin-bottom: 50px;
}


.instagram_spot {
	margin-bottom: 80px;
	overflow: hidden;
}
.instagram_spot:last-child{
    margin-bottom: 0;
}

.instagram_spot_header {
	margin-bottom: 25px;
	font-weight:bold;
	font-size: 30px;
	color: #956250;
	text-align: center;
}
.instagram_spot_header span {
	font-size: 20px;
}
.instagram_spot_subheader {
	font-weight:bold;
	font-size: 20px;
	color: #956250;
}
.instagram_photos {
	overflow: hidden;
	margin-bottom: 30px;
}
.instagram_photos_main {
	overflow: hidden;
	position: relative;
	width: 80%;
	float: right;
}
.instagram_photos_main>div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.instagram_photos_main>div:nth-child(1) {
	z-index: 2;
}
.instagram_photos_main>div:last-child {
	position: relative;
}

.instagram_photos_thumb {
	overflow: hidden;
	position: relative;
	width: 15%;
	float: left;
}
.instagram_photos_thumb>div {
	cursor: pointer;
}
.instagram_photos_thumb>div:not(:last-child) {
	margin-bottom: 44.5%;
}
.instagram_island_content .instagram_photos_thumb>div.on {
	box-shadow: 0 0 0 3px #ffbc41 inset;
}

.instagram_bridge_content .instagram_photos_thumb>div.on {
	box-shadow: 0 0 0 3px #f8782d inset;
}

.instagram_road_content .instagram_photos_thumb>div.on {
	box-shadow: 0 0 0 3px #ff5b72 inset;
}

.instagram_gourmet_content .instagram_photos_thumb>div.on {
	box-shadow: 0 0 0 3px #d252bd inset;
}

.instagram_photos_thumb>div>img {
	z-index: -1;
	position: relative;
}

.instagram_photos_read {
	margin-bottom: 30px;
}

.instagram_photos_detail {
	overflow: hidden;
	margin-bottom: 30px;
}

.instagram_photos_detail_data {
	float: left;
	width: 70%;
	font-size: 14px;
}
.instagram_photos_detail_data em {
	color: #9a6454;
	font-style: normal;
	font-weight: bold;
}
.instagram_photos_detail_btn {
	float: right;
	width: 30%;
	text-align: right;
	padding: 10px 0;
}

.instagram_photos_detail_btn>a {
	padding: 10px 50px;
	border-radius: 5px;
	background-color: #956250;
	color: #fff;
	display: inline;
}

.instagram_next_btn {
	text-align: center;
	padding: 20px 0;
}
.instagram_next_btn>a {
	padding: 20px 90px;
	border-radius: 5px;
	background-color: #956250;
	color: #fff;
	display: inline;
	font-size: 16px;
}
.instagram_next_btn img {
	width: auto;
	vertical-align: middle;
	margin-right: 5px;
}



@media only screen and (max-width: 767px) {

	#instagram_main {
		width: 100%;
		margin-bottom: 0%;
	}
	#instagram_nav {
		margin-top: -15%;
	}
	#instagram_nav>div {
		width: 100%;
		height: 50px;
		border-top: none;
		border-left: none;
		border-right: none;
		border-radius: 0;
		float: none;
	}

	#instagram_nav>div:not(:last-child) {
		margin-right: 0;
	}
	#instagram_body_content {
		margin: 40px 0 0;
	}
	.instagram_island_content,
	.instagram_bridge_content,
	.instagram_road_content,
	.instagram_gourmet_content {
		margin: 0 20px;
	}
	#instagram_body_content h2 {
		margin: 0 20px 1em;
		font-size: 18px;
		padding: 1em 0;
	}
	#instagram_body_content h3 {
		margin: 0 20px 4em;
		font-size: 14px;
	}
	.instagram_header {
		font-size: 18px;
	}

	.instagram_spot_header {
		font-size: 20px;
		line-height: 1.5;
	}

	.instagram_spot_header span {
		font-size: 16px !important;
	}


	.instagram_photos {
		margin-bottom: 20px;
	}

	.instagram_photos_main {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	.instagram_photos_thumb {
		width: 100%;
		float: none;
	}
	.instagram_photos_thumb>div {
		cursor: pointer;
		width: 23.5%;
		float: left;
	}
	.instagram_photos_thumb>div:not(:last-child) {
		margin-right: 2%;
		margin-bottom: 0;
	}
	.instagram_photos_thumb>div.on {
		box-shadow: 0 0 0 3px #ffbc41 inset;
	}

	.instagram_photos_thumb>div>img {
		z-index: -1;
		position: relative;
	}

	.instagram_photos_detail_data {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.instagram_photos_detail_btn {
		float: none;
		width: 100%;
	}
	.instagram_next_btn {
		margin:0 3%;
	}
	.instagram_next_btn>a {
		width: 100%;
		padding: 22px 10px;
		display: block;
		margin:0 auto;
	}
}