#art #nkm .whitesp { max-width: 850px; padding: 0; margin: 5px auto; color: rgba(100, 100, 100, 1.0); background: rgba(255, 255, 255, 0.9);}
#art #nkm .whitesp .contset0 .catch { box-sizing: border-box; width: 98%; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 auto; text-align: left; font-size: 116%; color: rgba(75, 75, 75, 1.0); background: rgba(255, 255, 255, 1.0); padding: 10px;}
#art #nkm .whitesp .contset0 #tenji { margin: -30px auto 10px auto; padding-top: 0;}

#art #nkm .whitesp .contset0 #uketsuke h2 { width: 100%; max-width: 600px; margin: 0 auto 10px auto;}
#art #nkm .whitesp .contset0 #uketsuke h2 .ccall { width: 100%; height: 0; padding-top: 25%; position: relative; display: block;}
#art #nkm .whitesp .contset0 #uketsuke h2 .cctxt { width: 100%; height: 0; padding-top: 25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;background-image: url(../img/boshu_s.jpg); display: block;}

#art #nkm .whitesp .contsetset { width: 100%; height: 0; padding-top: 37.647058823529%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; z-index: 1000;}
#art #nkm .whitesp .contset { width: 100%; height: 0; padding-top: 37.647058823529%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; z-index: 1200; display: none;}
#art #nkm .whitesp .contset0 { width: 98%; margin: -8% auto 0 auto; padding-bottom: 15px; text-align: left; font-size: 90%; line-height: 200%; position: relative; z-index: 2000;}
#art #nkm .whitesp .babyartset { width: 100%; max-width: 700px; margin: 0 auto 15px auto; display: none;}
#art #nkm .whitesp .babyartset dt { text-align: center; font-weight: bold; padding-top: 10px; font-size: 90%; line-height: 130%;}
#art #nkm .whitesp .babyartset dd:before, #art #nkm .whitesp .babyartset dd:after { content: ""; display: table;}
#art #nkm .whitesp .babyartset dd:after { clear: both;}
#art #nkm .whitesp .babyartset .babyart { width: 46%; max-width: 300px; margin: 5px 0 5px 1.5%; padding-bottom: 5px; float: left; text-align: center; font-size: 80%; line-height: 130%; letter-spacing: 0; border: 2px solid rgba(254, 254, 254, 1.0); box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;}
#art #nkm .whitesp .babyartset .babyart:last-child { margin-right: 0;}
#art #nkm .whitesp .babyartset .babyart .imgall { box-sizing: border-box; width: 100%; height: 0; padding-top: 133%; position: relative; margin-bottom: 5px;}
#art #nkm .whitesp .babyartset .babyart .imgsp { box-sizing: border-box; width: 100%; height: 0; padding-top: 133%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

#art #nkm .whitesp .contset0 .keizoku { box-sizing: border-box; width: 90%; margin: 0 auto; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; border: 6px solid rgba(242, 196, 196, 0); background: radial-gradient(rgba(255, 198, 182, 0.6), rgba(255, 112, 89, 0)) 0 0, radial-gradient(rgba(255, 198, 182, 0.6), rgba(255, 112, 89, 0)) 50px 50px, linear-gradient(45deg, rgba(255, 112, 89, 0) 49%, rgba(255, 144, 94, 0.9) 50%, rgba(255, 112, 89, 0) 70%) 0 0, linear-gradient(-45deg, rgba(255, 112, 89, 0) 49%, rgba(255, 144, 94, 0.9) 50%, rgba(255, 112, 89, 0) 70%) 0 0; background-color: rgba(255, 209, 136, 1.0); background-size: 30px 30px; background-position: center;}
#art #nkm .whitesp .contset0 .keizoku .kztxt { box-sizing: border-box; padding: 5px; background: rgba(255, 255, 255, 1.0); text-align: center; font-family: "SimSun"; letter-spacing: -0.1em; font-size: 120%; color: rgba(231, 83, 104, 1.0); text-shadow: 1px 1px 2px rgba(236, 94, 0, 0.4); -moz-text-shadow: 1px 1px 2px rgba(236, 94, 0, 0.4); -webkit-text-shadow: 1px 1px 2px rgba(236, 94, 0, 0.4); background: linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0, linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px, rgba(255, 253, 244, 1.0); background-size: 15px 30px;}
#art #nkm .whitesp .contset0 .ksrsp { width: 60%; height: 10px; margin: 0 auto; border-left: 2px dotted rgba(177, 85, 85, 0.7); border-right: 2px dotted rgba(177, 85, 85, 0.7);}

#art #nkm .whitesp .sakuhinset { width: 100%; max-width: 900px; margin: 5px auto 0 auto;}
#art #nkm .whitesp .sakuhinset .plust { display: none;}
#art #nkm .whitesp .sakuhinset .more { box-sizing: border-box; width: 98%; height: 50px; position: relative; font-size: 85%; font-weight: bold; color: rgba(227, 24, 28, 1.0); padding-top: 10px; margin-bottom: 10px; text-align: center; margin: 5px auto; background: rgba(227, 24, 28, 0.03);}
#art #nkm .whitesp .sakuhinset .more .mntxt { box-sizing: border-box; width: 100%; letter-spacing: 0.1em; padding-right: 10px;}
#art #nkm .whitesp .sakuhinset .more::after { position: absolute; top: 50%; right: 35%; display: block; content: ''; width: 4px; height: 4px; margin-top: -5px; border-top: 2px solid rgba(227, 24, 28, 1.0); border-right: 2px solid rgba(227, 24, 28, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
#art #nkm .whitesp .sakuhinset .more:hover { background: rgba(227, 24, 28, 0.05); cursor: pointer; opacity: 0.9;}

#art #nkm .whitesp .sakuhinset ul:before, #art #nkm .whitesp .sakuhinset ul:after { content: ""; display: table;}
#art #nkm .whitesp .sakuhinset ul:after { clear: both;}
#art #nkm .whitesp .sakuhinset ul { width: 100%; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#art #nkm .whitesp .sakuhinset .sakuhin { box-sizing: border-box; width: 32%; max-width: 380px; box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; background: rgba(255, 255, 255, 1.0); margin: 2px 0 2px 1%; float: left; border: 1px solid rgba(225, 79, 110, 0.3);}
#art #nkm .whitesp .sakuhinset .sakuhin a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 73, 0); overflow: hidden;}
#art #nkm .whitesp .sakuhinset .sakuhin a:hover { background: rgba(255, 255, 73, 0.3);}
#art #nkm .whitesp .sakuhinset .sakuhin .infotxt { font-size: 80%; line-height: 140%; padding: 10px; color: rgba(1, 1, 1, 1.0);}
#art #nkm .whitesp .sakuhinset .sakuhin .infotxt .col { color: rgba(225, 79, 110, 1.0);}
#art #nkm .whitesp .sakuhinset .sakuhin .simgall { box-sizing: border-box; width: 100%; height: 0; padding-top: 100%; position: relative;}
#art #nkm .whitesp .sakuhinset .sakuhin .simgsp { box-sizing: border-box; width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}

/*colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50%; left:50%; width:50%; height:50%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background: rgba(255, 255, 255, 0.9);}
#colorbox{outline:0;}
#cboxContent{margin-top:0;background: rgba(255, 255, 255, 1.0);}
.cboxIframe{background: rgba(255, 255, 255, 1.0);}
#cboxError{padding:50px; border:1px solid rgba(204, 204, 204, 1.0);}
#cboxLoadedContent{border:5px solid rgba(255, 255, 255, 1.0); background: rgba(0, 0, 0, 1.0);}
#cboxTitle{position:absolute; top:-20px; left:0; color: rgba(255, 255, 255, 1.0); letter-spacing: 0.2em; font-weight: bold;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color: rgba(204, 204, 204, 1.0);}
@-ms-keyframes cboxLoadingGraphic { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);}}
@-moz-keyframes cboxLoadingGraphic { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-webkit-keyframes cboxLoadingGraphic { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@keyframes cboxLoadingGraphic { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}}
/* :not(:required) hides this rule from IE9 and below */
#cboxLoadingGraphic:not(:required) { -moz-animation: spinner-loader 1500ms infinite linear; -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color: rgba(0, 0, 0, 1.0)}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls_w.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}

/*for_W640-*/
@media screen and (min-width: 640px) {
#art #nkm .whitesp .contset0 #uketsuke h2 { width: 100%; max-width: 780px; margin: 20px auto;}
#art #nkm .whitesp .contset0 #uketsuke h2 .ccall { width: 100%; height: 0; padding-top: 7.69230692308%; position: relative; display: block;}
#art #nkm .whitesp .contset0 #uketsuke h2 .cctxt { width: 100%; height: 0; padding-top: 7.69230692308%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;background-image: url(../img/boshu.jpg); display: block;}
#art #nkm .whitesp .contset0 #tenji { margin: -60px auto 10px auto;}

#art #nkm .whitesp .contset0 .keizoku { width: 60%;}
#art #nkm .whitesp .contset0 .keizoku .kztxt { letter-spacing: 0; font-size: 130%;}
#art #nkm .whitesp .contset0 .ksrsp { width: 50%;}
}

/*for_W900-*/
@media screen and (min-width: 900px) {
#art #nkm .whitesp .contset0 .keizoku { font-size: 120%; letter-spacing: 0.2em; width: 60%; margin-bottom: 10px;}
#art #nkm .whitesp .contset0 .keizoku .kztxt { letter-spacing: 0; font-size: 140%; padding: 10px;}
#art #nkm .whitesp .contset0 .ksrsp { width: 50%; height: 10px; margin: 0 auto; border-left: 2px dotted rgba(177, 85, 85, 0.7); border-right: 2px dotted rgba(177, 85, 85, 0.7);}
}