@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/* 	text-align:left; */
}

html,body {
    height: 100%;
	font-size:1rem;
}

.row{
	margin:0;
	padding:0;
}

header{
	/*max-width:1600px;*/
	width:100%;
	background-color:white;
}

.center-block{
	margin-left:auto;
	margin-right:auto;
}

#logo{
	float: left;
    height: 50px;
    /* padding: 15px 15px; */
    font-size: 18px;
    line-height: 20px;
    margin-left:15px;
}

#logo_xs{
	display:block;
	border-bottom: 1px solid #999;
    padding: 0.4rem 0;
}

#logo_xs .logo{
    max-height: 20px;
    margin-left:30px;
    margin-top: 9px;
    margin-bottom: 5px;
}

#subNavi{
	display:none;
}

.icon-bar{
	background-color:#565656 !important;
}

.nav_small{
	font-size:0.8rem;
}

.nav,.product_list,.company_list{
	font-size:0.8rem;
}

.product_list,.company_list{
	background-color:#666;
}

.navbar{
	margin:0;
	border:0;
	border-radius:0;
	min-height:48px;
}

.navbar-nav{
	margin:0;
	text-align:left;
}

.navbar-nav li{
	/*background-color:#eee;*/
	border-bottom:1px solid #fff;
	/*color:#000;*/
}

.navbar-header{
	background-color:white;
}

.navbar-inverse{
	background-color:#555;
}

.navbar-inverse > .container > #navbar > ul > li > a{
	color:#fff;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 465px;
}

.nav_small{
	display:none;
}

.navbar-collapse{
	padding:0;
	border:0;
}

.navbar-right{
	margin-right:1rem;
}

.navbar-default{
	margin-bottom:0;	
}

.dropdown>.caret{
	position:absolute;
	right:6%;
	top:18px;
}

.dropdown-menu{
	font-size:1rem;
	box-shadow:none;
	border:0;
	border-radius:0;
	padding:0;
}

.dropdown-menu>.container{
	padding:0px;
}

.dropdown-menu>.container>li{
	background-color:#666;
}

.dropdown-menu>.container>li>a{
	color:white;
	padding:10px 0;
	text-decoration:none;
	display:block;
}

.dropdown-menu>.container>li:nth-child(odd){
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;		
}

.dropdown-menu>li>a{
	white-space:normal;
	color:white !important;
}

.product>a.active{
	color:#000 !important;
	background-color:#ccc;	
}

.xs_area{
	display:block;
}

.xs_form_area{
	margin-left:-15px;
	margin-right:-15px;
}

.xs_form{
padding:15px 15px 2px 15px;
background-color:#d0d0d0;	
}

.md_area{
	display:none;	
}

.open > .dropdown-toggle > .nav_title{
    color:#fff;
}

.contents_area{
	margin:1.5rem 0;
}

footer{
	font-size:0.8rem;
	color:white;
	background-color:#363636;
}

.footer_link>li{
	padding:0.6rem 0;	
}

.footer_link>li>a{
	color:white;	
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}



.col-xs-1-7, .col-sm-1-7, .col-md-1-7, .col-lg-1-7,
.col-xs-2-7, .col-sm-2-7, .col-md-2-7, .col-lg-2-7,
.col-xs-3-7, .col-sm-3-7, .col-md-3-7, .col-lg-3-7,
.col-xs-4-7, .col-sm-4-7, .col-md-4-7, .col-lg-4-7,
.col-xs-5-7, .col-sm-5-7, .col-md-5-7, .col-lg-5-7,
.col-xs-6-7, .col-sm-6-7, .col-md-6-7, .col-lg-6-7,
{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-7 {
    width: 14.285%;
    float: left;
}
.col-xs-2-7 {
    width: 28.57%;
    float: left;
}

.col-xs-3-7 {
    width: 42.855%;
    float: left;
}

.col-xs-4-7 {
    width: 57.14%;
    float: left;
}

.col-xs-5-7 {
    width: 71.425%;
    float: left;
}

.col-xs-6-7 {
    width: 85.71%;
    float: left;
}

.mImg_dis{
	text-align:center;
	font-size:0.5rem; line-height:3rem;
}

.mImg_title{
	text-align:center;
	font-size:1.4rem; line-height:2rem;
}

.mImg_cate{
	text-align:center;
	font-size:0.5rem;
}

.release_item{
	border:0;
}

.release_item:hover{
}

.release_title{
	font-size:0.8rem;
	padding:1rem 0;
}

.release_menu{
	width:95%;
	padding-top:1rem;
}

.info_date{
	text-align:left;
}

.category_area{
	padding:5px;
	/* max-height:150px; */
	overflow:hidden;
}


figure {
	position: relative;
	overflow: hidden;
	width: 100%;
}

figcaption {
	display:none;
}


.figure_title_area{
	position:absolute;
	width:100%;
	top:50%;
	text-align:center;
	color:white;
	transform: translateY(-50%);
}

.figure_title_area > h3{
	font-size: 1.8vw;
	font-weight: bold;
}
.bnr_area{
	/*background-color:white;*/
}

.link_btn{
	width:100%;
	margin-bottom:3px;
	line-height:1rem;
}

.link_btn a{
	font-size:0.8rem;
	background-color:#eee;
	display:block;
	text-decoration:none;
	color:#333;
	padding:0.5rem 0;
	text-decoration:none;
	text-align:center;
}

.link_btn a:hover{
	color:red;
	text-decoration:none;
}

.xs_link_btn{
	width:80%;
	margin:0 auto;
}

.xs_link_btn:hover{
    text-decoration:none;
    color:white;
}

.xs_link_btn a{
	text-decoration:none;
	color:white;
	display:block;
	padding:1rem;
	/* margin:0 15px; */
	margin: 0 auto;
	text-align:center;
	background-color:#666666;
	color:white;
}

.mb_link_btn{
	font-size:0.8rem;
	background-color:#363636;
	display:inline;
	color:white;
	padding:3px;	
}

.mb_link_btn a{
	text-decoration:none;
	color:white;
}

.mb_link_btn:hover,.mb_link_btn a:hover{
	background-color:#eee;
	color:#000;
}

.product_link_btn{
	font-size:0.8rem;
	background-color:#888;
	display:inline;
	color:white;
	padding:3px;	
}

.product_link_btn:hover{
	background-color:#363636;
	color:white;
}

.pir0{
	padding:0;
}


.pir10{
	padding:0 10px;
}

.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
/*
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
*/
}

.row-eq-height-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
}


#mytab > li,#sub_mytab > li{
	margin-bottom:0.5rem;
	font-size:0.5rem;
}

#mytab > li > a{
	border:0;
	border-radius:0;
	background-color:#eee;
	white-space:normal;
	height:100%;
}

#sub_mytab > li > a{
	border:1px solid #363636;
	border-radius:0;
	background-color:#fff;
	white-space:normal;
	height:100%;
}
	
#mytab > li > a:hover , #sub_mytab > li > a:hover{
	background-color:#363636;
	color:#fff;
}
	
#mytab > li > a.active{
	color:white;
	background-color:#363636;
	box-shadow:none;
}
	
#mytab > li > a.active:hover{
	color:#000;
	background-color:#eee;
}

#mytab > li > a > span,#sub_mytab > li > a > span{
	display:none;
}	

#zbox-magnifier{
	visibility:hidden;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index:999;
}
 
#pageTop a {
  display: block;
  z-index: 9999;
  padding: 9px 0;
  width: 35px;
  height: 35px;
  background-color:#024685;
  border:1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.item_img{
	overflow:hidden;
	padding:0;
/*    width:100%;*/
    /*max-height: 350px;
	display: block;
    margin: 0 auto;/*20170621 midori*/	
}

.item_img img{
    height:auto;
}

/*
#item_detail .row.row-eq-height{
	margin-bottom: 30px;
}
*/

@media (min-width: 768px) {
	#logo_xs{
		display:none;	
	}
    
    #logo_xs .logo{
        max-height: 28px;
        margin-top: 5px;
    }
	
	.xs_area{
		display:none !important;
	}
	
	.md_area{
		display:block !important;	
	}
	
	.dropdown>.caret{
		display:none !important;
	}

	.dropdown-menu>.container{
		padding:0px 30px;
	}

	header{
		width:100%;
		margin:0 auto;
		padding-top:1rem;
	}
	
	
	#subNavi{
		display:inline;
	}
	
	#subNavi>.navbar>.nav>li>a{
		display:inline;
		background-color:white;
	}

	#subNavi>.navbar>.nav>li>a:hover{
		display:inline;
		text-decoration:underline;
	}
	
	.nav,.product_list,.company_list{
		font-size:1.5vw;
	}
	
	.product_list,.company_list{
		background-color:unset;
	}

	.navbar>.container{
		width: 100%;
        padding:0px;
	}

	.navbar-inverse > .container > #navbar > ul > li > a:hover{
		color:#000;
	}
	
	.navbar-nav{
		text-align:center;
	}
	
	.navbar-nav>li{
		background-color:transparent;
		border:0;
	}
	
	
	.navbar-text{
		margin-bottom:0;
	}
	
	.nav_title{
		padding-top:5px;
		text-align:center;
	}
	
	.nav_small{
		display:block;
		text-align:center;
	}
	
	.col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
	
    .col-sm-1-7 {
        width: 14.285%;
        float: left;
    }
    .col-sm-2-7 {
        width: 28.57%;
        float: left;
    }
    .col-sm-3-7 {
        width: 42.855%;
        float: left;
    }
    .col-sm-4-7 {
        width: 57.14%;
        float: left;
    }
    .col-sm-5-7 {
        width: 71.425%;
        float: left;
    }
    .col-sm-6-7 {
        width: 85.71%;
        float: left;
    }
	
	.mImg_dis{
		font-size:1rem; line-height:4rem;
	}
	
	.mImg_title{
		font-size:2.8rem; line-height:2.8rem;
	}
	
	.mImg_cate{
		font-size:0.5rem;
	}
	
	.contents_area{
		margin:3rem 0;
	}
	
	.nav>li{
		position:static;
	}
	
	#navbar>ul>li:hover{
		background-color:#e6e6e6;
	}	
	
	.navbar-inverse{
		background-color:#024685;
	}



	.navbar-inverse .navbar-nav>li>a{
		color:#fff;
	}
	
	.navbar-inverse .navbar-nav>li>a:hover{
		color:#000;
	}
	
	.dropdown, .dropup{
		position:static;
	}
	
	/*.dropdown:hover > .dropdown-menu{
	  display: block;
	}
	*/
	.dropdown-menu{
		width:100%;
		font-size:1rem;
		background-color: rgba(255,255,255,1);
	}
	.dropdown-menu>.container {
		background-color: #fff;
	}
	.dropdown-menu li {
	  position: relative;
	  border:0 !important;
	}
	.dropdown-menu li:before {
	  content: '';
	  display: inline-block;
	  position: absolute;
	  top: 50%;
	  left: -10px;
	  width: 0;
	  height: 0;
	  margin-top: -5px;
	  border-top: 5px solid transparent;
	  border-right: 6px solid transparent;
	  border-bottom: 5px solid transparent;
	  border-left: 6px solid red;
	}
	
	.dropdown-menu>.container>li{
		background-color:transparent;
	}
	
	.dropdown-menu>.container>li>a{
		color:black;
		text-decoration:none;
		padding:15px 0px;
		display:block;
		border-bottom:0;
	}
	
	.dropdown-menu>.container>li>a:hover{
		background-color:transparent;
		color:red !important;
	}
	
	.company_list{
		height:144px;
	}
	
	.breadcrumb>li+li:before {
		content: ">\00a0";	
	}
	
	footer{
		font-size:0.8rem;
	}
	
	.bnr_area{
		background-color:transparent;
	}
	
	.release_item{
		border:1px solid transparent;
	}
	
	.release_item:hover{
		border:1px solid #ccc;
	}
	
	.release_title{
		font-size:large;
		font-weight:bold;
		padding:1rem 0;
	}
	
	.release_menu{
		visibility:hidden;
		width:95%;
		border-top:1px solid #ccc;
		padding-top:1rem;
	}
	
	.release_item:hover > .release_menu{
		visibility:visible;
	}
	
	.info_date{
		text-align:left;
	}
	
	.category_area{
		/*padding:0 5px 0 5px;*/
		/* max-height:150px; */
		overflow:hidden;
	}
	
	/*.category_area:first-child{
		padding:0 5px 0 0px;
	}*/
	
	/*.category_area:last-child{
		padding:0 0px 0 5px;
	}*/

	figure {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
	figcaption {
		display:block;
		position: absolute;
		bottom: -100%;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: rgba(183,0,0,.8);
		-webkit-transition: .3s;
		transition: .3s;
		opacity: 1;
		text-align:center;
		color:white;
		padding: 0 20px;
	}

	figure:hover figcaption {
		bottom: 0;
		left: 0;
	}

	figcaption>div{
		position:relative;
		width:100%;
		height:100%;
	}

	.figure_caption_area{
		width:100%; text-align:center;
		position:absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.figure_caption_area > h3{
		font-size:1.3vw;
		margin-bottom:1rem;
		text-align:center;
	}

	.figure_caption_area > p{
		font-size:0.7rem;
		padding:5px;
		text-align: center;
	}
	
	.link_btn{
		width:100%;
		margin-bottom:0.3rem;
		line-height:1.5rem;
	}
	
	.link_btn a{
		font-size:1rem;
		background-color:white;
		display:inline;
		text-decoration:none;
		color:#000;
		text-decoration:none;
		text-align:left;
	}

	#mytab > li,#sub_mytab > li{
		margin-bottom:0.5rem;
		font-size:0.5rem;
	}
	
	#mytab > li > a , #sub_mytab > li > a{
		border:0;
		border-radius:0;
		background-color:#eee;
	}
	
	#sub_mytab > li > a{
		border:1px solid #363636;
		border-radius:0;
		background-color:#fff;
	}
	
	
	#mytab > li > a:hover , #sub_mytab > li > a:hover{
		background-color:#363636;
	}
	
	#mytab > li > a:active , #sub_mytab > li > a:active{
		background-color:#363636;
	}
	
	#mytab > li > a.active{
		color:white;
		background-color:#363636;
		box-shadow:none;
	}
	
	#mytab > li > a.active:hover{
		color:#000;
		background-color:#eee;
	}

	#mytab > li > a > span,#sub_mytab > li > a > span{
		display:inline-block;
	}
	
	#zbox-magnifier{
		visibility:visible;
	}
	
	.item_img{
	overflow:hidden;
	padding:0;
/*	height:350px;	*/
        display: flex;
        align-items: center;
	/*display: block;
    margin: 0 auto;20170621 midori*/
	}
    
    .item_img img{
        /*height:100%;*/
    }
	
	.row-eq-height-detail {
  	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox; 
  	display: flex;
  		.panel {
    		height: 97%;
    		margin-bottom: 3%;
  		}
	-ms-flex-wrap: unset;
    flex-wrap: unset;
    -moz-flex-wrap: unset;
    -webkit-flex-wrap: unset;
    
	}
	
    
	
	
}
@media (min-width: 992px) {

	.navbar>.container{
		width: 100%;
	}
	
	.product_list,.company_list{
		font-size:0.8rem;
	}	

	.nav,.btn-sm{
		font-size:1rem;
	}
	
	.info_date{
		text-align:right;
	}
	
    .dropdown-menu>.container{
        padding:0px;
    }
    
	.col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
	
	.col-md-offset-1-5 {
        width: 20%;
        float: left;
    }
	
    .col-md-1-7 {
        width: 16%;
        float: left;
    }
    .col-md-2-7 {
        width: 28.57%;
        float: left;
    }
    .col-md-3-7 {
        width: 42.855%;
        float: left;
    }
    .col-md-4-7 {
        width: 57.14%;
        float: left;
    }
    .col-md-5-7 {
        width: 71.425%;
        float: left;
    }
    .col-md-6-7 {
        width: 85.71%;
        float: left;
    }
    .col-md-offset-1-7 {
        width: 14.285%;
        float: left;
    }
	
	footer{
		font-size:0.8rem;
	}
	
	.item_img{
	overflow:hidden;
	padding:0;
	height:350px;
	/*display: block;
    margin: 0 auto;20170621 midori*/	
	}

    .item_img img{
        height:auto;
        max-height:100%;
    }
    /*.figure_title_area > h3{
    	font-size: 1.5rem;
    }*/
	
}


@media (min-width: 1200px) {

    header .logo{
        margin-left:0px;    
    }
    
	.navbar>.container{
		width: 1170px;
	}

	.nav,.product_list,.company_list,.mb_link_btn,.product_link_btn,.btn-sm{
		font-size:1rem;
	}
	
	.product_list,.company_list{
		font-size:1rem;
	}
	
	.product_list{
		width:115%;
	}
	
    .col-lg-1-7 {
        width: 14.285%;
        float: left;
    }
    .col-lg-2-7 {
        width: 28.57%;
        float: left;
    }
    .col-lg-3-7 {
        width: 42.855%;
        float: left;
    }
    .col-lg-4-7 {
        width: 57.14%;
        float: left;
    }
    .col-lg-5-7 {
        width: 71.425%;
        float: left;
    }
    .col-lg-6-7 {
        width: 85.71%;
        float: left;
    }
	
	footer{
		font-size:1rem;
	}
	
}

wrapper > .container{
	max-width:1600px !important;
	width:100%;
}

.btn-sm{
	width:100% !important;
}

.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}