@charset "utf-8";

*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
html{overflow-x:hidden;overflow-y:scroll;}
body{width:100%;font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;font-size:14px;}
main{margin:0 auto;}
@media screen and (min-width:800px) {
  main{
    width: 1080px;
  }
  .CommonFrame{margin-top:50px;padding:20px;border-radius:20px;/*background-color:#fff;*/}
}
@media screen and (max-width:799px) {
  main{
    width: 580px;
  }
  .CommonFrame{margin-top:0px;padding-left:20px;padding-right:20px;border-radius:20px;/*background-color:#fff;*/}
}
ul,li{margin:0;padding:0;list-style:none;}
input,button,textarea,select {font:inherit;}
input[type='text'],input[type='password'],textarea,select{font-size:20px;font-weight:bold;color:#333;border-radius:10px;border:solid 1px #ddd;padding:10px;}
input[type='text'],input[type='password'],textarea{width:100%;height:30px;}
input[type='text'],input[type='password']{margin-left:-5px;}
select{height:50px;}
input:focus,textarea:focus,select:focus{outline:none;}
button,[type='button']{cursor: pointer;color:inherit;}
button{background:none;border:none;}
button:hover{opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}
/*
button,[[type='reset'],[type='submit'],[role='button']{cursor:pointer;color:inherit;}
*/
a{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity = 50);cursor:pointer;}
a:hover img{opacity:0.5;-moz-opacity:0.5;filter:lpha(opacity=50);}
img {width:100%;border-style:none;}

/* color */
*{border-color: #666;}
body{background-color:#fff;}
/*
a:link{color:#333;}
a:visited{color:#333;}
*/
/*
p{color: #333;}
*/
a{color:#078F5C;}
a:visited{color:#078F5C;}
::placeholder{color: #ddd;}
.Timestamp p{color: #999;}
.GoodCount.Liked p{color:#FE0707;}
.GoodCount p{color:#078F5C;}
.CommentCount p{color:#078F5C;}
.FollowerCountBack {background-color: #ddd;}

/* border */
.Border{border-style:solid;border-width:1px;}
.BorderTop{border-top-style:solid;border-top-width:1px;}
.BorderBottom{border-bottom-style:solid;border-bottom-width:1px;}
.BorderLeft{border-left-style:solid;border-left-width:1px;}
.BorderRight{border-right-style:solid;border-right-width:1px;}

/* Global */
header{display:none;}
main{display:none;}
footer{display:none;}
.CommonContents{display: flex;justify-content: center;}
.CommonModalContents{
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position:fixed; 
overflow-y:scroll;
display: flex;
justify-content: center;
z-index: 5110;
}
.CommonModalContents.Modal{display:none;}
.CommonModalContents.Modal.Active{display:flex;}
.CommonModalFrame{
width: fit-content;
height: fit-content;
margin-top:30px;
position: absolute;
top: 100px;
padding:20px;
border-radius:20px;background-color:#fff;
}
.ProfileImage{flex-shrink:0;}
.ProfileImage img{border-radius:50%;width:100%;height:100%;}
.CommentImage img{margin: 4px;}
.FollowerCount{position:relative;}
.FollowerImage{flex-shrink:0;}
.FollowerImage img{border-radius:50%;width:100%;height:100%;}
.FollowerCountBack{border-radius:50%;}
.FollowerCountCaption{position:absolute;top: 0px;left: 0px;}
.FollowerCountCaption p{text-align:center;vertical-align:middle;}
.AnchorLink a{display:block;width:100%;height:100%;}
.AnchorLink a p{text-align:center;}
.Button button{display:block;width:100%;height:100%;}
.Button button:focus{outline:none;}
.InputText{margin-left:-11px;}

span[data-caption]::after{white-space:normal;content:attr(data-caption);}
span[data-text]::after{white-space:normal;content:attr(data-text);}

*[data-input-error="1"]{
  background-color: #fed9d9;
}