/***********************************************
FileName:loop.css 2019-10-14　SP用
************************************************/

/*フォトループ 枠無し*/

#bx-pager a img{
	display:inline;
	margin: 0px 5px !important;
	}

#bx-pager {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
	}

#bx-main{
	padding-bottom:0px;
	width: 100%;
	margin: 0px 0px !important;
	}

#bx-main img{
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	height: auto;
	}

body{
	background-color: transparent;
	}

/*以下全画面版(二重)の基本設定*/

.carousel_over{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
	}

#roop_over{
	padding:0px;
	margin:0 auto;
	text-align:center;
	width:100%;
	}

/*全画面版(二重) カスタマイズ可能
文字の左からの位置・文字サイズの指定 */

.backloop_mes {
	margin-left:30px;
	font-size:4rem;
	}

/*サブ画像の高さ#bx-pagerの数字を基本とし、
.carousel_overのmargin-bottom:にマイナス数字で指定ください。 
例 #bx-pager {bottom: 30px;}
例 .carousel_over {margin-bottom: -30px;}
*/

#bx-pager {
	bottom: 35px;
	}

.carousel_over {
	margin-bottom: -30px;
	}