/* フォトギャラリー　タブ */
.photo-tab {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
} 
.photo-tab .tab-list {
	display: flex;
	flex-direction: column;
	margin-right: 3%;
    width: 12%;
}
.photo-tab .tab-list-item {
	text-align: center;
	cursor: pointer;
	background-color: #6c7d94;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	transition: .5s;
}
.photo-tab .tab-contents-wrap {
    width: 85%;
}
.photo-tab .tab-list-item:hover {
	opacity: 0.7;
}
.photo-tab .tab-list-item:not(:last-child) {
	margin-bottom: 1px;
}
.photo-tab .tab-contents {
	display: none;
}
.photo-tab .is-btn-active {
	background-color: #273f5f;
	font-weight: bold;
}
.photo-tab .is-contents-active {
	display: block;
}
.photo-tab button {
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
}
.photo-tab .date {
	font-size: 18px;
}	
@media print, screen and (max-width: 768px) {
	.photo-tab .tab-list-item {
		width: auto;
		font-size: 14px;
	}
    .photo-tab .tab-list-item:hover {
        opacity: 1;
    }
	.photo-tab .tab-list {
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
	}
	.photo-tab .date {
		font-size: 14px;
	}
    .photo-tab {
        display: block;
    }
    .photo-tab .tab-list-item:not(:first-child) {
        margin-bottom: 0;
        margin-right: 1px;
    }
    .photo-tab .tab-list-item:not(:last-child) {
        margin-bottom: 0;
    }
    .photo-tab .tab-contents-wrap {
        width: 100%;
    }
}