/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 2022/06/22, 21:52:55
    Author     : yuka
*/

@page pagestyle {
    size: A4 portrait;
    margin: 15mm;
}
body {page : pagestyle;}
dd, li {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
}

/* print用は表示 */
.print {display: block;}

.pagebreak {
    -webkit-column-break-before: page;
       -moz-column-break-before: page;
            break-before: page;
}

#footermenu {display: none;}

/* Home Settings -----------------------------------------------------------  */
#subtitle {
    -webkit-column-break-after: page;
       -moz-column-break-after: page;
            break-after: page;
}
#topworks, #news {
    -webkit-column-break-before: page;
       -moz-column-break-before: page;
            break-before: page;
}

/* Works Settings ----------------------------------------------------------- */
#works .img3columntile a.pagebreak {
    margin-bottom: 13em;
}

/* Works Detail Settings ---------------------------------------------------- */
#subimgs {
    -webkit-column-break-before: page;
       -moz-column-break-before: page;
            break-before: page;
}

/* About Settings ----------------------------------------------------------- */
dd.pagebreak, #staffinfo {
    -webkit-column-break-before: page;
       -moz-column-break-before: page;
            break-before: page;
}

/* Blog Detail Settings ----------------------------------------------------- */
#blogdetail .twocolumns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#blogdetail .textcolumn {
    width: 100%;
    max-width: 900px;
}
#blogdetail .imgcolumn {
    width: 100%;
    max-width: 350px;
    margin: 0;
}
#blogtxt1{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
#blogimg1{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
#blogtxt2{-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
#blogimg2{-webkit-box-ordinal-group: 5;-ms-flex-order: 4;order: 4;}