@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');

body {background-color:#FFFFFF;margin:0px;padding:0px;}
* {font-family:"RocknRoll One",sans-serif;font-weight: 400;font-style: normal;}

a {color:#5ADDA6;position:relative;z-index:999;transition:500ms ease 0ms;text-decoration:none;}
a::after {position:absolute;left:0;content:'';width:100%;height:100%;background:#5ADDA6;bottom:0px;transform:scale(0, 1);transform-origin:center;transition:transform 500ms;z-index:-999;}
a:hover {color:#FFF;}
a:hover::after {transform: scale(1, 1);}
table,td,th {border-collapse:collapse;padding:5px;border:solid #A0A0A0 1px;}


@media screen and (min-width: 480px) {
	/* 共通 */
	.copy {font-size:9pt;color:#505050;}
	.php_time {font-size:10pt;}
	.cponetowa {font-size:12pt;}
	/* about.html */
	.abt_tit {font-size:20pt;font-weight:bold;color:#5ADDA6;}
	.abtab {width:50%;}
	.kawaii {font-size:9pt;}
	.bessyo {font-size:9pt;color:#AFAFAF;}
}

@media screen and (max-width: 479px) {
	/* 共通 */
	.copy {font-size:2vw;color:#505050;}
	.php_time {font-size:3vw;}
	.tibn {width:100%;}
	.cponetowa {font-size:4vw;}
	/* about.html */
	.abt_tit {font-size:5vw;font-weight:bold;color:#5ADDA6;}
	.bokutachi {width:75%;}
	.kawaii {font-size:3vw;}
	.bessyo {font-size:3vw;color:#AFAFAF;}
	.abtab {width:90%;}
	.abtab td {font-size:3vw;}
}