@charset "utf-8";

#pagetitle {
    .pagetitle {
        h1 {
			width:180px;
			margin-bottom:2.5em;
            .obj {
                left:-100px;
                top:0px;
            }
        }
    }
}

#tweet {
	.wrap {
		.contents {
			max-width:800px;
			.contents_inner {
				margin-bottom:90px;
				&:not(:nth-last-child(2)) {
					border-bottom: 2px dashed var(--color_sub);
					padding-bottom: 75px;
				}
				.info {
					font-size:1.7rem;
					letter-spacing:.06em;
					margin-bottom:1em;
					font-weight:500;
					&:has(.draft) {
						position: relative;
					}
					.draft {
						font-size: 1.2rem;
						background-color: #ff0000;
						color:#FFFFFF;
						line-height: 2;
						padding:0 1em;
						position: absolute;
						left: 0;
						top:-2.5em;
					}
				}
				h2 {
					font-size:2.3rem;
					color:#000000;
					font-weight:600;
					line-height:1.5;
					text-align:left;
					margin-bottom:1.25em;
				}
			}
		}
	}
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
	
}

@media screen and (max-width:768px){

	#pagetitle {
	    .pagetitle {
	        h1 {
				width:150px;
				margin-bottom:1.5em;
	            .obj {
	                left:-80px;
	            }
	        }
	    }
	}
	
	#tweet {
		.wrap {
			.contents {
				max-width:800px;
				.contents_inner {
					margin-bottom:60px;
					&:not(:nth-last-child(2)) {
						padding-bottom: 45px;
					}
					.info {
						font-size:1.3rem;
					}
					h2 {
						font-size:1.6rem;
						margin-bottom:1em;
					}
				}
			}
		}
	}
    
}