#container{
width:100%;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
}

html {overflow: auto;}
img{
margin : 0;
padding : 0;
border: none;
}


/* 非表示項目 */
@media print, screen and (min-width:961px) {
.menu_sp,#cr_sp {display : none;}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.menu_link,#cr,#topicpath {display : none;}
}
@media screen and (max-width: 640px) {
.menu_link,#cr,#topicpath {display : none;}
}


/* パンクズ*/
#topicpath{
margin : 0;
padding : 0;
text-align: center;
background:#c9edf6;
min-width: 1024px;
color:#3985a1;
}
#topicpath p{
margin : 0 auto;
padding : 5px 0;
width :930px;
font-size : 12px;
line-height : 14px;
text-align: left;
}
#topicpath a{
color:#3985a1;
}



/* タイトル */

#title{
padding : 0 0 0 0;
text-align: left;
overflow: hidden;
}


#title li{
float: left;
list-style: none;
display: inline-block;
}
#title li a{
display: block;
padding : 5px;
margin : 5px;
background:#32a6d1;
color: #ffffff;
text-decoration: none;
-webkit-border-radius: 4px;
border-radius: 4px;
font-weight: bold;
text-align: center;
}
#title li a:hover{
background:#fddc00;
color:#542f00;
}

@media print, screen and (min-width:961px) {
#title{
margin : 20px auto 0 auto;
width :980px;
}
#title p{
float: left;
margin : 0;
padding : 5px 0 0 15px;
}
#title ul{
float: right;
margin : 0;
padding : 0 10px 0 0;
overflow: hidden;
}
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
#title p{
margin : 0;
padding : 10px;
}
#title li{
font-size: 15px;
width :25%;
}
}
@media screen and (max-width:960px) {
#title ul{
margin : 0 10px;
padding : 0;
overflow: hidden;
}
}
@media screen and (max-width:640px) {
#title p{
margin : 0;
padding : 10px;
}
#title p img{
width :100%;
}
#title li{
font-size: 15px;
width :50%;
}
}


/* アカウント一覧 */
#content{
margin : 10px auto 0 auto;
padding : 0;
overflow: hidden;
clear:both;
max-width :980px;
}

#content h3{
padding : 3px 10px;
background:#32a6d1;
color: #ffffff;
font-size: 15px;
font-weight: bold;
clear:both;
text-align: left;
}

#content ul{
margin : 0;
padding : 0 0 10px 0;
box-sizing: border-box;
display: flex;
flex-wrap :wrap;
justify-content: flex-start;
}

#content li{
background-color: #fff;
padding: 10px;
list-style: none;
display: inline-block;
}

.ie7 #content li{
width: 293px;
}

@media print, screen and (min-width:961px) {
#content h3{
margin : 5px 5px 10px 5px;
border-radius: 3px;
}

#content li{
border: #d0d0d0 1px solid;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
max-width: calc(33.3333% - 10px);
margin: 0 5px 10px 5px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#content li{
border: #d0d0d0 1px solid;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
max-width: calc(50% - 10px);
margin: 0 5px 10px 5px;
}
}

@media screen and (max-width:640px) {
#content h3{
margin : 5px 0;
}

#content li{
border-bottom: #d0d0d0 1px dashed;
box-sizing: border-box;
width: 100%;
}
}

/* 枠内 */
.iconbox{
width: 74px;
margin-right: 10px;
float: left;
}
.iconbox img{
width :100%;
 -ms-interpolation-mode: bicubic;
}

.iconbox a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}

.rightarea{
display: block;
margin-left: 86px;
text-align: left;
min-height: 74px;
letter-spacing:-0.1px;
}

.snstitle{
margin : 0;
padding : 0;
display: block;
font-style: normal;
color: #006fa8;
font-size: 12px;
font-weight: bold;
}
.snstitle a{
color: #006fa8;
text-decoration: none;
}
.snstitle a:hover {
color: #e95283;
}

.snsnaiyou{
margin : 0;
padding : 0;
color: #333333;
font-size: 12px;
font-weight: normal;
display: block;
min-height: 20px;
}
.snsicon{
margin : 0;
padding : 0;
display:block;
}
.snsicon img{
margin:0;
padding : 0;
width :30px;
}
.snsicon a{
margin : 0;
padding : 0;
}
.snsicon a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter:"alpha( opacity=70 )";
}


/* コピーライト */
#cr{
padding : 8px 0;
font-size : 11px;
line-height : 130%;
clear:both;
text-align: center;
}