/* Minification failed. Returning unminified contents.
(638,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
#pbcontent{
    position:relative;
    z-index:1;
}

#pageedit{
    display: none;
    position:relative;
    z-index:2;
}

#pageedit div.editwrap
{
    width: 100%;
    /*position: absolute;*/
	z-index: 11;
	top: 0;

    max-width:800px;
	margin: 0 auto; 
    background-color: White;

    position: fixed;
    height: 100%;
    overflow-y: auto;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#pageedit div.pageeditcontent {
    width: 100%;
}

#pageedit div.pageedittcover
{
    position: fixed;
    background-color: rgba(0,0,0,0.4);
	top: 0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10;
}

#pageedit.coverinner #frontpageedit 
,#pageedit.pagecount #frontpageedit 
{
	display: none;
}

#pageedit.front #coverinnerpageedit
,#pageedit.pagecount #coverinnerpageedit
{
	display: none;
}

#pageedit.coverinner #pagecountcontrol2 
,#pageedit.front #pagecountcontrol2
{
    display: none;
}

#publishercommentalert 
,#publisherqralert
{
    color: red;
}

/*pageeditimageArea*/
.edit-wrap-center-padding 
{
    margin-right: auto;
    margin-left: auto;
    width: 210px;
    height: 296px;
}

/* ------------------------------------------------------------------------------------------------------------------------- */
/* edittable */
.edittable tr
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: stretch;
    -ms-flex-align:center;
    -ms-flex-pack: justify;
    align-items: center;
}

.edittable tr td.editphoto {
    display: block;
	-webkit-flex-basis: 38.7%;
	flex-basis: 38.7%;
}
.edittable tr td.editcom 
{
    display: block;
	-webkit-flex-basis: 47%;	
	flex-basis: 47%;	
}
.edittable tr td.editarrow 
{
    display: block;
	-webkit-flex-basis: 14.3%;
    flex-basis: 14.3%;
	
}
.editcom p{
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width:100%;
}

.edit .gridContainer{
    position: relative;
    z-index: 1;
}

.editphoto .icon-edit {
    display: block;
    padding: 0.1em;
    border-radius: 0.1em;
    width: 1em;
    height: 1em;
    text-align: center;
    top: auto;
    left: auto;
    right: 2%;
    bottom: 2%;
    font-size: 2em;
    background-color: rgba(255, 255, 255, 0.6);
    color: rgb(102,102,102);
}


.edit .footerbutton{
    position: relative;
    z-index: 2;
}


    .edit .footerbutton #orderbtn 
    , .edit .footerbutton #reeditbtn 
    , .edit .footerbutton #previewbtn
    , .enough.preview .footerbutton #previewbtn
    , .preview #savebtn
    , .preview #cancelbtn
    , .preview .editcontrol
    , .preview #pagecountcontrol
    , .edit .previewcontrol
    , #savebtn
    {
	    display: none;
    }

    #pagecountcontrol{
        overflow-x: auto;
    }


    .enough .footerbutton #previewbtn
    /*,.preview .footerbutton #orderbtn 
    ,.preview .footerbutton #reeditbtn */
    {
	    display: inline-block;
    }

    /*
    .preview .previewcontrol
    {
        display: block;
    }
    */


img.buarrow
{
    background-image: url(../images/bu-arrow02.png);
	background-repeat: no-repeat;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: center center;
}

.butrash {
    padding: 0.1em;
    border-radius: 50%;
    border: 3px solid rgb(102, 102, 102);
    border-image: none;
    width: 1em;
    height: 1em;
    bottom: 2px;
    color: rgb(102, 102, 102);
    font-size: 1.4em;
    /*margin-left: -1.6em;*/
    /*display: block;*/
    position: absolute;
    /*z-index: 10000;*/
    text-align: center;
    background-image: none;
    background-color: rgb(238, 238, 238);
    right: 14%;
    bottom: 0.02em;
}



@media only screen and (min-width: 481px) {
img.buarrow
{
    background-image: url(../images/bu-arrow01.png);
}
}


/* ------------------------------------------------------------------------------------------------------------------------- */
body { 
-webkit-touch-callout: none; 
}

#uploadimages
,#preview 
{
      -moz-touch-callout: none;
      -webkit-touch-callout: none;
      -ms-touch-callout: none;
      -o-touch-callout: none;
      touch-callout: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;	
}

#frontpageedit .editbox01 .t-editwrap2
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.edit-commentwrap textarea:focus
,.edit-commentwrap input:focus 
{
    background-color: #fff;
}
/* ------------------------------------------------------------------------------------------------------------------------- */

#previewimage
{
    -ms-transition: margin-left .25s linear;
	-moz-transition: margin-left .25s linear;
	-webkit-transition: margin-left .25s linear;
	-o-transition: margin-left .25s linear;
	transition: margin-left .25s linear; 

	min-height: 100px;
}

#previewimage img
{
	-ms-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear; 
}

#previewnext
,#previewprev {
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#previewnext > div
,#previewprev > div{
	top: 50%;
	/*height: 45px;*/
	margin-top: -10%;
	position: relative;
}

#previewnext > div a
,#previewprev > div a {
    width: 12%;
    padding-top: 6%;
    padding-bottom: 6%;
    position: absolute;
}

#previewnext > div a
{
    right: 1%;
}
#previewprev > div a {
    left: 1%;
}


/* ------------------------------------------------------------------------------------------------------------------------- */
    .ImageThumbnail{
        position: relative;
    }
    
    .farway
    {
        display:block;
	    position:absolute;
	    visibility: hidden;
	    /*top: -1000px;*/
	    left: -1000px;
    }
    
    #pageeditcont
    {
        margin-top: 1em;
    }

    #uploadimages {
        position: relative;
        counter-reset:li 0; /* カウンターを0に初期化 */
        /*padding:0;*/
        list-style:none;
    }

    #uploadimages > .pagefield {
        position: relative;
        /*margin:  0px 1em 5px 5px;*/
        float: none;
	    display: inline-block;
        /*
        -ms-transition: all .25s linear;
	    -moz-transition: all .25s linear;
	    -webkit-transition: all .25s linear;
	    -o-transition: all .25s linear;
	    transition: all .25s linear; 
        */
    }

    /*
@media only screen and (min-width: 769px) 
{
    #uploadimages > .pagefield:nth-of-type(4n):after
    {
        content
    }
}
*/

@media only screen and (min-width: 481px) and (max-width: 768px)
{
    #uploadimages > li.pagefield:nth-of-type(2n)
    {
        margin-right: 2%;
    }
}
        /*
    #uploadimages > .pagefield:after 
    {
         content: '';
         position: absolute;
         border-top: 15px solid rgba(255,255,255, 1);
         border-right: 12px solid transparent;
         border-left: 12px solid transparent;
         top: 15px;
         left: 50%;
         left: -webkit-calc(50% - 12px);
         left: calc(50% - 12px);
    }
         */


    #uploadimages > .pagefield .editcom > h3:before
    {
        counter-increment:li;
    }

    /*#uploadimages > .pagefield:before */
    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(n+2):nth-of-type(-n+11) .editcom > h3:before,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(n+2):nth-of-type(-n+23) .editcom > h3:before,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(n+2):nth-of-type(-n+35) .editcom > h3:before,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(n+2):nth-of-type(-n+47) .editcom > h3:before,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(n+2):nth-of-type(-n+59) .editcom > h3:before
    {
    	content:"P"counter(li);
    }

    /*#uploadimages > .pagefield:nth-child(1):before*/
    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(1) .editcom > h3:before,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(1) .editcom > h3:before,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(1) .editcom > h3:before,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(1) .editcom > h3:before,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(1) .editcom > h3:before
    {
    	content:"カバー";
    }

    /*#uploadimages > .pagefield:nth-child(1):before*/
    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(1) .editarrow > p,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(1) .editarrow > p,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(1) .editarrow > p,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(1) .editarrow > p,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(1) .editarrow > p
    {
        /* 20150216 表紙も入替可能に
        visibility: hidden;
        */
    }
    
    /*#uploadimages > .pagefield:nth-child(1):before*/
    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(1) .commentview,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(1) .commentview,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(1) .commentview,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(1) .commentview,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(1) .commentview
    {
        visibility: hidden;
    }
    
    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(n+12) .editcom > h3:before,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(n+24) .editcom > h3:before,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(n+36) .editcom > h3:before,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(n+48) .editcom > h3:before,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(n+60) .editcom > h3:before
    {
    	content:"未使用";
    }

    /*12ページ*/#uploadimages.page11 > .pagefield:nth-of-type(n+12) .opa,
    /*24ページ*/#uploadimages.page23 > .pagefield:nth-of-type(n+24) .opa,
    /*36ページ*/#uploadimages.page35 > .pagefield:nth-of-type(n+36) .opa,
    /*48ページ*/#uploadimages.page47 > .pagefield:nth-of-type(n+48) .opa,
    /*60ページ*/#uploadimages.page59 > .pagefield:nth-of-type(n+60) .opa
    {
        opacity: 0.4;
    }

    /*#uploadimages > .pagefield:before */

    .pagefields 
    {
        position: relative;
    }

    .pagefields > .pagefield > .cont{
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

    .pagefields > .pagefield > .cont a{
        display: inline-block;
        width: 24%;
        text-align: center;
    }

    hoge.pagefields > .pagefield > .pagerect
    {
        display:inline-block;
        /*margin-top: 35px;*/
        overflow: hidden;
        background-color: #fff;
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        padding: 0;
        position: relative;

        width: 320px;
        height: 120px;
    }

    /*
    .pagefields > .pagefield:nth-child(1) > .pagerect
    , .pagefields > .pagefield:nth-child(2) > .pagerect{
        width: 326px;
        height: 332px;
    }
    */

    .pagefields > .pagefield > .pagerect > .pageimage 
    { 
        /*
        width: 260px;
        height: 260px;
        */
        display: block;
        width: 100px;
        height: 100px;
        overflow: hidden;
        background-color: #000;

        top: 10px;        
        padding: 0;
        position: relative;
        /*
        left: -webkit-calc(10px + 4em);
        left: calc(10px + 4em);
         */
        /*margin-left:10px;*/
        /*
        left: 30px;
        top: 30px;
        */
    }

    .pagefields > .pagefield > .pagerect > .movehandle:hover {
	    background-color: #f00;
    }
    
    .pagefields > .pagefield > .pagerect > .movehandle 
    {
	    font-family: 'LigatureSymbols';
        height: 100%;
	    width: 60px;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    background-color: #888;
	    text-align: center;
	    line-height: 120px;
	    font-size: 3em;
	    font-weight: bold;
	    cursor: n-resize;
    }

    .pagefields > .pagefield:nth-child(1) > .pagerect > .movehandle
	{
	    visibility: hidden;
    }

/*
    .pagefields > .pagefield:nth-child(1) > .pagerect > .pageimage 
    {
        width: 326px;
        height: 332px;
        overflow: hidden;
        background-color: #000;
        
        margin: 0,0,0,3em;
        padding: 0;
        position: relative;
        left: 0px;
        top: 0px;
    }

    .pagefields > .pagefield:nth-child(2) > .pagerect > .pageimage {
        width: 92px;
        height: 92px;
        overflow: hidden;
        background-color: #000;
        
        margin: 0;
        padding: 0;
        position: relative;
        left: 117px;
        top: 120px;
    }
*/


    .pagefields > .pagefield > .pagerect .editphoto > .rota
    {
        position:relative;
        /*
        left: 130px;
        top: 130px;
         */
        left: 50px;
        top: 50px;
        position:relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .pagefields > .pagefield > .pagerect .editphoto > .rota > span
    {
        display: block;
        position:relative;
        left: -50px;
        top: -50px;
        width: 100%;
        height: 100%;
        background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
    }

    .pagefields > .pagefield > .pagerect .editphoto > .rota > span.loading {
        background-size: auto;	
    }



    .hoge .pagefields > .pagefield > .pagerect > .pageimage > .rota
    {
        position:relative;
        /*
        left: 130px;
        top: 130px;
         */
        left: 50px;
        top: 50px;
        position:relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .hoge .pagefields > .pagefield > .pagerect > .pageimage > .rota > span
    {
        display: block;
        position:relative;
        left: -50px;
        top: -50px;
        width: 100%;
        height: 100%;
        background-position: center center;
	    background-size: cover;
: 
    }

    .pagefields > .pagefield > .pagerect > .pageimage > .rota > img 
    , .pagefields > .pagefield > .pagerect > .pageimage > .rota > canvas
    {
        display: block;
        position: relative;
    }



    .leftPageCount
    {
         float: left;
         color: #000;
         margin: 0;
    }

    .rightPageCount
    {
         float: right;
         color: #000;
         margin: 0;
    }

    #thumbnail {
        position: relative;
        counter-reset:li -3; /* カウンターを-2に初期化、(表紙裏表紙がある為 -2) */
        padding:0;
        list-style:none;
    }

    #thumbnail .leftPageCount:before
    {
        counter-increment:li;
    }

    #thumbnail .rightPageCount:after
    {
        counter-increment:li;
    }

    #thumbnail
    {
        width:700px;
        max-width:100%;
        margin-bottom: 1em;
    }

    #thumbnail > div 
    {
        width:700px;
        max-width:100%;
        overflow: hidden;
        border-bottom: 1px solid black;
    }

    #thumbnail > div:first-of-type .leftPageCount:before
    {
        content: 'カバー(裏)';
    }

    #thumbnail > div:first-of-type .rightPageCount:after
    {
        content: 'カバー(表)';
    }

    #thumbnail > div:nth-of-type(2) .leftPageCount:before
    {
        content: ' ';
    }

    #thumbnail > div:nth-of-type(2) .rightPageCount:after
    {
        content: '扉';
    }

    #thumbnail > div:nth-of-type(2)
    {
        width: 50%;
        margin-left: 50%;
    }

    #thumbnail > div:nth-of-type(2) > div
    {
        width: 200%;
        margin-left: -100%;
    }

    #thumbnail > div:last-of-type .leftPageCount:before
    {
        content: '奥付';
    }

    #thumbnail > div:last-of-type
    {
        width: 50%;
    }

    #thumbnail > div:last-of-type > div
    {
        width: 200%;
    }

    #thumbnail > div:last-of-type .rightPageCount:after
    {
        content: ' ';
    }

    #thumbnail > div:nth-of-type(n+3):nth-last-of-type(n+2) .leftPageCount:before
    {
    	content:counter(li);
    }

    #thumbnail > div:nth-of-type(n+3):nth-last-of-type(n+2) .rightPageCount:after
    {
    	content:counter(li);
    }


    .pagefield .pagerect{
        transition: top 0.25s linear 0s , left 0.25s linear 0s;
    }

    
    .pagefield.js-moving .pagerect{
        -webkit-transition: none;
        transition: none;
    }
    

    /* #region pageeditimageArea*/
    #pageeditimageArea {
	    box-sizing: border-box;

        width: 210px;/* 222px;*/
        height: 296px;/*308px;*/

	    padding: 14px 18px 14px 18px; /*20px 24px 20px 24px;*/
	    border: 1px solid black;
        /*
        margin-left: auto;
        margin-right: auto;
         */
        position: relative;
        overflow: hidden;
        
        -ms-transform-origin: top left;
	    -moz-transform-origin: top left;
	    -webkit-transform-origin: top left;
	    -o-transform-origin: top left;
	    transform-origin: top left;

    }

    #pageeditimageArea.cover
    ,#pageeditimageArea.cover01
    ,#pageeditimageArea.cover02
    ,#pageeditimageArea.cover03
    {
        padding: 0;
    }
    

    #pageeditimageArea > div
    {
        width: 174px;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        /*position:relative;*/
    }
    
    #pageeditimageArea.t01 > div
    {
        height: 268px;
    }

    #pageeditimageArea.t02 > div
    {
        height: 250px; /* 125 * 2 */
    }

    #pageeditimageArea.t03 > div
    {
        height: 268px;
    }

    #pageeditimageArea.t04 > div
    {
        height: 254px;
    }

    #pageeditimageArea.s01 > div
    {
        height: 174px;
    }

    #pageeditimageArea.s02 > div
    {
        margin-top: 47px;
        height: 174px;
    }

    #pageeditimageArea.s03 > div
    {
        margin-top: 39px; /* 本当は38.8px */
        height: 174px;
    }

    #pageeditimageArea.y01 > div
    {
        height: 130px;
    }

    #pageeditimageArea.cover > div
    ,#pageeditimageArea.cover01 > div
    {
        height: 210px;
        width: 210px;
    }

    #pageeditimageArea.cover02 > div
    ,#pageeditimageArea.cover03 > div
    {
        height: 296px;
        width: 210px;
    }

    #pageeditimageArea #pageeditcommentArea
    {
        margin-top: 6px;
        border: 1px solid #555;
        font-size: 12px;
        text-align: center;
        height: 14px;
        width: 348px;
        -ms-transform-origin: top left;
	    -moz-transform-origin: top left;
	    -webkit-transform-origin: top left;
	    -o-transform-origin: top left;
	    transform-origin: top left;
        -ms-transform: scale(0.5);
	    -moz-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    -o-transform: scale(0.5);
	    transform: scale(0.5);
    }

    /* #region コメント入力欄 */
    #pageeditimageArea.cover #pageeditcommentArea
    ,#pageeditimageArea.cover01 #pageeditcommentArea
    ,#pageeditimageArea.cover02 #pageeditcommentArea
    ,#pageeditimageArea.cover03 #pageeditcommentArea
    ,#pageeditimageArea.t01 #pageeditcommentArea
    {
        display:none;
    }

    #pageeditimageArea.t02 #pageeditcommentArea
    ,#pageeditimageArea.t03 #pageeditcommentArea
    ,#pageeditimageArea.s01 #pageeditcommentArea
    ,#pageeditimageArea.s02 #pageeditcommentArea
    ,#pageeditimageArea.s03 #pageeditcommentArea
    ,#pageeditimageArea.y01 #pageeditcommentArea
    {
        /*表示するのでdisplayは設定しない*/    
    }

    #pageeditimageArea.t03 #pageeditcommentArea
    {
        /*表示するのでdisplayは設定しない*/    
        margin-top: -12px;
    }

    #pageeditimageArea.t04 #pageeditcommentArea
    {
        /*表示するのでdisplayは設定しない*/    
        /*margin-top: -4px;*/
    }

    /* #endregion コメント入力欄 */

    #pageeditimageArea.s01
    ,#pageeditimageArea.s02
    ,#pageeditimageArea.s03
    {
        /*height:200px;*/
    }

    #pageeditimageArea.t01
    {
        /*height:308px;*/
    }

    #pageeditimageArea.t02
    {
        /*height:308px;*/
    }

    #pageeditimageArea.t03
    {
        /*height:308px;*/
    }

    #pageeditimageArea.t04
    {
        /*height:308px;*/
    }

    #pageeditimageArea.y01
    {
        /*height:200px;*/
    }
    
    /* 20150626 3110 位置調整 */
    /*
    #pageeditimage
    {
	    background-position: center center;
	    -moz-background-size: cover;
	    -webkit-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
    }
    */
    #pageeditimage
    {
        position: relative;
        /*
        left: 50%;
        top: 50%;
        margin-top: -50%;
        margin-left: -50%;
            */
        /*
            -moz-transition-property: width, height;
            -o-transition-property: width, height;
            -webkit-transition-property: width, height;
            -ms-transition-property: width, height;
            transition-property: width, height;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -moz-transition-delay: 0;
            -o-transition-delay: 0;
            -webkit-transition-delay: 0;
            -ms-transition-delay: 0;
            transition-delay: 0;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            -webkit-transition-timing-function: ease-out;
            -ms-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            */
    }

    #pageeditimage span {
        background-position: center center;
        background-size: cover;
        display: block;
        position: relative;
        cursor: pointer;
        image-orientation: none;
    }

        #pageeditimage span.trasited {
            -moz-transition-property: top, left, width, height;
            -o-transition-property: top, left, width, height;
            -webkit-transition-property: top, left, width, height;
            -ms-transition-property: top, left, width, height;
            transition-property: top, left, width, height;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -moz-transition-delay: 0;
            -o-transition-delay: 0;
            -webkit-transition-delay: 0;
            -ms-transition-delay: 0;
            transition-delay: 0;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            -webkit-transition-timing-function: ease-out;
            -ms-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }


    #pageeditimageArea.deg90 #pageeditimage
    {
        -ms-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
    }

    #pageeditimageArea.deg180 #pageeditimage
    {
        -ms-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
    }

    #pageeditimageArea.deg270 #pageeditimage
    {
        -ms-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    transform: rotate(270deg);
    }

    #pageeditimageArea.s01 #pageeditimage
    ,#pageeditimageArea.s02 #pageeditimage
    ,#pageeditimageArea.s03 #pageeditimage
    {
        width: 174px;
        height: 174px;
        margin: 0;
    }

    #pageeditimageArea.cover #pageeditimage
    ,#pageeditimageArea.cover01 #pageeditimage
    {
        width: 210px;
        height: 210px;
        margin: 0;
    }

    #pageeditimageArea.cover02 #pageeditimage
    ,#pageeditimageArea.cover02.deg0 #pageeditimage
    ,#pageeditimageArea.cover02.deg180 #pageeditimage
    {
        width: 210px;
        height: 296px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.cover02.deg90 #pageeditimage
    ,#pageeditimageArea.cover02.deg270 #pageeditimage
    {
        width: 296px;
        height: 210px;
        margin-top: 43px;
        margin-left: -43px;
    }

    #pageeditimageArea.cover03 #pageeditimage
    ,#pageeditimageArea.cover03.deg0 #pageeditimage
    ,#pageeditimageArea.cover03.deg180 #pageeditimage
    {
        width: 210px;
        height: 296px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.cover03.deg90 #pageeditimage
    ,#pageeditimageArea.cover03.deg270 #pageeditimage
    {
        width: 296px;
        height: 210px;
        margin-top: 43px;
        margin-left: -43px;
    }

    #pageeditimageArea.t01 #pageeditimage,
    #pageeditimageArea.t01.deg0 #pageeditimage,
    #pageeditimageArea.t01.deg180 #pageeditimage
    {
        width: 174px;
        height: 268px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.t01.deg90 #pageeditimage,
    #pageeditimageArea.t01.deg270 #pageeditimage
    {
        margin-top: 47px;
        margin-left: -47px;
        width: 268px;
        height: 174px;
    }

    #pageeditimageArea.t02 #pageeditimage,
    #pageeditimageArea.t02.deg0 #pageeditimage,
    #pageeditimageArea.t02.deg180 #pageeditimage
    {
        width: 174px;
        height: 250px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.t02.deg90 #pageeditimage,
    #pageeditimageArea.t02.deg270 #pageeditimage
    {
        margin-top: 38px; /* (250-174) / 2*/
        margin-left: -38px;
        width: 250px;
        height: 174px;
    }


    #pageeditimageArea.t03 #pageeditimage,
    #pageeditimageArea.t03.deg0 #pageeditimage,
    #pageeditimageArea.t03.deg180 #pageeditimage
    {
        width: 174px;
        height: 268px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.t03.deg90 #pageeditimage,
    #pageeditimageArea.t03.deg270 #pageeditimage
    {
        margin-top: 47px;
        margin-left: -47px;
        width: 268px;
        height: 174px;
    }

    #pageeditimageArea.t04 #pageeditimage,
    #pageeditimageArea.t04.deg0 #pageeditimage,
    #pageeditimageArea.t04.deg180 #pageeditimage
    {
        width: 174px;
        height: 254px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.t04.deg90 #pageeditimage,
    #pageeditimageArea.t04.deg270 #pageeditimage
    {
        margin-top: 40px; /* (254-174) / 2*/
        margin-left: -40px;
        width: 254px;
        height: 174px;
    }

    #pageeditimageArea.y01 #pageeditimage,
    #pageeditimageArea.y01.deg0 #pageeditimage,
    #pageeditimageArea.y01.deg180 #pageeditimage
    {
        width: 174px;
        height: 130px;
        margin-top: 0;
        margin-left: 0;
    }

    #pageeditimageArea.y01.deg90 #pageeditimage,
    #pageeditimageArea.y01.deg270 #pageeditimage
    {
        margin-top: -22px;
        margin-left: 22px;
        width: 130px;
        height: 174px;
    }
    /* #endregion pageeditimageArea*/

    /* #region テンプレート選択 */
    #templateedit.innerselect .covertemplate{
        display: none;
    }
    #templateedit.coverselect .innertemplate{
        display: none;
    }

    #pageedit .edit-template {
        display: none;
    }
    /* #endregion テンプレート選択*/


    /* #region テンプレート選択 */
    /*
    [data-pagesize="A5YDANK"] ~ #pageedit .edit-template-c02 
    ,[data-pagesize="A5YDANK"] ~ #pageedit .edit-template-c03
    ,[data-pagesize="A5YDANK"] ~ #pageedit .edit-template-s02
    ,[data-pagesize="A5YDANK"] ~ #pageedit .edit-template-t02
    {
        display:none;
    }

    */
    [data-pagesize="A5YDANK"] ~ #pageedit #templateedit.coverselect {
        display: none;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit .innertemplate {
	    overflow-x: auto;
    }
    /* #endregion テンプレート選択*/

    /* #region pageeditimageArea dank*/

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea {
        width: 406px;/* 222px;*/
        height: 292px;/*308px;*/
        padding-left: 0;
        padding-right: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03
    {
    }
    

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea > div
    {
        /*width: 174px;*/
        overflow: hidden;
    }
    
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01 > div
    {
        height: 263px;
        width: 174px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.t01 > div
    {
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.t01 > div
    {
        margin-right: 0;
    }


    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.s01 > div
    {
        height: 256px;
        width: 256px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.s01 > div
    {
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.s01 > div
    {
        margin-right: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01 > div
    {
        height: 256px;
        width: 370px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover > div
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01 > div
    {
        height: 216px;
        width: 418px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea #pageeditcommentArea
    {
        margin-top: 6px;
        margin-left: 53px; /*40px + 13px*/
        border: 1px solid #555;
        font-size: 12px;
        text-align: center;
        height: 14px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.s01 #pageeditcommentArea
    {
        width: 512px;
        /*margin-left: 57px;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit#pageedit[data-pageside="right"] #pageeditimageArea.s01 #pageeditcommentArea
    {
        margin-left: 111px;
    }


    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01 #pageeditcommentArea
    {
        width: 740px;
    }
    
    /* 20150626 3110 位置調整 */

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimage
    {
        position: relative;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimage span {
        background-position: center center;
        background-size: cover;
        display: block;
        position: relative;
        cursor: pointer;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimage span.trasited {
        -moz-transition-property: top, left, width, height;
        -o-transition-property: top, left, width, height;
        -webkit-transition-property: top, left, width, height;
        transition-property: top, left, width, height;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }


    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.deg90 #pageeditimage
    {
	    -moz-transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.deg180 #pageeditimage
    {
	    -moz-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.deg270 #pageeditimage
    {
        -ms-transform: rotate(270deg);
	    -moz-transform: rotate(270deg);
	    -webkit-transform: rotate(270deg);
	    -o-transform: rotate(270deg);
	    transform: rotate(270deg);
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.s01 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.s02 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.s03 #pageeditimage
    {
        width: 256px;
        height: 256px;
        margin: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover.deg0 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover.deg180 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01.deg0 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01.deg180 #pageeditimage
    {
        width: 418px;
        height: 216px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover.deg90 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover.deg270 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01.deg90 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover01.deg270 #pageeditimage
    {
        margin-top: -101px;
        margin-left: 101px;
        width: 216px;
        height: 418px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02.deg0 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02.deg180 #pageeditimage
    {
        width: 210px;
        height: 296px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02.deg90 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover02.deg270 #pageeditimage
    {
        width: 296px;
        height: 210px;
        margin-top: 43px;
        margin-left: -43px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03.deg0 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03.deg180 #pageeditimage
    {
        width: 210px;
        height: 296px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03.deg90 #pageeditimage
    ,[data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.cover03.deg270 #pageeditimage
    {
        width: 296px;
        height: 210px;
        margin-top: 43px;
        margin-left: -43px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01.deg180 #pageeditimage
    {
        width: 174px;
        height: 263px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t01.deg270 #pageeditimage
    {
        margin-top: 45px;
        margin-left: -45px;
        width: 263px;
        height: 174px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t02 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t02.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t02.deg180 #pageeditimage
    {
        width: 174px;
        height: 250px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t02.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t02.deg270 #pageeditimage
    {
        margin-top: 38px; /* (250-174) / 2*/
        margin-left: -38px;
        width: 250px;
        height: 174px;
    }


    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t03 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t03.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t03.deg180 #pageeditimage
    {
        width: 174px;
        height: 268px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t03.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t03.deg270 #pageeditimage
    {
        margin-top: 47px;
        margin-left: -47px;
        width: 268px;
        height: 174px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t04 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t04.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t04.deg180 #pageeditimage
    {
        width: 174px;
        height: 254px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t04.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.t04.deg270 #pageeditimage
    {
        margin-top: 40px; /* (254-174) / 2*/
        margin-left: -40px;
        width: 254px;
        height: 174px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01.deg180 #pageeditimage
    {
        width: 370px;
        height: 256px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.y01.deg270 #pageeditimage
    {
        margin-top: -57px;
        margin-left: 57px;
        width: 256px;
        height: 370px;
    }

    /* #endregion pageeditimageArea*/


    /* #region dank a5y */

[data-pagesize="A5YDANK"] ~ #pageedit .edit-template label
,[data-pagesize="A5YDANK"] ~ #pageedit .edit-template a {
	display: block;
	overflow: hidden;
	width: 66px;
	height: 46px;
	background-repeat: no-repeat;
}

.edit-template-sd01 label {
	background-image: url(../images/DANK/edit_template04_off.png);
}
.edit-template-sd01 label:hover
,.edit-template-sd01 input:checked + label {
	background-image: url(../images/DANK/edit_template04_on.png);
}

.edit-template-yd01 label {
	background-image: url(../images/DANK/edit_template01_off.png);
}
.edit-template-yd01 label:hover
,.edit-template-yd01 input:checked + label {
	background-image: url(../images/DANK/edit_template01_on.png);
}

.edit-template-yd02 label {
	background-image: url(../images/DANK/edit_template03_off.png);
}
.edit-template-yd02 label:hover
,.edit-template-yd02 input:checked + label {
	background-image: url(../images/DANK/edit_template03_on.png);
}
.edit-template-yd03 label {
	background-image: url(../images/DANK/edit_template05_off.png);
}
.edit-template-yd03 label:hover
,.edit-template-yd03 input:checked + label {
	background-image: url(../images/DANK/edit_template05_on.png);
}
#pageedit[data-pageside="left"] .edit-template-yd04 label {
	background-image: url(../images/DANK/edit_template06_off.png);
}
#pageedit[data-pageside="left"] .edit-template-yd04 label:hover
,#pageedit[data-pageside="left"] .edit-template-yd04 input:checked + label {
	background-image: url(../images/DANK/edit_template06_on.png);
}
#pageedit[data-pageside="right"] .edit-template-yd04 label {
	background-image: url(../images/DANK/edit_template07_off.png);
}
#pageedit[data-pageside="right"] .edit-template-yd04 label:hover
,#pageedit[data-pageside="right"] .edit-template-yd04 input:checked + label {
	background-image: url(../images/DANK/edit_template07_on.png);
}

.edit-template-td01 label {
	background-image: url(../images/DANK/edit_template02_off.png);
}

.edit-template-td01 label:hover
,.edit-template-td01 input:checked + label {
	background-image: url(../images/DANK/edit_template02_on.png);
}

.edit-template-td02 label {
	background-image: url(../images/DANK/edit_template10_off.png);
}

.edit-template-td02 label:hover
,.edit-template-td02 input:checked + label {
	background-image: url(../images/DANK/edit_template10_on.png);
}

#pageedit[data-pageside="left"] .edit-template-td03 label {
	background-image: url(../images/DANK/edit_template08_off.png);
}

#pageedit[data-pageside="left"] .edit-template-td03 label:hover
,[data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] .edit-template-td03 + label {
	background-image: url(../images/DANK/edit_template08_on.png);
}

#pageedit[data-pageside="right"] .edit-template-td03 label {
	background-image: url(../images/DANK/edit_template09_off.png);
}

#pageedit[data-pageside="right"] .edit-template-td03 label:hover
,#pageedit[data-pageside="right"] .edit-template-td03 + label {
	background-image: url(../images/DANK/edit_template09_on.png);
}


    /* #region yd01 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01 > div
    {
        height: 240px;
        width: 380px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01.deg180 #pageeditimage
    {
        height: 240px;
        width: 380px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01.deg270 #pageeditimage
    {
        margin-top: -70px;
        margin-left: 70px;
        height: 380px;
        width: 240px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd01 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        /*margin-left: 40px;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.yd01 #pageeditcommentArea
    {
        /*text-align: left;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.yd01 #pageeditcommentArea
    {
        /*text-align: right;*/
    }

    /* #endregion yd01 */
    /* #region yd02 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02 > div
    {
        height: 256.5px;
        width: 412px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02
    {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02.deg180 #pageeditimage
    {
        height: 256.5px;
        width: 412px;
        margin-top: 0px;
        margin-left: 0px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02.deg270 #pageeditimage
    {
        margin-top: -77.75px;
        margin-left: 77.75px;
        height: 412px;
        width: 256.5px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd02 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.yd02 #pageeditcommentArea
    {
        /*text-align: left;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.yd02 #pageeditcommentArea
    {
        /*text-align: right;*/
    }

    /* #endregion yd02 */
    /* #region yd03 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03 > div
    {
        height: 298px;
        width: 412px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03
    {
        /*塗足しまで*/
        padding: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03.deg180 #pageeditimage
    {
        height: 298px;
        width: 412px;
        margin-top: 0px;
        margin-left: 0px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03.deg270 #pageeditimage
    {
        margin-top: -57px;
        margin-left: 57px;
        height: 412px;
        width: 298px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd03 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
        display: none;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.yd03 #pageeditcommentArea
    {
        /*text-align: left;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.yd03 #pageeditcommentArea
    {
        /*text-align: right;*/
    }

    /* #endregion yd03 */
    /* #region yd04 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04 > div
    {
        height: 298px;
        width: 356px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04
    {
        /*塗足しまで*/
        padding: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.yd04 #pageeditTrimmingAria
    {
        /*左寄せ*/
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.yd04 #pageeditTrimmingAria
    {
        /*右寄せ*/
        margin-right: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04.deg180 #pageeditimage
    {
        height: 298px;
        width: 356px;
        margin-top: 0px;
        margin-left: 0px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04.deg270 #pageeditimage
    {
        margin-top: -29px;
        margin-left: 29px;
        height: 356px;
        width: 298px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.yd04 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
        display: none;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.yd04 #pageeditcommentArea
    {
        /*text-align: left;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.yd04 #pageeditcommentArea
    {
        /*text-align: right;*/
    }

    /* #endregion yd04 */

    /* #region td01 */

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01 > div
    {
        height: 240px;
        width: 170px;
        margin-left: auto; 
        margin-right: auto; 
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01.deg180 #pageeditimage
    {
        height: 240px;
        width: 170px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01.deg270 #pageeditimage
    {
        margin-top: 45px;
        margin-left: -45px;
        height: 170px;
        width: 240px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td01 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
    }

    /* #endregion td01 */
    /* #region td02 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02 > div
    {
        height: 298px;
        width: 200px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02
    {
        /*塗足しまで*/
        padding: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02.deg180 #pageeditimage
    {
        height: 298px;
        width: 200px;
        margin-top: 0px;
        /*
        margin-left: 0px;
        */
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02.deg270 #pageeditimage
    {
        margin-top: 49px;
        margin-left: -49px;
        height: 200px;
        width: 298px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td02 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
        display: none;
    }

    /* #endregion td02 */
    /* #region td03 */
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03 > div
    {
        height: 298px;
        width: 200px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03
    {
        /*塗足しまで*/
        padding: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.td03 #pageeditTrimmingAria
    {
        /*左寄せ*/
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.td03 #pageeditTrimmingAria
    {
        /*右寄せ*/
        margin-right: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03.deg180 #pageeditimage
    {
        height: 298px;
        width: 200px;
        margin-top: 0px;
        margin-left: 0px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03.deg270 #pageeditimage
    {
        margin-top: 49px;
        margin-left: -49px;
        height: 200px;
        width: 298px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.td03 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
        display: none;
    }

    /* #endregion td03 */

    /* #region sd01 */

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01 > div
    {
        height: 240px;
        width: 240px;
        margin-left: auto; 
        margin-right: auto; 
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01.deg0 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01.deg180 #pageeditimage
    {
        height: 240px;
        width: 240px;
        margin-top: 0;
        margin-left: 0;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01.deg90 #pageeditimage,
    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01.deg270 #pageeditimage
    {
        margin-top: 0px;
        margin-left: 0px;
        height: 240px;
        width: 240px;
    }

    [data-pagesize="A5YDANK"] ~ #pageedit #pageeditimageArea.sd01 #pageeditcommentArea
    {
        /* コメントエリアは1/2表示しているので通常の倍のサイズ */
        width: 600px; 
        height: 28px; 
        font-size: 26px; 
        margin-top: 9.5px;
        margin-left: 53px; /*40px + 13px*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="left"] #pageeditimageArea.sd01 #pageeditcommentArea
    {
        /*text-align: left;*/
    }

    [data-pagesize="A5YDANK"] ~ #pageedit[data-pageside="right"] #pageeditimageArea.sd01 #pageeditcommentArea
    {
        /*text-align: right;*/
    }

    /* #endregion td01 */

    /* #endregion dank a5y */