@charset "utf-8";



/*■■■■■■*/

th,
td{
font-size: 100%;
}
.img-w100 img{
width: 100%;
}

/*　－－－－－－－－　リンク集　－－－－－－－－　*/


.photo{
margin: 0;}
.text-center th{
background: black;
color: white;
font-size: 150%;}

/*.inside p:nth-child(2){
color: black;
font-size: 150%;}*/
.inside img{
width: 100%;}

.main table{
margin-top: 80px;}
td{
padding: 0 0 40px 0;}

@media screen and (min-width:480px){
.inside{
width: 25%;}

}




/*　－－－－－－　サブタイトル　－－－－－－　*/


nav span{
margin: 0 4px 0 0;
border-radius: 0;
}

.link-subtitle{
overflow: hidden;
padding: 20px 4px 20px 64px;
}
.link-subtitle span{
padding: 20px 0;
}

.link-subtitle span{
position: absolute;
left: 0;
top: 0;
background: navy;
width: 48px;
height: 100%;
text-align: center;
font-size: 12px;
color: white;
font-weight: bold;
}


@media screen and (min-width:768px){
a.link-subtitle{
padding: 10px 4px 10px 64px;
}
.link-subtitle span{
padding: 10px 0;
}
	}

.link-subtitle b{
color: black;
float: right;
}


/*　－－－－－－－－　リンク集　－－－－－－－－　*/


.link-box img{
Opacity: 0.8;
}
.photo{
margin-right: 0;}

.link-caption{
background-color: #F2F2F2;/*#F2F2F2*/
display: table-cell;
padding: 5px 8px 5px 8px;
/*border-bottom: 2px solid #444444;
border-right: 2px solid #444444;*/}

@media screen and (max-width:479px){
.link-caption{
box-sizing: border-box;
width: 100%;
display: block;
}
	}




/* ■■■■■■ リンクバー */

.link_bar{
list-style-type: none;
margin: 0 0 1em 0;
}
.link_bar p{
margin: 0;
line-height: 1.5em;
}

.link_bar a,
.link_bar .dead{
position: relative;
width: 100%;
margin-bottom: 0.5em;
display: inline-block;
text-decoration: none;
font-weight: bold;
padding: 2.25em 24px 0.25em 0.25em;
border-radius: 10px;
overflow: hidden;
}

.link_bar p:first-child{
width: 100%;
font-weight: bold;
color: white;
background: navy;
position: absolute;
left: 0;
top: 0;
padding: 0.25em;
}
.link_bar p:nth-child(2){
text-decoration: underline;
}
.link_bar p:nth-child(3){
color: black;
}

.annotation{
font-weight: normal;
font-size: 75%;
line-height: 1.25em;
color: black;
}




/* ■■■■■■ リンクバー・カラー */

.in a{
background: #9999DD;
background: -webkit-linear-gradient(top, #DDDDFF, #9999DD);
background: linear-gradient(to bottom, #DDDDFF, #9999DD);
}
.out a{
background: #DD9999;
background: -webkit-linear-gradient(top, #FFDDDD, #DD9999);
background: linear-gradient(to bottom, #FFDDDD, #DD9999);
}

.sns a{
background: #99DD99;
background: -webkit-linear-gradient(top, #DDFFDD, #99DD99);
background: linear-gradient(to bottom, #DDFFDD, #99DD99);
}
.dead{
background: #999999;
background: -webkit-linear-gradient(top, #CCCCCC, #999999);
background: linear-gradient(to bottom, #CCCCCC, #666666);
}

.link_bar a:hover{
color: black;
background: #FF9900;
background: -webkit-linear-gradient(top, #FFCC00, #DD9900);
background: linear-gradient(to bottom, #FFCC00, #DD9900);
}


.link_bar a:after{/*リンク矢印アイコン*/
position: absolute;
top: 50%;
right: 8px;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 3px solid navy;
border-right: 3px solid navy;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}




/* ■■■■■■ リンクバー・サブタイトル */

.out p:first-child{
background: #800000;
}
.sns p:first-child{
background: #008000;
}
.dead p:first-child{
color: gray;
background: #000000;
}
.link_bar b{
display: inline-block;
position: relative;
}

@media screen and (min-width:568px){
.link_bar a,
.link_bar .dead{
padding: 0.25em 24px 0.25em 7em;
}
.link_bar p:first-child{
width: 6em;
height: 100%;
text-align: center;
}
.link_bar b{
width: 100%;
}
	}


/* ■■■■■■ リンクバー・ラベル */

.link_bar span{
margin: 0 0 0 0.5em;
}