#gallerysp { width: 95%; max-width: 600px; box-sizing: border-box; padding: 0; margin: 10px auto 15px auto;}
#galleryphotosp { box-sizing: border-box; width: 100%; position: relative;}
.sp-mask { position: relative; overflow: hidden; z-index: 100;}
.sp-slides { position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; display: none;}
.sp-slide { position: absolute;}
.sp-image-container { overflow: hidden;}
.sp-image { position: relative; display: block; border: none;}
.sp-no-js { overflow: hidden; max-width: 100%;}
.sp-slide .psp { width: 100%; height: 0; padding-top: 66.66666666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px;}
.sp-slide .psptate { width: 66.66666666666666666667%; height: 0; padding-top: 150%; margin-left: 16%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 1px}
.cwt { background: rgba(0, 0, 0, 0.3); box-sizing: border-box; width: 65px; position: absolute; top: 0; left: 0; text-align: center; padding: 0 2px 2px 5px; color: rgba(255, 255, 255, 1.0); font-size: 85%; letter-spacing: 0.2em; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}
.cwt .gt { color: rgba(100, 100, 100, 0.7);}
/* Thumbnails */
.sp-thumbnails { display: none;}
/* Touch Swipe */
.sp-selectable { cursor: default;}
/* Arrows */
.sp-arrows { position: absolute;}
.sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.sp-slides-container:hover .sp-fade-arrows { opacity: 1;}
.sp-arrowset-p, .sp-arrowset-n { position: absolute; top: 0; display: block; width: 3%; height: 118%; cursor: pointer;}
.sp-arrowset-p:hover, .sp-arrowset-n:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6;}
.sp-horizontal .sp-arrows { width: 100%; left: 0; top: 0; height: 85%; display: block;}
.sp-arrow { position: absolute; display: block; width: 100%; height: 10px; top: 50%; margin-top: -5px;}
.sp-arrowset-p { left: -3%;}
.sp-arrowset-n { right: -3%;}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: ''; position: absolute; width: 40%; height: 90%; background-color: rgba(20, 179, 235, 1.0);}
.sp-previous-arrow:before { left: 5%; top: 0; -webkit-transform: skew(145deg, 0deg); -ms-transform: skew(145deg, 0deg); transform: skew(145deg, 0deg);}
.sp-previous-arrow:after { left: 5%; top: 88%; -webkit-transform: skew(-145deg, 0deg); -ms-transform: skew(-145deg, 0deg); transform: skew(-145deg, 0deg);}
.sp-next-arrow:before { right: 5%; top: 0; -webkit-transform: skew(35deg, 0deg); -ms-transform: skew(35deg, 0deg); transform: skew(35deg, 0deg);}
.sp-next-arrow:after { right: 5%; top: 88%; -webkit-transform: skew(-35deg, 0deg); -ms-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg);}
.ie8 .sp-arrow, .ie7 .sp-arrow { width: 0; height: 0;}
.ie8 .sp-arrow:before, .ie8 .sp-arrow:after, .ie7 .sp-arrow:before, .ie7 .sp-arrow:after { content: none;}
.ie8.sp-horizontal .sp-previous-arrow, .ie7.sp-horizontal .sp-previous-arrow { border-right: 20px solid #f68750; border-top: 20px solid transparent; border-bottom: 20px solid transparent;}
.ie8.sp-horizontal .sp-next-arrow, .ie7.sp-horizontal .sp-next-arrow { border-left: 20px solid #f68750; border-top: 20px solid transparent; border-bottom: 20px solid transparent;}
/*nojs*/
.njtsp { box-sizing: border-box; width: 100%; padding: 10% 0;}
.njtsptxt { width: 100%; font-size: 90%; text-align: center;}
#photosp0 ul:before, #photosp0 ul:after { content: ""; display: table;}
#photosp0 ul:after { clear: both;}
#photosp0 li { width: 54px; height: 54px; border: 1px solid rgba(255, 255, 255, 1.0); float: left;}

/*for_W768-*/
@media all and (min-width: 768px) {
.sp-arrow { position: absolute; display: block; width: 120%; height: 40px; top: 50%; margin-top: -20px;}
.sp-arrowset-p, .sp-arrowset-n { width: 5%; cursor: pointer;}
.sp-arrowset-p { left: -7%;}
.sp-arrowset-n { right: -7%;}
}