@charset “utf-8”;
/*モバイル対応*/
@media screen and (max-width:480px) {
 /*　画面サイズが480px以下の場合ここの記述が適用される　*/
	
	/*サイドメニュー非表示*/
	.contents1{
	display: none;
	}
	
	#headerLink{
	display: none;
	}

	#indxThum{
	margin: 15px  0.5rem 15px 0.5rem;
	background: #333333;
	}
	
	#indexText{
	width: 90%;
	}
	
	#indexText p{
	font-size:16px;
	}
	
	#indxThum p{
	font-size:20px;
	margin: 15px  5px 10px 5px;
	}
	
	#indxThum img{ 
	width: 300px;
	height: 200px;
	}
	
	#tex{
	margin:  15px  3px 15px 3px;
	}
	
	
	#PR_pc{
	display: none;	
	}
}

/*モバイル対応*(PC用)*/
@media screen and (min-width:480px) {
	#footerLink{
	display: none;
	}
	
	#indxThum{
	margin: 0  0.5rem 0.5rem 0.5rem;

	}
	
	#indexText p{
	font-size:0.8rem;
	}
	
	
	#indxThum p{
	font-size:1.0rem;
	margin: 5px;
	}
	
	
	#indxThum img{ 
	width: 200px;
	height: 150px;
	}
	
	#tex{
	margin: 0.2rem;
	}
	
	#PR_sp{
	display: none;	
	}
}

body{
margin: 0; /*周りにできる隙間消す*/
height: 100%;

font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Helvetica Neue", "Segoe UI", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", Arial, メイリオ, Meiryo, sans-serif;
}

#containerAll{
 position: relative;      /*フッターを位置指定するための基準 */
}

/*ハイパーリンクの色と下線*/
a {
color: #eeeeee;
text-decoration: none;
}

.main{	
display: flex;
min-height: 100vh; /*縦サイズ隙間なく*/
padding-bottom:250px;/*フッター分の余白*/
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

header{
width: 100%;
height: 50px;
background: #000000;
}

#headerContent{
line-height: 50px;
padding: 0 0 0 5px;
display: flex;
}

#headerTitle{
font-size: 1.2rem;
font-weight: bold;
margin: 0  10px 0 20px;
}

#headerLink{
font-size: 0.8rem;
font-weight: bold;
margin: 0  0 0 70px;
}

#headerLink a{
margin: 0 20px 0 0;
/*border-bottom: solid 2px #dddddd;下の線*/
padding-bottom: 2px;
}

#headerLanguage {
margin: 0 0 0 auto;/*右寄せ*/
padding-right: 50px;
font-size: 0.8rem;
font-weight: bold;
}



footer{
background: #333333;
position: absolute;
bottom: 0;
width: 100%;
height: 250px;/*フッターサイズ*/
}

footer p{
text-align: center;
color: #eeeeee;
}

#footerLink{
margin:20;
}

/*サイドメニュー*/

.contents1{
background: #222222;
min-width: 200px;
box-shadow: inset  5px 5px 5px 0 rgba(0, 0, 0, .4);
font-size:0.8rem;
}

.contents1 ul{
padding: 0;
padding-left: 8px;
/*position: relative;*/
}

.contents1 ul li{
list-style-type: none!important;
color: #eeeeee;
font-weight: bold;
border-left: solid 6px #dddddd;/*左側の線*/

margin-bottom: 4px;/*下のバーとの余白*/
padding-left: 8px;
}

#tex_subDir li{
margin-left: 3px;
border-left: 0px;
padding-left: 0px;
}

#tex_subDir summary{
border-left: solid 3px #dddddd; /*左側の線*/	
padding-left: 8px;
padding-bottom: 8px;
}

#sub_dir li{
border:0;
margin-left: 15px;
padding-left: 12px;
border-left: solid 3px #dddddd;/*左側の線*/
}

#Textures {
color: #eeeeee;
font-weight: bold;
margin: 10px;
}


/*センター*/
.contents2{
background: #252525;
width: 100%;
box-shadow: inset 5px 5px 5px 0 rgba(0, 0, 0, .4);
}


/*インデックスページのサムネイル*/
#indxThum img{ 
object-fit: cover;
}

#indxThum{
display: inline-block;
text-align: center;
}

#indxThum p{
color: #eeeeee;
font-weight: bold;
}

#indxThum:hover{
transform: scale(0.95); /* 拡大 */
transition-duration: 0.01s;
}


/*画像を並べる*/
#container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 30px 20px 50px 20px;
}



#tex{
flex-grow: 1;
height: 150px;
width: auto;
}

#tex img{

width: 100%;
height: 100%;

border-radius: 4px;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .3);
  
object-fit: cover;
}

#tex img:hover{
transform: scale(0.95); /* 拡大 */
transition-duration: 0.01s;
}


#indexText p{
margin:5px 0 5px 0;
color: #ffffff;
text-align: center;
line-height: 1.8;
}

#indexText{
margin:30px auto 70px auto;
}

#indexText a{
font-weight: bold;
border-bottom: solid 2px #dddddd;/*線*/
padding-bottom: 2px;
}

#indexTitel p{
font-weight: bold;
font-size:1.2rem;
margin:0 0 35px 0;
}

#license{
width: 80%;
}

#license p{
margin:5px 0 5px 0;
color: #ffffff;
line-height: 1.8;
}

#license a{
border-bottom: solid 2px #dddddd;/*左側の線*/
padding-bottom: 2px;
font-weight: bold;
}

#title{
border-left: solid 6px #eeeeee;/*左側の線*/
height: 42px;

margin:15px 0 15px 0;
padding:0 0 0 25px;
color: #ffffff;
font-weight: bold;
font-size:1.5rem;	
}

#midashi{
margin:30px 0 5px 0;
color: #ffffff;
font-weight: bold;
font-size:1.2rem;	
}

#text{
margin: 10px 0 0 20px;	
}


#LatestTextures{
background: #353535;
width: 80%;
margin:50px 0 0 0;
}

#LatestTexturesThum{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin:1em;
}


#LatestTextures_title{
font-weight: bold;
font-size:1.2rem;
color: #ffffff;
margin:1em;
}



#PR_leftSide{
text-align: center;
margin:50px 0 50px 0;	
}

#PR_footer{
text-align: center;
margin:20px 0 20px 0;	
}

#PR_Amazon_texFolderPage{
text-align: center;
margin:35px 0 20px 0;	
}