/* 基本設定 */
*{
font-family:"メイリオ",sans-serif;
color: #424242;
}
::selection{
background: #9076FF;
color: #FFFFFF;
}



/* 色の追加 */
.T-siro{
color: #FFFFFF;
}
.T-out{
color: #7F7F7F;
}
.T-red{
color: red;
}
.T-link{
color: #9076FF;
}



/* サイズの設定 */
.T-10px{
font-size: 10px;
line-height: 20px;
}
.T-12px{
font-size: 12px;
line-height: 22px;
}
.T-13px{
font-size: 13px;
line-height: 23px;
}
.T-14px{
font-size: 14px;
line-height: 24px;
}
.T-16px{
font-size: 16px;
line-height: 26px;
}
.T-18px{
font-size: 18px;
line-height: 28px;
}
.T-20px{
font-size: 20px;
line-height: 30px;
}
.T-24px{
font-size: 24px;
line-height: 34px;
}
.T-30px{
font-size: 30px;
line-height: 40px;
}



/* リンク時の設定 */
a:link{/* 未訪問 */
color: #9076FF;
text-decoration: none;
}
a:visited{/* 訪問済 */
color: #9076FF;
text-decoration: none;
}
a:hover{/* マウスオーバー */
color: #9076FF;
text-decoration: underline;
}
a:active{/* クリック */
color: #9076FF;
text-decoration: underline;
}



/* ウインドウサイズが600pxを下回る場合 */
@media screen and (max-width: 600px){



/* サイズの設定 */
.T-10px{
font-size: 16px;
line-height: 26px;
}
.T-12px{
font-size: 18px;
line-height: 28px;
}
.T-13px{
font-size: 19px;
line-height: 29px;
}
.T-14px{
font-size: 20px;
line-height: 30px;
}
.T-16px{
font-size: 22px;
line-height: 32px;
}
.T-18px{
font-size: 24px;
line-height: 34px;
}
.T-20px{
font-size: 26px;
line-height: 36px;
}
.T-24px{
font-size: 30px;
line-height: 40px;
}
.T-30px{
font-size: 36px;
line-height: 46px;
}



}