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

/*workspage*/
@media screen and (min-width:834px){
	#worksname {
		font-size: 10pt;
		text-align: center;
		padding-bottom: 25px;
		padding-top: 70px;
    }
}

@media screen and (max-width:834px){
	#worksname {
		font-size: 10pt;
	    text-align: center;
	    padding-top: 30px;
		padding-bottom: 9px;
	}
}
	
	
@media screen and (min-width:834px){
	/*画像　縦長*/
	.portrait {
		max-width: 480px;
	    width: 60%;
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 30px;
     }
	
	/*画像　横長,正方形*/
	.landscape {
		max-width: 800px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 30px;
	}
	
	/*動画　縦長*/
	.video {
		max-width: 480px;
	    width: 60%;
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 30px;
	}
}

@media screen and (max-width:834px){
	/*画像　縦長*/
	.portrait {
		max-width: 480px;
		width: 100%;
		height: auto;
		padding-bottom: 10px;
		margin: 0 auto;
	}
	
	/*画像　横長,正方形*/
	.landscape {
	    max-width: 800px;
	    width: 100%;
	    height: auto;
	    padding-bottom: 10px;
	    margin: 0 auto;
    }
	
	/*動画　縦長*/
	.video {
		max-width: 480px;
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    padding-bottom: 10px;
	}
}

@media screen and (min-width:834px) {
	#discription {
		margin: 0 auto;
	    max-width: 800px;
	}

    .description-wrap {
	    text-align: center;
    }

    .description-child {
	    text-align: left;
	    width: 800px;
	    font-size: 8pt;
	    font-weight: normal;
	    overflow-wrap: break-word;
	    padding-bottom: 100px;
	    padding-top: 20px; 
	    line-height: 2;
    }
}

@media screen and (max-width:834px){
	.description-child {
		font-size: 8pt;
		font-weight: normal;
		width: 100%;
		text-align: left;
		overflow-wrap: break-word;
		padding-bottom: 80px;
		padding-top: 20px; 
		line-height: 1.5;
	}
}

/* page back */
.pageback {
	cursor: pointer;
	width: 38px;
	height: 38px;
	background: url("../img/index.png");
    position: absolute;
	bottom: 27px;
	right: 120px;
}

@media screen and (max-width:834px){
	.pageback {
		cursor: pointer;
	    width: 38px;
		height: 38px;
	    background: url("../img/index.png");
        position: absolute;
	    bottom: 13px;
	    right: 90px;
	}
}