@charset "UTF-8";

/**/
h2.haru{
	background-color:rgba(255,146,218,1) !important;
}
h2.natsu{
	background-color:rgba(97,196,155,1) !important;
}
h2.aki{
	background-color:rgba(236,130,78,1) !important;
}
h2.fuyu{
	background-color:rgba(181,83,277,1) !important;
}

ul.thumb{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
ul.thumb li{
	padding:0;
	margin:1%;
	width:23%;
}
@media screen and (max-width: 768px) and (orientation: portrait){
	ul.thumb li{
		width:31%;
	}
}

ul.thumb img{
	transition:.1s all;
}
ul.thumb a{
}
ul.thumb a:hover img{
	transform: rotate(5deg);
}

dl.shun{
}
dl.shun div{
	margin:0 0 30px;
}
dl.shun dt{
	font-weight:bold;
	font-size:1.25em;
	position:relative;
	z-index:2;
	background-color:rgba(240,240,240,1);
	border-radius:50px;
	padding:0.25em 1em;
}
dl.shun dd{
	margin:0;
	position:relative;
}
dl.shun dd.img{
	padding:20px;
	margin-bottom:20px;

}
dl.shun dd.img img{
	transition:.3s all;
	width:450px;
	margin:auto;
	display:block;
	z-index:0;
}
dl.shun dd.img img:hover{
	transform:scale(1.2);
}
dl.shun dd ul{
	margin:0;
	padding-left:1em;
}

dl.shun dd ul li{
	margin-bottom:1em;
}

dl.shun dd ul {
	padding:0.5em;
	list-style-type:none;
}
dl.shun dd ul li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
dl.shun dd ul li:after,
dl.shun dd ul li:before {
	position:absolute;
	content:'';
	display:block;
	background:  rgba(2,115,227,1);
	top: 0.43em;
	left: 0.5em;
	height: 15px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
dl.shun dd ul li:before {
	top: 0.6em;
	left: 0.1em;
	height:12px;
	transform:rotate(-45deg);
}

/*やじるし*/
.ya {
	position:relative;
	padding:5px 5px 3px 25px;
	display:inline-block;
	background-color:rgba(255,240,0,.1);
	border-radius:10px;
	margin-bottom:5px;
}
.ya::before,
.ya::after {
	position: absolute;
	content: '';
	display: inline-block;
}
.ya::after {
	top: 1em;
	left: 5px;
	width: 9px;
	height: 9px;
	border-radius: 25%;
	border-right: 3px solid rgba(255,162,0,1);
	border-bottom: 3px solid rgba(255,162,0,1);
	transform: rotate(-45deg);
}
.ya::before {
	top: 1.25em;
	left: 5px;
	width: 10px;
	height: 3px;
	background-color: rgba(255,162,0,1);
	border-radius: 25%;
}

/* スマホ縦 
--------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) and (orientation: portrait){
}
/* タブレット縦 
--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) and (orientation: portrait){
}

/* PC・タブレット横
--------------------------------------------------------------------------------*/
@media  screen and (min-width: 769px) {
/*dl.shun{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
dl.shun div{
	width:100%;
	margin:1% 0;
}*/
}