@charset "utf-8";
/* -----------------------------------------------------------
CSS Information

File name : contents.css

[index]

1.bxslider custom
2.COMMON
3.TOP
4.visaro
5.furon
6.interview
7.メディアクエリ
----------------------------------------------------------- */


/*----------------------------------------------------
 1= bxslider custom
----------------------------------------------------*/
/*-- common ---------*/

/* pagination */
.swiper-container-horizontal>.swiper-pagination{
	bottom: 8.125%;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin: 0 8px;
}
.swiper-pagination-bullet{
	background: #5c5c5c;
	opacity: 1;
	width: 24px;
	height: 24px;
}
.swiper-pagination-bullet-active{
	background: #e21936;
}

/* pager */
.swiper-button-next,
.swiper-button-prev{
	top: 40%;
	width: 25px;
	height: 40px;
	margin-top: -22px;
	-moz-background-size: 25px 40px;
	-webkit-background-size: 25px 40px;
	background-size: 25px 40px;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-next {
	background-image: url(/sp_data/newbalance/img/common/arrowR.png);
	right: 0;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(/sp_data/newbalance/img/common/arrowL.png);
	left: 0;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
	display:none;
}

/*-- nb_products ---------*/
.nb_products .swiper-container,
.nb_products .swiper-slide{
	height:0;
	padding-bottom:82.5%;
}

/*-- nb_detail ---------*/
.nb_detail .swiper-container,
.nb_detail .swiper-slide{
	height:0;
	padding-bottom:112.5%;
}
.nb_detail .swiper-slide p{
	padding:15px 10px;
	border-bottom:solid 1px #585858;
}

/* pagination */
.nb_detail .swiper-container-horizontal>.swiper-pagination{
	bottom: 5%;
}
.nb_detail .swiper-pagination-bullet-active{
	background: #00adec;
}

/* pager */
.nb_detail .swiper-button-next,
.nb_detail .swiper-button-prev{
	top: 24%;
	margin-top:0;
}


/*----------------------------------------------------
 2= COMMON
----------------------------------------------------*/
#newbalance{
	width:100%;
	padding-top:45px;
	background:#000000;
	color:#ffffff;
	font-size:114%;
	line-height:1.5em;
}
#newbalance img{
	width:100% !important;
}
#newbalance a{
	font-weight:normal;
}

/* nb_inner */
#newbalance .nb_inner{
	padding:0 10px;
}

/* red boader */
.nb_Rboader{
	border-top:1px solid #f72c30;
}

/* blue boader */
.nb_Bboader{
	border-top:1px solid #00adec;
}

/* nb_mainHeader */
#newbalance .nb_mainHeader{
	position:relative;
}
#newbalance .nb_mainHeader .nb_header_txt{
	position:absolute;
	top:0;
	left:0;
}

/* nb_main */
#newbalance .nb_main p{
	padding:10px;
}

/* nb_prayers */
#newbalance .nb_prayers_box{
	margin-bottom:20px;
}
#newbalance .nb_prayers_box p{
	padding:10px;
}
#newbalance .nb_prayers_box p span{
	color:#00adec;
}
#newbalance .nb_prayers_box ul{
	padding:0 10px 10px;
}
#newbalance .nb_prayers_box li{
	font-weight:bold;
	text-align: center;	
}

/* nb_philosophy */
#newbalance .nb_philosophy{
	padding-bottom:20px;
}
#newbalance .nb_philosophy_box{
	padding:10px 2%  0;
}
#newbalance .nb_philosophy_box img{
	float:left;
	width:52% !important;
	margin-right:2%;
	margin-bottom:2px;
	/*border:1px solid #e21936;*/
}
#newbalance .nb_philosophy_box p{
	font-size: 75%;
    line-height: 1.3em;
    letter-spacing: 0.03em;
}
#newbalance .nb_philosophy_box p span{
	font-size:12px;
	color:#e21936;
}

/* nb_movie */
#newbalance .nb_movie{
	padding-bottom:20px;
}
#newbalance .nb_movie_box{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#newbalance .nb_movie_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*-- nb_footer ---------*/
#newbalance .nb_footer{
	border-top:#585858 solid 1px;
	padding-bottom:20px;
}

/* nb_banner */
#newbalance .nb_banner{
	padding:20px 2% 10px;
	border-bottom:#f72c30 solid 1px;
}
#newbalance .nb_banner a{
	margin-bottom:10px;
	display:block;
}

/* nb_pager */
#newbalance .nb_pager{
	padding:20px 2% 0;
}

/* .nb_pager1 */
#newbalance .nb_pager1{
	background-color:#e21936;
	width:100%;
	margin:0 auto;
	padding:10px 0;
}
#newbalance .nb_pager1 ul{
	position:relative;
	left:50%;
	float:left;
}
#newbalance .nb_pager1 li{
	position:relative;
	left:-50%;
	float:left;
	margin-right:34px;
}
#newbalance .nb_pager1 li:last-child{
	margin-right:0;
}
#newbalance .nb_pager1 li a{
	color:#FFFFFF;
	font-size:162%;
}
#newbalance .nb_pager1 li.active a{
	color:#000000;
}

/* .nb_pager2 */
#newbalance .nb_pager2{
	margin-top:15px;
}
#newbalance .nb_pager2 li{
	float:left;
	width:49%;
	margin-right:2%;
}
#newbalance .nb_pager2 li:last-child{
	margin-right:0;
}

/* .nb_pager3 */
#newbalance .nb_pager3{
	margin-top:15px;
}

/* .pagetop */
#newbalance .pagetop{
	padding:15px 2% 0;
}
#newbalance .pagetop a{
	width:48%;
	display:block;
	float:right;
}

/* .backtop */
#newbalance .backtop{
	padding:10px 2% 0 0;
}


/*----------------------------------------------------
 3= TOP
----------------------------------------------------*/
#newbalance.nbTop{}

/* nb_present */
#newbalance.nbTop .nb_present_box img {
    float: left;
    width: 43.75% !important;
    margin-right: 1%;
    padding: 15px 1% 15px 2%;
}
#newbalance.nbTop .nb_present_box p {
    font-size: 80%;
    line-height: 1.4em;
	padding: 13.5% 1px 0 0;
    color: #ffffff;
}

/* nb_interview */
#newbalance.nbTop .nb_interview{
	margin-bottom:20px;
}
#newbalance.nbTop .nb_interview_box{
	border-top:#585858 solid 1px;
	border-bottom:#585858 solid 1px;
}

/* nb_photonews */
#newbalance.nbTop .nb_photonews{
	padding-bottom:20px;
}
#newbalance.nbTop .nb_photonews_box{
	padding:10px 2%  0;
}
#newbalance.nbTop .nb_photonews_box img{
	float:left;
	width:43.75% !important;
	margin-right:2%;
}
#newbalance.nbTop .nb_photonews_box p{
	padding-top:6%;
	color:#ffffff;	
}


/*----------------------------------------------------
 4= visaro
----------------------------------------------------*/
#newbalance.nbVisaro{}

#newbalance.nbVisaro .nb_detail .swiper-pagination-bullet-active{
	background: #00adec;
}
#newbalance.nbVisaro .nb_photo_prayers_box{
	padding: 10px 2% 10px;
}
#newbalance.nbVisaro .nb_photo_prayers_box img {
    float: left;
    width: 52% !important;
    margin-right: 2%;
}
#newbalance.nbVisaro .nb_photo_prayers_box p {
    font-size: 68%;
    line-height: 1.4em;
	padding-top: 15%;
    color: #ffffff;
}

/*----------------------------------------------------
 5= furon
----------------------------------------------------*/
#newbalance.nbFuron{}

#newbalance.nbFuron .nb_photo_prayers_box{
	padding: 10px 2% 10px;
}
#newbalance.nbFuron .nb_photo_prayers_box img {
    float: left;
    width: 52% !important;
    margin-right: 2%;
}
#newbalance.nbFuron .nb_photo_prayers_box p {
    font-size: 68%;
    line-height: 1.4em;
	padding-top: 15%;
    color: #ffffff;
}
#newbalance.nbFuron .nb_detail .swiper-pagination-bullet-active{
	background: #a12ca3;
}



/*----------------------------------------------------
 6= interview
----------------------------------------------------*/
#newbalance.nbInterview{}

#newbalance.nbInterview .nb_interview{
	padding-bottom:10px;
}
#newbalance.nbInterview .nb_interview_box p{
	padding:10px 2%;
}


/*----------------------------------------------------
 7= メディアクエリ
----------------------------------------------------*/

/* iPhone5まで */
@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 374px) {

/* nb_photonews */
#newbalance.nbTop .nb_photonews_box p{
	font-size: 80%;
	line-height: 1.4em;
}

/* .nb_pager1 */
#newbalance .nb_pager1 li{
	margin-right:17px;
}
#newbalance .nb_pager1 li a{
	font-size:162%;
}

/*-- nb_detail ---------*/
.nb_detail .swiper-container,
.nb_detail .swiper-slide{
	padding-bottom:126.5%;
}

/* pager */
.nb_detail .swiper-button-next,
.nb_detail .swiper-button-prev{
	top: 20%;
}

}

/* iPhone6＆その他大型スマートフォン */
@media only screen
 and (min-device-width: 375px)
 and (max-device-width: 479px) {
}

/* 横置き時＆タブレット */
@media screen and (min-width: 480px) {

/* nb_photonews */
#newbalance.nbTop .nb_photonews_box img{
	float: none;
	width:100% !important;
	margin-right:0;
}
#newbalance.nbTop .nb_photonews_box p{
	padding-top:10px;
	padding-bottom:20px;	
}

/*-- nb_detail ---------*/
.nb_detail .swiper-container,
.nb_detail .swiper-slide{
	padding-bottom:97.5%;
}

/* nb_philosophy */
#newbalance .nb_philosophy_box img{
	float:none;
	width:100% !important;
	margin-right:0;
	margin-bottom:10px;
}
#newbalance .nb_philosophy_box p{
	font-size:86%;
	line-height:1.4em;
}

}