@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}


main {
    padding: 2em 5% 0 !important;
}

main > nav:nth-of-type(1) + p,
main > nav:nth-of-type(1) + p + p {
    text-align: center;
}

#logo_y,#logo_k{
	display:block;
	margin:auto;
}

#logo_y + p,
#logo_k + p{
	text-align:center;	
}

.img_top{
    margin: 0 auto 5em !important;
    float: none !important;
}

.youjinoshiro_photo{
	overflow:hidden;
	width:30%;
	float:left;
	position:relative;
	clear: both;
	margin:0 0 3em;
}

.youjinoshiro_photo > img{
	margin:auto;
	display:block;
}

.youjinoshiro_photo a:last-child {
    color: #333;
    position: relative;
    float: right;
    font-size: .8em;
    margin-top: 1em;
}

.youjinoshiro_photo a:last-child::before {
    content: "▲";
    margin-right: .5em;
}

article > h3{
	text-shadow:none;
	color:#555f;
	width:100%;
	text-align:center;
	margin: 0 0 3em;
}

article > h3 > span{
	display:inline;
	font-size:85%;
}


.youjinoshiro_item{
	overflow:hidden;
	width: 68%;
    float: left;
	margin:0 0 10em 2%;
}

.youjinoshiro_item > div{
	overflow:hidden;
	width:25%;
	float:left;
	margin:0 0 3em;
}

.youjinoshiro_item > div > a{
	display:block;
	overflow:hidden;
}

.youjinoshiro_item > div > a > img:nth-of-type(1){
	display:block;
	margin:0 auto 2em;
}

.youjinoshiro_item > div > a > img:nth-of-type(2){
	display:block;
	margin:auto;
}

.youjinoshiro_item > div > p:nth-of-type(1){
	text-align:center;
	margin:0;
}

.youjinoshiro_item > div > p:nth-of-type(2){
	text-align:center;
	margin:0 0 .5em;
}

article + aside{
	clear:both !important;
}

}

@media screen and (max-width: 1320px) {
	
main {
	padding: 1.5em 2% 0 !important;
}
	
}

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

.youjinoshiro_item > div{
	width:33%;
}

}

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

main > nav:nth-of-type(1) + p,
main > nav:nth-of-type(1) + p + p {
    text-align:left;
}

}

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

.youjinoshiro_photo{
	margin:0 0 5em;
}

.youjinoshiro_item{
	margin:0 0 10em;
}

.youjinoshiro_photo,
.youjinoshiro_item{
	width:100%;
}

}

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

.youjinoshiro_item > div{
	width:48%;
}

.youjinoshiro_item > div:nth-of-type(even){
	margin:0 0 3em 1%;
}

.youjinoshiro_item > div:nth-of-type(odd){
	margin:0 1% 3em 0;
	clear: both;
}

}

@media screen and (max-width:540px){
	
#logo_k + p{
	text-align:left;	
}

}