@charset "utf-8";
/* CSS Document */
#viewer {
margin: -10px auto 0;
position: relative;
overflow: hidden;
}
#viewer ul li {
top: 0;
left: 0;
position: absolute;
}
#viewer ul li img {
width: 100%;
height:auto;
}
#maincopy{
text-align:center;
padding:2em;
}
#maincopy dt {
padding-bottom:0.7em;
font-size:130%;
}

.imp{color:#F00;}

.cate-top-icon {
    width: 100;
    position: absolute;
    left: 17px;
}

.blog {
    float:right;
    padding: 3px 5px;
    background-color: #009fe8;
    font-size: 0.7rem;
    color:#fff;
}
.group {
    float:right;
    padding: 3px 5px;
    background-color: #009fe8;
    font-size: 0.7rem;
    color:#fff;
}

.event {
    float:right;
    padding: 3px 5px;
    background-color: #bdaa00;
    font-size: 0.7rem;
    color:#fff;
}

.flesh {
    float:right;
    padding: 3px 5px;
    background-color: #00ce49;
    font-size: 0.7rem;
    color:#fff;
}

.approval {
    float:right;
    padding: 3px 5px;
    background-color: #7529f0;
    font-size: 0.7rem;
    color:#fff;
}

.alpha {
    float:right;
    padding: 3px 5px;
    background-color: #ac0042;
    font-size: 0.7rem;
    color:#fff;
}

.shodo {
    float:right;
    padding: 3px 5px;
    background-color: #00ac78;
    font-size: 0.7rem;
    color:#fff;
}
#link a{
color:#333;	
}
#link a:hover{
color:#ff66cb;
}
#link h3{
padding-bottom:1em;	
}
#link h3+ul li{
display:inline-block;
padding-bottom:1em;	
}
#link h3+ul li:nth-of-type(1){
padding-right:2em;
}

@media (max-width: 640px) {
#viewer2{
display:inline;
margin: 0 auto 0;
position: relative;
overflow: hidden;
}
#viewer2 ul li {
top: 0;
left: 0;
position: absolute;
}
#viewer2 ul li img {
width: 100%;
height:auto;
}

#maincopy{padding:1em;}
#maincopy dt{font-size:110%;}
#maincopy dt img{width:200px;}
#maincopy dd{
text-align:justify;
font-size:85%;
}
#maincopy dd br{display:none;}
#link h3+ul li:nth-of-type(1){
padding-right:0;
}
#link h3+ul li img{
width:100px;
height:auto;
}
}
@media (max-width: 480px) {
#maincopy dt{font-size:100%;}
#maincopy dt img{
width:150px;
vertical-align:top;
}
}
#info{padding:2em 2em 1.5em;}
#info h2,
#lineup h2,
#blog h2{
text-align:center;
padding-bottom:1em;
}
#info ul{text-align:center;}
#info li{
border-top:2px dashed #FF0;
padding:1.5em 1em;
}
#info li a{color:#000;}
#info li a:hover{color:#00a000;}
#info li:last-of-type {padding:1.5em 1em 0;}
#info li span:after {content:"　";}
#info li br{display:none;}
#info li span{
color:#00a000;
font-size:90%;
}
@media (max-width: 640px) {
#info li {font-size:90%;}
#info li br{display:inline;}
}
@media (max-width: 350px) {
#info h2 img,
#lineup h2 img,
#blog h2 img{
width:100%;
height:auto;
}
}
#lineup{padding:2em;}
#lineup div dl{text-align:center;}
#lineup div dt{padding-bottom:0.5em;}
#lineup div dt img{
width:20%;
height:auto;
max-width:258px;
min-width:150px;
}
#lineup div dt a:hover img{opacity:0.7;}
#lineup dd{font-size:90%;}
#lineup dd img{
height:auto;
margin-top:10px;
border-radius:15px;
}
#lineup dd span{font-size:150%;}
#lineup p{
text-align:center;
padding-bottom:1.5em;
}
#sports{padding-bottom:4em;}
#sports dd:nth-of-type(2) a{
font-size:110%;
color:#fff;
display:inline-block;
background:#e73828;
margin-top:1em;
padding:0.7em 1em;
border-radius:10px;
}
#sports dd:nth-of-type(2) a:hover{background:#00a000;}
#lineup #sports dd:nth-of-type(2) span{font-size:110%;color:#FF0;}
#lineup_list{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
max-width:1000px;
margin:auto;
}
#lineup  #lineup_list div img{width:200px;}
@media (max-width: 1000px) {
#lineup  #lineup_list div img{
min-width:160px;
width:160px;
}
}
@media (max-width: 640px) {
#lineup{padding:1em;}
#lineup p{
text-align:justify;
font-size:90%;
}
#lineup p br{display:none;}
#lineup dd{font-size:80%;}
#lineup  #lineup_list div img{
min-width:140px;
width:140px;
}
}
@media (max-width: 500px) {
#sports{padding-bottom:2em;}
#lineup_list{display:block;}
#lineup_list div{margin-bottom:2em;}
}
#blog{padding:2em;}
#blog ul{
text-align:center;
font-size:90%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
max-width:1000px;
margin:auto;
}
#blog li{
margin-bottom:10px;
position: relative;
}
@media (min-width: 641px) {
#blog li{
margin-bottom:10px;
width: 33.3%;
}}
#blog li img {
width: 90%;
height: 200px;
margin-bottom: 5px;
object-fit: cover;
}
#blog li a:hover img{opacity:0.7;}
#blog li a{color:#000;}
#blog li a:hover{color:#00a000;}
#blog li span{font-size:80%;font-weight:normal;}
@media (max-width: 640px) {#blog ul{display:block;}}



/* FUKUSHINKAI GROUP*/
#container {
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 5px;
	font-size:0.8em;
	white-space: nowrap;
	margin:30px 0;
}

#container div {
	width: calc(25% - 22px); /* gap padding分を引く */
	padding: 10px;
}

@media screen and (max-width: 900px) {
	#container div {
	width: calc(33% - 22px); /* gap padding分を引く */
	padding: 10px;
}
}
@media screen and (max-width: 800px) {
	#container div {
	width: calc(30%); /* gap padding分を引く */
	padding: 10px;
}
}


@media (max-width: 600px) {
	#container div {
	width: calc(50% - 10px); /* gap padding分を引く */
	padding: 10px;
	margin-rightt:10px;
}
}
@media (max-width: 400px) {
	#container div {
	width: calc(100% - 10px); /* gap padding分を引く */
	padding: 10px;
	margin-rightt:10px;
}
}