@charset "utf-8";
/* CSS Document */
/*dollサイト展示頁用スタイルシート*/
/*残すもの　壁紙*/

body{
	background-image:url('../../images/wallpapers/linen_white.jpg');
}

.ss {
	line-height: 2em;
}
/*ｓｓというクラスの中は、行間2em「炎のサントハイム」で使用中*/


/*テーブル・人形*/
/*タロットトップページの表*/
td.no{width:8%;}
td.card{width:52%;}
td.cast{width:40%;}

/*ピサロメイキング型紙ページの表*/
td.bui{	width:50%;}
td.gou{	width:25%;}
td.tom{	width:25%;}

/*ドール頁の写真*/
@media only screen and (max-width:1200px){
figure img{
	margin-left:auto;
	margin-right:auto;
	}
	}
/*figureの中にあるimgで特にクラスのないもの（～349）は、左右マージン自動＝センター寄せ*/
/*350*/
/*幅350の画像は、pho35というclassをつけ、ブラウザ幅370までは幅は自動的に決定。ブラウザ幅369より小さくなったら、そのブラウザのはばいっぱいで表示する。*/
@media only screen and (min-width:370px){
figure.pho35 img{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
	}
	}
@media only screen and (max-width:369px){
figure.pho35 img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	}
	}
/*400*/
/*幅４００の画像は、photoというclassをつけ、ブラウザ幅４3０までは幅は自動的に決定。ブラウザ幅42９より小さくなったら、そのブラウザのはばいっぱいで表示する。*/
@media only screen and (min-width:430px){
figure.photo img{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
}
}
@media only screen and (max-width:429px){
figure.photo img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}
}
/*450*/
/*幅４５０の画像はpho45というclassをつけ、ブラウザ幅４7０までは幅は自動的に決定。ブラウザ幅４6９より小さくなったら、そのブラウザのはばいっぱいで表示する。*/
@media only screen and (min-width:470px){
figure.pho45 img{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
}
}
@media only screen and (max-width:469px){
figure.pho45 img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}
}
/*500*/
/*幅500の画像はphoto5というclassをつけ、ブラウザ幅520までは幅は自動的に決定。ブラウザ幅519より小さくなったら、そのブラウザのはばいっぱいで表示する。*/
@media only screen and (min-width:520px){
figure.photo5 img{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
}
}
@media only screen and (max-width:519px){
figure.photo5 img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}
}
/*600*/
/*幅600の画像はphoto6というclassをつけ、ブラウザ幅620までは幅は自動的に決定。ブラウザ幅619より小さくなったら、そのブラウザのはばいっぱいで表示する。*/
@media only screen and (min-width:620px){
figure.photo6 img{
	margin-left:auto;
	margin-right:auto;
	width:auto;
	height:auto;
}
}
@media only screen and (max-width:619px){
figure.photo6 img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}
}