.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width:100%;
/*  height: 100%;*/
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
/*  height: 100%;*/
position: relative;
background-color: #fff;
}

/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-button-next,.swiper-button-prev { display: none!important }

/*************** org swiper ****************/

.swiper-container, .swiper-container-- { position: relative; overflow: hidden; z-index: 1; }

.swiper-wrapper { background-color: hsla(86,100%,50%,.0); }
 
.swiper-slide img { width: 100%!important; height: auto!important; }


.swiper-bg,
.swiper-pagination {
position: absolute;
z-index: 100;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
/*background: #ccc;*/
}

.swiper-slide { margin-bottom: 40px; overflow-y: visible!important; }
.template-product .swiper-slide,
.template-index .swiper-slide { margin-bottom: 0px }

.template-product .swiper-container .swiper-wrapper .swiper-slide,
.template-page .swiper-container .swiper-wrapper .swiper-slide 
{ cursor: col-resize; }

.swiper-pagination { background-color: hsla(33,100%,50%,0.000); }
.template-collection .swiper-pagination { display: none; }
.swiper-pagination-bullet { cursor: pointer; border: 1px solid #777; padding: 0!important; opacity: 1!important; margin: 0 5px; }

.template-index .swiper-slide.indexlogo img { border: 1px solid #ccc; box-sizing: border-box; }

/*
.swiper-pagination-bullet { font-size: 0; line-height: 0; width: 8px; height: 8px; display: inline-block; padding: 0!important; }

.template-product .swiper-pagination-bullet { background-color: hsla(0,0%,100%,.5);}
.template-page .swiper-pagination-bullet { background-color: hsla(0,0%,100%,.0);}


.template-product .swiper-container { box-sizing: border-box; }

.template-page .swiper-pagination-bullet { border-color: #fff; }
*/

/**２段デザインから移動**/

.template-product .swiper-container { border: #ccc 1px solid; box-sizing: border-box; }
.template-product .swiper-container { margin-bottom: 40px; }
.template-page .swiper-container { margin-bottom: 40px; }

.swiper-pagination { top: 6px; right: 10px; height: 30px; text-align: right; }

.template-product .swiper-pagination-bullet 
{ display: block;  width: 100px; height: 26px; border-radius: 5px; margin: 5px 0; background-color: hsla(0,0%,100%,.8)!important; 
background: url("img/pagination-bullet.svg"); background-size: 100px auto; background-repeat: no-repeat; background-position: center -18px;
}
.template-product .swiper-pagination-bullet:first-child { background-position: center 2px;}
.template-product .swiper-pagination-bullet:nth-child(2) { background-position: center -18px;}
.template-product .swiper-pagination-bullet:nth-child(3) { background-position: center -18px;}
.template-product .swiper-pagination-bullet:nth-child(4) { background-position: center -18px;}
.template-product .swiper-pagination-bullet:last-child { background-position: center -38px;}

.template-page .swiper-pagination-bullet
{ display: block;  width: 100px; height: 26px; border-radius: 5px; margin: 5px 0; background-color: hsla(0,0%,100%,.5)!important; 
background: url("img/pagination-bullet2.svg"); background-size: 100px auto; background-repeat: no-repeat; background-position: center -18px;
}

.template-page .hakui32series .swiper-pagination-bullet 
{ display: block;  width: 60px; height: 26px; border-radius: 5px; margin: 5px 0; background-color: hsla(0,0%,100%,.5)!important; 
background: url("img/pagination-bullet32.svg"); background-size: 60px auto; background-repeat: no-repeat; background-position: center -18px;
}

.template-page .swiper-pagination-bullet:first-child { background-position: center 2px;}
.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -18px;}
.template-page .swiper-pagination-bullet:nth-child(3) { background-position: center -38px;}

.template-product .swiper-pagination-bullet-active { background-color: hsla(0,0%,80%,.8)!important }
.template-page .hakui32series .swiper-pagination-bullet-active,
.template-page .swiper-pagination-bullet-active { background-color: hsla(0,0%,80%,.8)!important }

.h31-1.template-page .swiper-pagination-bullet:first-child { background-position: center -138px;}
.h31-1.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -158px;}
.h31-9.template-page .swiper-pagination-bullet:first-child { background-position: center -138px;}
.h31-9.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -158px;}

.h31-5.template-page .swiper-pagination-bullet:first-child { background-position: center -138px;}
.h31-5.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -158px;}

.h31-7.template-page .swiper-pagination-bullet:first-child { background-position: center -138px;}
.h31-7.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -158px;}
.h31-7.template-page .swiper-pagination-bullet:nth-child(3) { background-position: center -178px;}

.h31-12.template-page .swiper-pagination-bullet:first-child { background-position: center -138px;}
.h31-12.template-page .swiper-pagination-bullet:nth-child(2) { background-position: center -158px;}
.h31-12.template-page .swiper-pagination-bullet:nth-child(3) { background-position: center -178px;}

.template-page .hakui32series .swiper-pagination-bullet:first-child { background-position: center 2px!important;}
.template-page .hakui32series .swiper-pagination-bullet:nth-child(2) { background-position: center -18px!important;}
.template-page .hakui32series .swiper-pagination-bullet:nth-child(3) { background-position: center -38px!important;}
.template-page .hakui32series .swiper-pagination-bullet:nth-child(4) { background-position: center -58px!important;}
.template-page .hakui32series .swiper-pagination-bullet:nth-child(5) { background-position: center -78px!important;}

/**/

/** new **/
.popbox { position: absolute; z-index: 100; text-align: center; margin: -10px 8px }

.popbox:hover { 
opacity:0.8; 
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.popbox span { display: block }
.popbox span:first-child { border-radius: 4px; background-color: #ffffff; display: none!important; }
.popbox.so label,
.popbox span:last-child { background-color: hsla(0,0%,10%,1); border: 1px solid hsla(0,0%,100%,.7); color: hsla(0,0%,100%,1) }
.popbox.so label { background-color: hsla(0,0%,20%,.7); border: 1px solid hsla(0,0%,100%,.5); color: hsla(0,0%,100%,.6) }

.popbox input + #so,
.popbox.so1 input + #so1,
.popbox.so2 input + #so2,
.popbox.so3 input + #so3,
.popbox.so4 input + #so4,
.popbox.so5 input + #so5,
.popbox.so6 input + #so6,
.popbox.so7 input + #so7,
.popbox.so8 input + #so8
{ display: none; }

.popbox input:checked + #so,
.popbox.so1 input:checked + #so1,
.popbox.so2 input:checked + #so2,
.popbox.so3 input:checked + #so3,
.popbox.so4 input:checked + #so4,
.popbox.so5 input:checked + #so5,
.popbox.so6 input:checked + #so6,
.popbox.so7 input:checked + #so7,
.popbox.so8 input:checked + #so8
{ display:inline-block; font-size: .7em; padding: 4px 6px; height: 20px; line-height: 1em; border: 1px solid hsla(359,100%,41%,1); background-color: hsla(0,0%,100%,1);border-radius: 4px; margin-top: 8px; color: hsla(359,100%,41%,1); font-weight: 500; }

.popbox #check,
.popbox.so1 #check1,
.popbox.so2 #check2,
.popbox.so3 #check3,
.popbox.so4 #check4,
.popbox.so5 #check5,
.popbox.so6 #check6,
.popbox.so7 #check7,
.popbox.so8 #check8
{ display:none; }

.popbox span, .popbox label { position: relative; }

.popbox label:before, .popbox span:last-child:before 
{ content: "O"; font-family: 'Prompt', sans-serif; font-weight: 700; position: absolute; z-index: 1; width: 100%; display: block; }

.popbox.nn label:before, .popbox.nn span:last-child:before 
{ content: ""; }

.popbox label:before,
.popbox span:last-child:before { color: #000 ;
	text-shadow: 1px 1px 0 hsla(0,0%,100%,.5),
               -1px 1px 0 hsla(0,0%,100%,.5),
               1px -1px 0 hsla(0,0%,100%,.5),
               -1px -1px 0 hsla(0,0%,100%,.5);}

.popbox.ww label:before,
.popbox.ww span:last-child:before { color: #fff;  
	text-shadow: 1px 1px 0 hsla(0,0%,0%,.5),
               -1px 1px 0 hsla(0,0%,0%,.5),
               1px -1px 0 hsla(0,0%,0%,.5),
               -1px -1px 0 hsla(0,0%,0%,.5) }

/*
.popbox.so1 input + #so1
{ display: none; }
.popbox.so1 input:checked + #so1

{ display:inline-block; font-size: .8em; padding: 5px 10px; height: 22px; line-height: 1em; border: 1px solid hsla(359,100%,41%,1); background-color: hsla(0,0%,100%,1);border-radius: 4px; margin-top: 8px; color: hsla(359,100%,41%,1); font-weight: 500; }

.popbox.so1 #check1
{ display:none; }
*/

.template-product .swiper-button-next ,
.template-product .swiper-button-prev ,
.swiper-container-- .swiper-button-next ,
.swiper-container-- .swiper-button-prev 
{ display: none!important; }

/*************** @media ****************/

@media only screen and (min-width: 1024px) {/**２段デザイン**/

.popbox label, .popbox span:last-child { width: 90px; height: 24px; font-size: .9em; line-height: 1em; border-radius: 4px; padding: 4px 0 0; margin: 0; }
.popbox label:before, .popbox span:last-child:before { top: 5px; left: -55px; font-size: 10px; }
.popbox.rr label:before, .popbox.rr span:last-child:before { top: 5px; left: 55px; }
.template-page .swiper-slide.pht img { width: 64%!important; margin-left: 20%!important; margin-right: 15%!important; }
.template-collection .swiper-slide.pht img { width: 64%!important; margin-left: 35%!important; margin-right: 0%!important; }
.template-index .swiper-slide.pht img { width: 64%!important; margin-left: 35%!important; margin-right: 0%!important; }
.template-index .swiper-slide.indexpht img { width: 64%!important; margin-left: 16.5%!important; margin-right: 16.5%!important; }

.template-page .hakui32series .swiper-slide.pht img { width: 70%!important; margin-left: 20%!important; margin-right: 10%!important; }

.txtat.h31txtat { left: 20%; width: 80%; }
.template-collection .swiper-slide.phy.phy33 img { padding-top: 200px!important; }

}

@media only screen and (min-width: 1460px) {/*大型*/

}

@media only screen and (max-width: 1459px) {/*中型*/


}

@media only screen and (max-width: 1199px) {/*小型*/

.popbox { margin: -10px 6px }

.popbox label, .popbox span:last-child { width: 90px; height: 24px; font-size: .9em; line-height: 1em; border-radius: 4px; padding: 4px 0 0; margin: 0; }
.popbox label:before, .popbox span:last-child:before { top: 5px; left: -55px; font-size: 10px; }
.popbox.rr label:before, .popbox.rr span:last-child:before { top: 5px; left: 55px; }

}

@media only screen and (max-width: 1023px) {/**スマホデザイン**/

.swiper-container, .swiper-container-- { margin-top: 50px; }
.template-index .swiper-container { margin-top: 20px; padding: 0 10px 0; }
.template-product .swiper-container { margin-bottom: 0px; }

.popbox { margin: 0px 6px }

.popbox label, .popbox span:last-child { width: 90px; height: 24px; font-size: .9em; line-height: 1em; border-radius: 4px; padding: 4px 0 0; margin: 0; }
.popbox label:before, .popbox span:last-child:before { top: 5px; left: -55px; font-size: 10px; }
.popbox.rr label:before, .popbox.rr span:last-child:before { top: 5px; left: 55px; }

.template-page .swiper-slide.pht img { width: 64%!important; margin-left: 20%!important; margin-right: 15%!important; padding-top: 10px }
.template-page .hakui32series .swiper-slide.pht img { width: 64%!important; margin-left: 20%!important; margin-right: 15%!important; padding-top: 10px }
.txtat.h31txtat { left: calc(20% - 0px)!important; width: calc(64% - 0px)!important;  }
.template-collection .swiper-slide.pht img { width: 64%!important; margin-left: 35%!important; margin-right: 0%!important; }
.template-collection .swiper-slide.phy img { padding-top: 26vw!important; }
.template-index .swiper-slide.pht img { width: 64%!important; margin-left: 35%!important; margin-right: 0%!important; }

}


@media only screen and (max-width: 600px) {/**スマホ**/

.template-product .swiper-pagination-bullet { background: url("img/pagination-bulletSp.svg"); width: 60px; height: 22px; margin: 5px 0; background-size: 100px auto; background-position: center 2px; }
.template-page .swiper-pagination-bullet { background: url("img/pagination-bulletSp2.svg"); width: 40px; height: 22px; margin: 5px 0; background-size: 100px auto; background-position: center 2px; }
.template-page .hakui32series .swiper-pagination-bullet { background: url("img/pagination-bullet32Sp.svg"); width: 40px; height: 22px; margin: 5px 0; background-size: 40px auto; background-position: center 2px; }

.popbox { margin: -10px 4px }

.popbox label, .popbox span:last-child { width: 62px; height: 18px; font-size: .6em; line-height: 1em; border-radius: 4px; padding: 3px 0 0; margin: 0; }
.popbox label:before, .popbox span:last-child:before { top: 4px; left: -36px; font-size: 7px; }
.popbox.rr label:before, .popbox.rr span:last-child:before { top: 4px; left: 36px; }

.popbox.ss { margin-right: -10px!important; }

}






/*


.swiper-slide {  background-image: url("grid.png"); background-size: 100% auto; }
.swiper-slide img {  opacity: .8; }


*/