/* CSS Document */
/* index */

.title_box{
	background:url(/pc/desktop/pro9000/images/title.jpg) no-repeat top center;
	min-height:auto;
	background-size:cover; 
}

/*769px以上の表示の場合*/
/*@media screen and (min-width: 769px){
	
.title_box{
	background:url(/pc/desktop/pro9000/images/title.jpg) no-repeat top center;
	min-height:410px; 
	background-size:contain;
	padding:0 20px;
}


}*/

/*768px以下の表示の場合*/
/*@media screen and (max-width: 768px){
	
.title_box{
	background:url(/pc/desktop/pro9000/images/title.jpg) no-repeat top center;
	min-height:auto;
	background-size:contain; 
}

}*/

/*993px以上の表示の場合*/
@media screen and (max-width: 993px){
	
/*.title_box{
	background:url(/pc/desktop/pro9000/images/title.jpg) no-repeat top center;
	min-height:auto;
	background-size:contain; 
}*/
.title_mt-100{
	margin-top:-120px; 
}


}

/*992px以下の表示の場合*/
@media screen and (max-width: 993px){
	
/*.title_box{
	background:url(/pc/desktop/pro9000/images/title.jpg) no-repeat top center;
	min-height:auto;
	background-size:contain; 
}*/
.title_mt-100{
	margin-top:-80px; 
}


}


/*機種ロゴとキャッチの囲み*/
.tx_w{
	color:#FFF;
}


/*仕様・ギャラリー・オプションの機種名ロゴ*/
.logo {
	margin: 8px 0 18px 0;
}

/*767px以下の表示の場合*/
@media screen and (max-width: 767px){
.logo {
	margin: 16px 0 18px 8px;
	}
}




/*カスタマイズエリア全体の囲み*/
.btn_area{
	background-color: #fff;
	display: flex;
	flex-flow: row wrap; 
	justify-content: center;
	align-items: stretch;	
	box-sizing:border-box;
	width:35%;
	margin:50px 0 0 30px;
}
/*各機種ごと、カスタマイズ部分の囲み*/
.btn_area_in{
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: stretch;
	padding-bottom:10px;
}

/*HDモデルとかのモデル名ボックス*/
.model_box{
	background:#002e72;
	color:#FFF;
	padding:2px;
  border-radius: 2px;
	flex-grow:0;
	flex-flow: column wrap;
	display: flex;
	 -webkit-justify-content: center;
	justify-content: center;
}
/*IEハック*/
@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop,  .model_box{
			 padding-top:5px;
}
}

/*アイコンボックスエリア*/
.icon_area_in{
	border:#333 1px solid;
	/* flex:1;*/
	padding:5px 0 0 0 ;
	margin-right:5px; /* 横マージン調節 */
	cursor:pointer;
	transition: background-color linear .2s;
}

.icon_area_in:last-child{
	margin-right:0;
}

.icon_area{ 
	box-sizing:border-box;
	margin:10px 0;
}

.icon_bbox{
	background-color:#333;
	color:#FFF;
}
/*IEハック*/
@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop,  .icon_bbox{
			 padding-top:1px;
}
}

.mt_auto{
	margin-top:auto;
}

.icon_area_in p{
		line-height: 1.2em;
}
.icon_area_in a{ 
    text-decoration: none;
}
.icon_area_in:hover {
		background-color:#f0fcfc;
		text-decoration:none;
}

/*固定メニュー*/

/*固定メニュー*/

.navb {
	  z-index:99999;
}
.nav-in {
 width: 100% ;
 position: flex;
 top: 0;
 left: 0;
 background-color: rgba( 17, 17, 17, .85 );
 padding-left: -webkit-calc( ( 100% - 1200px ) / 2 );
 padding-right: -webkit-calc( ( 100% - 1200px ) / 2 ); 
 padding-left: calc( ( 100% - 1200px ) / 2 );
 padding-right: calc( ( 100% - 1200px ) / 2 ); 
	padding-top:5px;
	padding-bottom:5px;
}
@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop,  .nav-in ul{
  align-items: center ;
}


  *::-ms-backdrop,  .nav-in{
width: 100% ;
 position: flex;
 top: 0;
 left: 0;
 background-color: rgba( 17, 17, 17, .85 );
 padding-left: 5%;
 padding-right:  5%; 
	padding-top:5px;
	padding-bottom:5px;
   

}
}
.nav-in ul {
	  -webkit-display: flex;
    -webkit-flex-flow: row;
    -webkit-align-items: center;  
    display: flex;
    flex-flow: row;
   /* align-items: center;*/  
		padding:5px 10px;
		box-sizing:border-box; 
}


.nav-in li {
    list-style-type:none;
	  color:#FFF;
		margin-left:5px;
}
.nav-in li:first-child {
	margin-left:0;
}

.nav-in li.login {
	-webkit-display: flex;
	-webkit-justify-content: center;
 margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login_b{
  -webkit-flex-flow: row;
  flex-flow: row;
	 background-color: #ef3f1a;
  border-radius: 2px;
	box-sizing:border-box;
	width:250px;
}

.nav-in a {
    display: block;
    padding:5px 10px;
    color: #FFF!important;
    text-decoration: none;
}
.nav-in .non {
    display: block;
    padding:3px 10px;
    color: #FFF;
    text-decoration: none;
		background-color: #555;
		 -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
    border-radius: 2px;
}
.nav-in a.login {
    display: block;
    color: #FFF;
    text-decoration: none;
}
.nav-in li a:hover {
    background-color: #444;
		text-decoration:none;
	  color:#FFF;
		 -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
    border-radius: 2px;
}
.nav-in li.login a:hover {
    background-color: #ef881c;
		text-decoration:none;
	  color:#FFF;
		 -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
  border-radius: 2px;
	padding:5px;
}
@media all and (-ms-high-contrast:none) { /*IE11用ハック*/
     *::-ms-backdrop,  .login a:link{
			 padding-top:8px;
}
}
@media all and (-ms-high-contrast:none) { /*IE11用ハック*/
     *::-ms-backdrop,  .nav-in li.login a:hover {
			 padding-top:8px;
}
}

.tuned_anchor{
	cursor:pointer;
}
.nav-bar{
	width:100%;
	height:2px;
	border:none;
	background-color:#ccc;
}

.price_nav-in {
	 border:1px #666666 solid;
  border-radius: 2px;
   color: #FFF;
    padding:2px 8px;
		margin-right:20px;
}
@media all and (-ms-high-contrast:none) { /*IE11用ハック*/
 *::-ms-backdrop,  .price_nav-in {
			 padding-top:8px;
}
}

/*レスポンシブ対応*/
#fixed-bar {
		width:100%;
		top:0;
		left:0;
	}

.fixed-bar_menu {
		background-color: rgba( 17, 17, 17, .85 );
		color:#fff;
	}
.menu_link  {
	color:#fff !important;
	}	
.menu_link:link  {
	text-decoration:none  !important;
	color:#babdcd !important;
	}
.menu_link:visited  {
	text-decoration:none  !important;
	color:#babdcd !important;
	}
.menu_link:hover  {
	text-decoration:none  !important;
	color:#fff !important;
	}
	
.menu_link:active  {
	text-decoration:none  !important;
	color:#babdcd !important;
	}	

/*gallary */
.rect_frame{
	width:184px;
	height:184px;
	border:solid 1px #EEEEEE;
}
.mr7{
	margin-right:7px;
}

.flex{ 
  display: flex;
	justify-content: space-between; 
 }

.step{
	color:#FFF;
	border-radius:50px;
	background:#002e72;
	padding:2px 10px;
}	
@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop,  .step{
	padding:4px 10px 2px;
}
}

.nav_mv{
	background-color:#333 !important;
	color:#fff;
	padding:7px 0;
}	
/*option */
.nav-tabs .nav-link.active, .nav-tabs .show > .nav-link {
    color: #10218b;
    background-color: #fff; /* #065AB7 */
}


.nav-tabs .nav-link {
    color: #fff;
    background-color: #003CB3;
}

.nav-tabs .nav-link {
    border: 1px solid #dedede;
	border-bottom:none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
	
.mv_customize {
    background: #444;
    color: #fff;
}
/*無料貸し出し*/
.nav-in li.rental {
	-webkit-display: flex;
	-webkit-justify-content: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.rental_b{
  -webkit-flex-flow: row;
  flex-flow: row;
	 background-color: #06C;
  border-radius: 2px;
	box-sizing:border-box;

}

.nav-in a.rental {
    display: block;
    color: #FFF;
    text-decoration: none;
}
.nav-in li.rental a:hover {
    background-color: #06F;
		text-decoration:none;
	  color:#FFF;
		 -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
  border-radius: 2px;
}
/*無料貸し出し ここまで*/