/*
Supersized - Fullscreen Slideshow jQuery Plugin
Version : 3.2.4
Site	: www.buildinternet.com/project/supersized
Author	: Sam Dunn
Company : One Mighty Roar (www.onemightyroar.com)
License : MIT License / GPL License
*/

/*リセットcssbase.cssに記載 */
* { margin:0; padding:0; }


body {
background-color:#111;
height:100%;
background: #000 url(null) fixed;
overflow:hidden;
-webkit-font-smoothing: subpixel-antialiased;
}

img {
border:none;
}

h1.title{
margin: 0 auto;
border: none;
padding: 0;
}

@media screen and (max-width: 767px) {
.dotbackdark{
display:none;
}
.dotbackbright{
display:none;
}
h1.title{
width: 45%;
height: 45%;
max-width:230px;
position: fixed;
top: 5px;
left: 5px;
text-indent: -9000px;
background-color: transparent;
background-image: url("http://www.kazari-sakuiro.jp/gallery/images/gallerylogo2.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
background-size: contain;
z-index: 100;
}
}


@media screen and (min-width: 768px) {
.dotbackdark{
display:none;
}
.dotbackbright{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("http://www.kazari-sakuiro.jp/gallery/images/patternbright.png");
background-repeat: repeat;
z-index: 3;
}

h1.title{
width: 40%;
height: 40%;
max-width:250px;
max-height: 40%;
position: fixed;
top: 10px;
left: 15px;
text-indent: -9000px;
background-color: transparent;
background-image: url("http://www.kazari-sakuiro.jp/gallery/images/gallerylogo.svg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
background-size: contain;
z-index: 100;
}

.ad {
display: block;
position: fixed;
top:10px;
right:10px;
z-index:10;
}

.ad2 {
display: none;
}

}

@media only screen and (orientation : portrait){
.ad {
display: none;
}
.ad2 {
display: block;
position:absolute;
bottom:35px;
z-index:10;
width:100%;
text-align: center;
}
}

@media only screen and (orientation : landscape) and (max-width: 767px){
.ad {
display: none;
}
.ad2 {
display: block;
position:absolute;
top:5px;
right:5px;
z-index:10;
width:auto;
}
}

#supersized-loader {
position:absolute;
top:50%;
left:50%;
z-index:1200;
width:60px;
height:60px;
margin:-30px 0 0 -30px;
text-indent:-999em;
background:url(../images/progress.gif) no-repeat center center;
}

#supersized {
display:block;
position:fixed;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}

#supersized img {
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
}

#supersized.speed img {
-ms-interpolation-mode:nearest-neighbor;
image-rendering: -moz-crisp-edges;
}/*Speed*/

#supersized.quality img {
-ms-interpolation-mode:bicubic;
image-rendering: optimizeQuality;
}/*Quality*/
	
#supersized li {
display:block;
list-style:none;
z-index:-30;
position:fixed;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
}

#supersized a {
width:100%;
height:100%;
display:block;
}

#supersized li.prevslide {
z-index:-20;
}

#supersized li.activeslide {
z-index:-10;
}

#supersized li.image-loading {
background:#111 url(../img/progress.gif) no-repeat center center;
width:100%;
height:100%;
}

#supersized li.image-loading img{
visibility:hidden;
}

#supersized li.prevslide img,
#supersized li.activeslide img {
display:inline;
}

/*googleAdSenseカスタム検索====================================*/
#cse-search-box {
 position: absolute;
 top: 10px;
 right:20px;
width:307px !important;
height:50px;
z-index: 100;
}
#cse-search-box div {
padding:0 !important;
}
#cse-search-box input[type="text"] {
font-size: 14px;
height: 14px;
padding: 12px 0px 12px 10px !important;
width: 291px;
background: #fff;
/*border: none !important;*/
border:none !important;
border-radius: 7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
float:left;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3) inset;
}
#cse-search-box input[type="submit"] {
background: url("http://www.kazari-sakuiro.jp/gallery/images/icon_search.png") no-repeat scroll 50% 50%;
color: #ffffff;
height: 38px;
width: 38px;
overflow: hidden;
text-indent: -9999px;
-webkit-appearance: none;
float: right;
margin-left: -38px;
border:0px solid !important;
border-radius: 0px 7px 7px 0px;
-moz-border-radius:0px 7px 7px 0px;
-webkit-border-radius:0px 7px 7px 0px;
}