body {
    margin: 0 auto;
    background-color: #f4f4f4;
    -webkit-text-size-adjust: 100%;
}

header {
    width: 100%;
    background-color: #f4f4f4;
    height: 60px;
}

footer {
    width: 100%;
    background-color: #f4f4f4;
    height: 100px;
}

aside#top_banner {
    width: 100%;
    background-color: #f4f4f4;
    height: 100px;
}

div#side_banner {
    height: 60px;
}

div.start_button {
 float: left;
}

aside#bottom_banner {
    width: 100%;
    background-color: #f4f4f4;
    height: 100px;
}

div.sns_button {
 float: left;
}

/* 記事下ソーシャルボタン 下部の余白 */
.sns-tag-cloud-under {
   margin: 0px 0 30px 0;
}

/* SNSシェアボタン */
.sns-tag-cloud {
   padding-inline-start: 0px;
font-size: 12px;
font-weight: bold;
}

.sns-tag-cloud-under {
   padding-inline-start: 0px;
font-size: 12px;
font-weight: bold;
text-align:center;
}

a.sns-tag-cloud-facebook {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #4064AC;
border: 1.5px solid;
border-color: #4064AC;
border-radius: 3px;
}
a.sns-tag-cloud-facebook:hover {
background: #4064AC; 
color: #fff; 
}

a.sns-tag-cloud-twitter {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #1DA1F2;
border: 1.5px solid;
border-color: #1DA1F2;
border-radius: 3px;
}
a.sns-tag-cloud-twitter:hover {
background: #1DA1F2; 
color: #fff; 
}

a.sns-tag-cloud-linkedin {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #0a66c2;
border: 1.5px solid;
border-color: #0a66c2;
border-radius: 3px;
}
a.sns-tag-cloud-linkedin:hover {
background: #0a66c2; 
color: #fff; 
}

a.sns-tag-cloud-line {
	display: inline-block;
padding: 10px;
margin:3px;
	line-height: 1;
	text-decoration: none;
	color: #06C755;
border: 1.5px solid;
border-color: #06C755;
border-radius: 3px;
}
a.sns-tag-cloud-line:hover {
background: #06C755; 
color: #fff; 
}

p {
line-height: 1.7; /* 行の高さを指定する */
margin: 0 0 0 0px;
}

//a:link {color: #101010;}
//a:visited {color: #101010;}
//a:active {color: #101010;}

/* ここまではPCとスマートフォンで共通の設定 */

/* ここからレスポンシブの設定 */
@media screen and (min-width: 641px){ /* PC用 */

    /* PC用固有の設定をここに移動 */
    body {
        min-width: 900px;
    }

    .flexbox-container {
        display: flex;
    }

    aside#left_banner {
        width: 100px;
        min-width: 100px;
        margin: auto;
        background-color: #f4f4f4;
        height: 400px;
    }

    main {
        width: 100%;
        min-width: 600px;
        max-width: 900px;
        margin: 0 0 0 10px;
        background-color: #f4f4f4;
        /*height: 400px;*/
        height: auto;
    }

    aside#side_menu {
        width: 300px;
        min-width: 300px;
        margin: 0px auto;
        background-color: #f4f4f4;
        /*height: 400px;*/
        height: auto;
    }

    .adjtxt {
        font-size: 19px;
    }

}

@media screen and (max-width: 640px){ /* スマートフォン用 */

    /* スマートフォン用固有の設定をここに記述 */
    aside#left_banner {
        display:none;
    }

    main {
        margin: 0 0 0 10px;
        background-color: #f4f4f4;
        /*height: 400px;*/
	width:600px;
        height: auto;
    }

    aside#side_menu {
        background-color: #f4f4f4;
        /*height: 400px;*/
	width:600px;
        height: auto;
    }

    footer {
        background-color: #f4f4f4;
	width:600px;
        height: 100px;
    }

    .adjtxt {
        font-size: 22px;
    }

}