/*** 全体。 ***/
html,body,div{margin:0;padding:0;border:0;}
div{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"メイリオ";text-align:center;}
/*** スライドショー全体。 ***/
.RenShufThRPageSGs{position:relative;top:0px;left:0px;margin:auto;text-align:center;overflow:hidden;}
/*** スライドショー全体。全Window型。 ***/
.sl_1{width:100%;height:100vh;overflow:hidden;}
/*** スライドショー全体。固定サイズ型は写真の最大表示サイズを書く。 ***/
.sl_2{width:100%;max-width:690px;}
.sl_3{width:100%;max-width:560px;}
/*** 写真部分。 ***/
.RenShufThRPageSGs .base{position:relative;top:0px;left:0px;width:100%;}
/*** 写真部分。全Window型。 ***/
.sl_1 .base{height:100%;}
/*** 写真部分。固定サイズ型はpadding-top:～%;に写真部分の（高さ／幅）を％で書く。 ***/
.sl_2 .base{padding-top:66.667%;margin-bottom:10px;}
.sl_3 .base{padding-top:100%;margin-bottom:10px;}
/*** 写真DIV。 ***/
.RenShufThRPageSGs .base div{position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;}
/*** 操作ボタンとカウンター。 ***/
.mae,.tugi,.but_sl{width:50px;height:24px;cursor:pointer;}
.kazu{width:50px;display:inline-block;text-align:right;font-size:14px;}
/*** 操作パネルをスライドショーの内部に置く場合の外枠。 ***/
.sl_1 .con{position:absolute;top:-70px;left:10px;z-index:20;padding:15px;color:#fff;font-size:14px;background-color:rgba(0,0,0,0.6);border-radius:10px;-webkit-transition:0.5s;transition:0.5s;}
.sl_1:hover .con{top:10px;}
/*** ギャラリー。全Window型。 ***/
.sl_1 .gallery{
position:absolute;bottom:-90px;right:0px;z-index:20;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-transition:0.5s;transition:0.5s;}
.sl_1:hover .gallery{bottom:0px;}
/*** ギャラリー。固定サイズ型。 ***/
.sl_2 .gallery{
position:relative;top:0px;left:0px;margin:auto;margin-top:10px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
.sl_3 .gallery{
position:relative;top:0px;left:0px;margin:auto;margin-top:10px;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}
/*** サムネイル。 ***/
.RenShufThRPageSGs .gallery div{
display:inline-block;cursor:pointer;font-size:20px;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;-webkit-transition:0.3s;transition:0.3s;}
/** サムネイルのボーダー初期値。共通ならば↑に書き以下は不要。 **/
.sl_1 .gallery div{border:1px solid #fff;}
.sl_2 .gallery div{border:2px solid #fff;}
.sl_3 .gallery div{border:3px solid #fff;}