@charset "utf-8";
/* CSS Document */

/*メインのテンプレみたいの*/
main{
font-size: 2.2em;
max-width: 1000px;
width: 98%;
margin-right: auto;
margin-left: auto;
}

main img{
margin-left: auto;
margin-right: auto;
max-width: 100%;
height:auto;
}
/*-------------------*/

/*おそらくテンプレ(スマホの文字)*/
@media screen and (max-width: 1000px) {
main{font-size: 2vmax;}}
@media screen and (max-width: 800px){
main{font-size: 17px;}}
/*------------*/


/*タイトル画像-------------*/
.title-img{max-width: 100%;}
/*-----------------------*/

/*----制作中の記事を非表示

.display-none6{display: none;}

.home-back a{
text-decoration: none;
color: #FFFFFF;
font-weight: 700;
padding: 1em 4em;
border-radius: 1em;}--*/

/*-----------------------*/

.home-back{
margin: -30% 20% 30% 15%;
display: inline-block;
text-align:center;
vertical-align: middle;
padding: 1em 0em;
border-radius: 1em;
background-color: #999999;}

.home-back a:hover{
color:#B5B5B5;
background: #000000;}


/*-----------------------*/



/*記事事のCSS↓ここに記載*/
main table{
margin-left: auto;
margin-right: auto;
max-width: 700px;
margin-top: 1.7em;}

.souhyou0101{
margin-top: 5em;
margin-bottom: -1.5em;}

@media screen and (max-width: 1000px) {
main table{max-width: 80%;}
}

/*クリックで表示するやつ
input[type="checkbox"]:checked + .check-hihyouzi01{display:block;}

クリックで表示するやつ→非表示にするやつ
.check-hihyouzi01{display: none;}

.check-000{
vertical-align:middle;}*/



main p{margin-top: 1.7em;}
main h3{margin-top: 1.7em;}
main h4{margin-top: 1.7em;}

/*上に間隔開ける*/
.top-space01{
margin-top: 1.7em;}

/*狭い間隔*/
.top-space02{
margin-top: 0.6em;}

/*----------------------*/

/*youtubeのリンク調整*/
.yt_iframe{height:52.87vw;max-height:425px;width:94vw;max-width:670px}



/*-----------------------*/


/*おわりのやつ*/
.article-end01{
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
}

/*ツイートシェアボタンテンプレ*/
.twitter-share {
cursor: pointer;
text-decoration: none;
}
.twitter-share img{
width: 7em;
margin-bottom: 1em;
}