/*Yuki Tsuji Official HP*/
/*ver.2*/

/*all*/
* {
    margin:0;
    padding:0;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    -webkit-text-size-adjust: 100%;
}

/*PC*/
.container {
    position:relative;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
}
/*background-image*/
.img01 {
    background-image: url(./img/img01_pc.jpg);
    z-index:2;
    background-position: center center;
}
.img02 {
    background-image: url(./img/img02_pc.jpg);
    z-index:1;
    background-position: center center;
    color:#ffffff;
}

.content {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}

/*logo*/
.content img {
    margin-left: 18px;
}
.img02 .content img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
}


/*本文*/
.inner {
    overflow: hidden;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:15px;
}
.text {
	margin-top:6px;
	font-size:10px;
}
.copyright {
	margin-top:5px;
    font-size:7px;
    max-height: 100%;
}
/*float*/
.left {
    float:left;
    width:420px;
}
.right {
    float:right;
    width:65px;
}
/*本文内”：”*/
.pc-view {
    margin-left:5px;
    margin-right:5px;
}
/*Link*/
.mail, .right p {
    font-weight: 500;
}
a {
    text-decoration: none;
    font-weight: 500;
}
.black {
    color:#000000;
}
.white {
    color:#ffffff;
}

/*tablet*/
@media screen and (max-width:768px) {
	.img01 {
		background-image: url(./img/img01_tab.jpg);
        background-position: center 70%;
	}
	.img02 {
		background-image: url(./img/img02_tab.jpg);
        background-position: center 70%;
	}
	.text {
		font-size:8pt;
	}
	.copyright {
		font-size:4pt;
	}
	.left {
		width:400px;
	}
}

/*smartphone 横画面*/
@media screen and (max-width:740px) {
    .img01 {
    background-image: url(./img/img01_pc.jpg);
    z-index:2;
    background-position: center center;
    }
    .img02 {
    background-image: url(./img/img02_pc.jpg);
    z-index:1;
    background-position: center center;
    color:#ffffff;
    }
    .content img {
        width:80px;
    }
    
    .mail {
		margin-top:3px;
    }
    .right {
        padding-top:1em;
		width:63px;
    }
    .text {
        margin-top:4px;
		font-size:6pt;
    }
	.copyright {
		margin-top:5px;
		font-size:3pt;
		
	}
    
}
/*smartphone 縦画面*/
@media screen and (max-width:500px) {
    .img01 {
      	background-image: url(./img/img01_sp.jpg);
      	background-position: center 70%;
    }
    .img02 {
        background-image:url(./img/img02_sp.jpg);
        background-position: center 70%;
        
    }
	.pc-view {
        display: none;
    }
	.mail {
		display: block;
	}
	.left {
		width:210px;
	}
	.right {
		padding-top:2em;
	}
	
}