/* プレビュー用のスタイル */

*{
margin:0px;
padding:0px;
}

body {
font-family: "M PLUS Rounded 1c", sans-serif;	
background: #eee;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {   
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@media(min-width:1129px){
.page {
width: 210mm; /* 用紙の横幅を改めて指定 */
height: 296.5mm;/* 高さには0.5mm余裕をもたせる */
background: white; /* 背景を白く */
box-shadow: 0 .5mm 2mm rgba(0,0,0,.3); /* ドロップシャドウ */
margin: 5mm auto 5mm auto;
}}

@media(max-width:1128px){
.page {
width:100%;
height:auto;
}}