#info { padding: 30px 0 50px 0; color: rgba(120, 180, 255, 1);}

#listsp { box-sizing: border-box; width: 100%; max-width: 1376px; margin: 0 auto; background: rgba(246, 247, 250, 1); padding: .3em 0 1em 0;}
#listsp:before, #listsp:after { content: ""; display: table;}
#listsp:after { clear: both;}
#listsp::after { content: ""; display: block; clear: both;}
.newset { box-sizing: border-box; width: 48%; margin: .3em 0 .25em 1.4%; float: left; border: 1px solid rgba(246, 247, 250, 1); background: rgba(255, 255, 255, 1); max-width: 320px; box-shadow: 0 2px 3px rgba(59, 63, 74, .05); -webkit-box-shadow: 0 2px 3px rgba(59, 63, 74, .05); -moz-box-shadow: 0 2px 3px rgba(59, 63, 74, .05); font-size: 86%;}
.date_sp { width: 100%; height: 0; padding-top: 100%; position: relative; overflow: hidden; z-index: 0;}
.date_sp .img_all { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 10;}
.date_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1000;}
.date_sp a:hover { background: rgba(255, 255, 255, .2);}
.date_sp .img_space { width: 98%; margin: .1em auto; background-color: rgba(160, 200, 250, 0); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center top;}
.date_sp .img_space img { width: 100%; height: 0; padding-top: 72%;}
/*category_color*/
.blog { border: 1px solid rgba(255, 170, 30, 0); color: rgba(255, 170, 30, 1);} /*orange*/
.gallery { border: 1px solid rgba(255, 55, 110, 0); color: rgba(255, 145, 160, 1);} /*pink*/
.alounge { border: 1px solid rgba(50, 200, 60, 0); color: rgba(50, 200, 60, 1);} /*green*/
.school { border: 1px solid rgba(120, 180, 255, 0); color: rgba(120, 180, 255, 1);} /*blue*/
/*text_space*/
/*.date_sp .title_space { padding: .5em; text-align: left; font-size: 90%; color: rgba(0, 0, 0, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.date_sp .title_space { padding: .2em .3em .5em .5em; text-align: left; font-size: 90%; color: rgba(0, 0, 0, 1); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 120%;}
.date_sp .name_space { padding: .3em .2em .2em .3em; text-align: right; font-size: 94%; font-weight: bold; letter-spacing: .05em; position: absolute; bottom: 0; right: 0;}
/*menu*/
#anatsu_menu { box-sizing: border-box; width: 100%; padding: .45em 0; margin: 0 auto 1em auto; background: rgba(246, 247, 250, 1);}
#anatsu_menu ul { max-width: 1400px; margin: 0 auto;}
#anatsu_menu ul:before, #anatsu_menu ul:after { content: ""; display: table;}
#anatsu_menu ul:after { clear: both;}
#anatsu_menu ul::after { content: ""; display: block; clear: both;}
#anatsu_menu li { width: 32%; float: left; margin-left: 1%; text-align: center; line-height: 120%; font-weight: bold; letter-spacing: .1em;}
#anatsu_menu li { width: 48.5%; float: left; margin-left: 1%; text-align: center; line-height: 120%; font-weight: bold; letter-spacing: .1em;}
#anatsu_menu li:nth-of-type(1), #anatsu_menu li:nth-of-type(2) { margin-bottom: 4px;}
#anatsu_menu li .mn_sub { font-size: 75%; display: block; font-weight: lighter; letter-spacing: 0;}
#anatsu_menu li a { box-sizing: border-box; width: 100%; height: 100%; display: block; color: rgba(59, 63, 74, 1); background: rgba(255, 255, 255, 1); padding: .3em 0;}
#anatsu_menu li a:hover { background: rgba(255, 255, 255, .5);}

/*for_W640-*/
@media screen and (min-width: 640px) {
.newset { width: 31.5%;}
.date_sp .title_space { font-size: 94%;}
.date_sp .name_space { font-size: 98%;}
#anatsu_menu li { width: 23.7%;}
#anatsu_menu li:nth-of-type(1), #anatsu_menu li:nth-of-type(2) { margin-bottom: 0;}
}
/*for_W1000-*/
@media screen and (min-width: 1000px) {
.newset { width: 23.6%; margin: .3em 0 .25em 1.1%;}
.date_sp .title_space { padding: .5em; font-size: 100%;}
.date_sp .name_space { padding: .5em; font-size: 105%;}
}
/*for_W1360-*/
@media screen and (min-width: 1360px) {
.newset { width: 23.6%; margin: .6em 0 .6em 1.4%;}
.date_sp .title_space { padding: 1em; font-size: 110%;}
.date_sp .name_space { padding: 1em; font-size: 115%;}
}