/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Lato:400,700);
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 'Noto Sans Japanese', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
 -webkit-text-size-adjust: 100%;
}

#modal_all{
	height: auto;
	color: #FFF;
}
#modal_all .bx-wrapper .bx-pager{
	color: #FFF;
	position: relative;
	text-align: right;
	top: -20px;
	padding-top: 0;
	font-size: 14px;
}
#modal_all .bx-wrapper .bx-controls-direction a{
	height: 58px;
}
#modal_all .bx-wrapper .bx-prev{
	background-position: 0 -58px;
}
#modal_all .bx-wrapper .bx-next{
	background-position: -43px -58px;
}
#modal_all .modal_slider li small{
	font-size: 14px !important;
	position:relative;
	top: -16px;
	x_font-weight:bold;
}
#modal_all .modal_slider li small span{
	font-size: 12px;
	font-weight: normal !important;
}
.visible-xs{
	display: none;	
}

@media screen and (min-width: 992px) {
/*
#modal_all{
	width:950px;
	height:700px;
	padding:20px 0 0 0;
	margin: auto;
}
*/
#modal_all .bx-wrapper .bx-prev{
	left: -190px !important;
}
#modal_all .bx-wrapper .bx-next{
	right: -190px !important;
}
#modal_all .bx-wrapper .bx-controls-direction a{
	margin-top: -29px;
}
}

/* タブレット向け設定 */
@media screen and (min-width: 756px) and (max-width: 991px) {
#modal_all .bx-viewport{
	width: 500px !important;
	margin: 0 auto !important;
}
#modal_all .bx-wrapper .bx-viewport{
	left: 0px !important;
}
#modal_all .bx-wrapper{
	max-width: 500px !important;
}
#modal_all .modal_slider li{
	width: 500px !important;
}
#modal_all .bx-wrapper .bx-prev{
	left: -40px !important;
	top: 20px !important;
}
#modal_all .bx-wrapper .bx-next{
	right: -40px !important;
	top: 20px !important;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 500 !important;
}
#modal_all .bx-wrapper .bx-controls-direction a{
	margin-top: 130px;
	z-index: 9999 !important;
}
#modal_all small{
	font-size: .5em;
}
}

/* スマホ */
@media screen and (max-width: 755px) {
/* スライダー関連 */
#modal_all .bx-wrapper .bx-viewport{
	width: 300px !important;
	margin: 0 auto;
	left: 0;
}
#modal_all .bx-wrapper{
	max-width: 300px !important;
}
#modal_all .modal_slider li{
	width: 300px !important;
}
#modal_all .bx-wrapper .bx-prev{
	left: 0px !important;
}
#modal_all .bx-wrapper .bx-next{
	right: 0px !important;
}
#modal_all small{
	x_font-size: 0.5em;
}
#modal_all .bx-wrapper .bx-prev {
	left: 10px;
	background: url(../bxslider/images/controls_s.png) no-repeat 0 -0px;
}
#modal_all .bx-wrapper .bx-next {
	right: 10px;
	background: url(../bxslider/images/controls_s.png) no-repeat -22px -0px;
}
#modal_all .bx-wrapper .bx-next:hover {
	background-position: -21px 0;
}
#modal_all .bx-wrapper .bx-controls-direction a {
	height: 29px !important;
	width: 16px  !important;
	margin-top: 140px;
	z-index: 1000;
}




/* 表示コントロール */
.visible-xs{
	display: inherit;	
}
.hidden-xs{
	display: none;
}

/*
#modal_all .bx-wrapper .bx-viewport{
	width: 300px !important;
	xx_left:40px !important;
	xx_top: 40px !important;
}
#modal_all .bx-prev, #modal_all .bx-next{
	display: none;
}
#modal_all .bx-wrapper .bx-pager, #modal_all .bx-wrapper .bx-controls-auto{
	bottom: inherit !important;
	text-align: inherit !important;
}
*/
}