틀:1939fra/styles.css

.fra1-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra1-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra1-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra1-content-trigger:hover ~ .fra1-content {
	display: block;
	opacity: 0.9;
}

.fra2-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra2-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra2-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra2-content-trigger:hover ~ .fra2-content {
	display: block;
	opacity: 0.9;
}

.fra3-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra3-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra3-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra3-content-trigger:hover ~ .fra3-content {
	display: block;
	opacity: 0.9;
}

.fra4-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra4-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra4-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra4-content-trigger:hover ~ .fra4-content {
	display: block;
	opacity: 0.9;
}

.fra5-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra5-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra5-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra5-content-trigger:hover ~ .fra5-content {
	display: block;
	opacity: 0.9;
}

.fra6-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra6-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra6-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra6-content-trigger:hover ~ .fra6-content {
	display: block;
	opacity: 0.9;
}

.fra7-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra7-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra7-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra7-content-trigger:hover ~ .fra7-content {
	display: block;
	opacity: 0.9;
}

.fra8-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra8-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra8-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra8-content-trigger:hover ~ .fra8-content {
	display: block;
	opacity: 0.9;
}

.fra9-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra9-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra9-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra9-content-trigger:hover ~ .fra9-content {
	display: block;
	opacity: 0.9;
}

.fra10-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra10-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra10-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra10-content-trigger:hover ~ .fra10-content {
	display: block;
	opacity: 0.9;
}

.fra11-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra11-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra11-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra11-content-trigger:hover ~ .fra11-content {
	display: block;
	opacity: 0.9;
}

.fra12-content-trigger {
	cursor: pointer;
    box-shadow:2px 1px 2px 1px rgba(0,0,0,0.4);
    transition: box-shadow 1s;
}
.fra12-content {
	display: none;
	opacity: 0;
    transition: opacity 1s 1s;
}
.fra12-content-trigger:hover {
	box-shadow:0px 0px 2px 2px rgba(154, 162, 166,0.5);
}
.fra12-content-trigger:hover ~ .fra12-content {
	display: block;
	opacity: 0.9;
}