@charset "utf-8";

.caution {
    color: red;
    font-weight: bold;
    margin:5px 0;
    line-height:120%;	
}

div#contents{
    max-width:1280px;
	width: 100%;
    margin : 0px auto;
    padding : 20px 0;
    background : #ffffff;
	text-align: left;
}

div#contents h1,
div#contents h2{
    width : 90%;
    margin : 0 auto;
    font-size : 135%;
    font-weight : bold;
    border-bottom : 1px solid #454545;
}

div#contents h2{
    margin-top : 3em;
}

div#contents div{
    width : 90%;
    margin : 0 auto;
    margin-top : 2em;
}

#contents .link_text {
    clear: both; 
    margin-top: 50px;
}
#contents .link {
    width: 80%;
    font-size: 2em;
    font-weight: bold;
    margin: 20px auto;
    padding: 20px;
    text-align: center;
    color: #ffb853;
    border:7px double #ffb853;	
}

/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

    div#contents{
        width : 95%;
    }

    #contents .link_text {
        clear: both; 
        margin-top: 100px;
    }
    #contents .link {
        font-size: 1.1em;
    }


}
/* 640pixel end */

.share_sns {
    font-size: 1.5em;

}

/* シェアボタン */
#share {
    height: 30px;
}
#share ul{
    height:auto;
}
#share li{
    font-size:14px;
    float:left;
    text-align:center;
    width:84px;
    margin-right:1%;
    margin-bottom:8px;
    border-radius:3px;
    list-style:none;
}
#share li.share-twitter{
    background:#55acee;
    box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
    background:#83c3f3;
}
#share li.share-facebook{
    background:#3b5998;
    box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
    background:#4c70ba;
}
#share li.share-google{
    background:#dd4b39;
    box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
    background:#e47365;
}
#share li.share-hatena{
    background:#2c6ebd;
    box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
    background:#4888d4;
}
#share li.share-pocket{
    background:#f13d53;
    box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
    background:#f26f7f;
}
#share li.share-line{
    background:#00C300;
    box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
    background:#2bd92b;
}
#share a{
    display:block;
    height:27px;
    padding-top:6px;
    color:#ffffff;
    text-decoration:none;
}
#share a:hover{
    text-decoration:none;
    color:#ffffff;
}