body{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Meiryo, sans-serif;
margin: 0;
padding:0;
}


/* 非表示項目 */
/* pc */
@media screen and (min-width:961px) {
.sp_on {display : none;}
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.pc_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}


/* パンクズ */

#topicpath{
margin : 0 auto;
padding : 0;
}
#topicpath p{
margin : 0 auto;
max-width :1100px;
padding : .5rem 1rem;
font-size : .8rem;
line-height : 1rem;
text-align: left;
color:#666;
}
#topicpath a{
color:#666;
text-decoration: none;
}
#topicpath a:hover{
background-color : #ccc;
color : #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}




/* シェアボタン */
#share{
margin: 0 auto;
padding :0 0 5px 0;
overflow:hidden;
width: 200px;
height: 20px;
}

#share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#share ul:after {
overflow: hidden;
}

#share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}




/* header */

header{
padding-bottom: 25px;
    background-image: url(img/title_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    border-bottom: 1px solid #f3f3f3;
}


h1.title{
margin : 0 auto;
padding : 1rem 0;
text-align: center;
}

h1.title img{
max-width :400px;
width :80%;
margin-bottom : 10px;
}



/* 内容 */

#container{
max-width :1000px;
margin : 2rem auto;
padding: 1.5rem;
text-align: center;
}


.peoples-info {
margin : 0 auto 1rem auto;
padding: 1rem;
border: 1px dashed #aeaeae;
overflow:hidden;
text-align: center;
border-radius:8px;
color:#666;
}

.peoples-info h3{
margin : 0 auto;
padding: .5rem;
}

.peoples-info h3 span {
color:#00a0e9;
font-size: 1.2rem;
}

.peoples-info p{
text-align: left;
}

.peoples-info p a{
color:#58a5ed;
text-decoration: none;
margin : 0 3px;
padding : 0;
font-weight:bold;
}
.peoples-info p a:hover{
background-color : #58a5ed;
color : #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
}

#container h4{
margin: 0;
padding: .5rem 0;
font-weight:normal;
color:#333;
font-size: 1.15rem;
}

.peo-insta {
margin: 1rem auto;
padding-top: 1rem;
overflow: hidden;
clear:both;
}
.peo-insta p{
margin: 0;
padding: 0 1rem;
}

.widget_box {
display: block;
padding: 0;
text-align: left;
}
.widget_box p{
margin-bottom: .5rem;
}
.widget_box h4{
    font-size: 16px;
}

@media (min-width: 768px){
.widget_box {
margin: 0 1%;
width: 48%;
overflow: hidden;
float: left;}

}

.fb-page {
width:100% !important;
}


/* 協力 */
#st{
margin : 0 auto;
padding: 10px 0;
clear: both;
border-top: 1px dashed #aeaeae;
border-bottom: 1px dashed #aeaeae;
overflow:hidden;
color: #336699;
text-align: center;
}

#st a{
color: #336699;
text-decoration: none;
}

#st a:hover {
 background:#c2fdff;
}

/* 提供 */
#support{
margin : 0;
padding: 10px 0;
clear: both;
overflow:hidden;
text-align: center;
}

#support img{
margin : 10px;
padding: 0;
height: auto !important;
vertical-align: middle;
}


@media only screen and (max-width: 768px) {
#support img{
margin : 0.5%;
width: 8%;
}
}

/* footer */

footer {
width: 100%;
padding : 1.5rem 0 1rem 0;
text-align: center;
background-color : #eee;
}



#cr{
margin : 0;
padding : .5rem 1rem;
font-size : .75rem;
line-height : 1rem;
text-align: center;
}