@charset "Shift_JIS";
/* CSS Document */

/*===============================================
画面の横幅が768px以上
===============================================*/
@media screen and (min-width: 768px) {
#dama_collection_nav-bg {
  width: 100%;
  min-width: 1245px;
  padding: 0;
  /*background: url(https://img.dinos.co.jp/damacollection/images/common/common_bg_nav.png) repeat-x center top;*/
  background: #000;
}
.dama_collection_nav-bg { zoom: 1; }
.dama_collection_nav-bg:before, .dama_collection_nav-bg:after { content: ""; display: table; }
.dama_collection_nav-bg:after { clear: both; }
#dama_collection_nav {
  min-width: 950px;
  max-width: 1245px;
  margin: 0px auto;
  padding: 0 20px;
  overflow:hidden;
	
}
@media(min-width:0px){ /* modern browser */
  #dama_collection_nav {
    width:auto;
  }
}
#dama_collection_nav ul {
  width: 100%;
  min-width: 1205px;
  margin: 0px auto;
  padding: 0;
  box-sizing:border-box;
}
#dama_collection_nav ul li {
  overflow: hidden;
  float: left;
  display: inline;
  width: calc(100%/7);
  text-align:center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*background: #fff;*/
}
    #dama_collection_nav li img {
        opacity: 0.6;
        transition: all 0.3s ease;
        width:100%;
        padding-top:1.5%;
    }
    
    #dama_collection_nav li img:hover {
        opacity: 1;
    }
}

/*===============================================
画面の横幅が767pxまで
===============================================*/
@media screen and (max-width: 767px) {
#menu{ position:relative;}
#menu #wrap{ display:table; width:100%; background:#000;}
#menu #wrap .dama_mainimg{ display:table-cell; background:#000; color:#fff;padding:10px;}
#menu #wrap .dama_mainimg img{ width: 152px;}
#menu #wrap p{ display:table-cell; cursor:pointer; width:50px; color:#FFF;}
#menu ul{ list-style:none; background:#2e2e2e; color:#FFF; width:70%; position:absolute; right:0; z-index:10; display:none;}
 
#menu p.menuon {
background:url(https://img.dinos.co.jp/defaultMall/images/includehtml/sp/etc/005060/images/menu_on.png) no-repeat #000;
background-size:26px 28px;
-moz-background-size:26px 28px;
-webkit-background-size:26px 28px;
-o-background-size:26px 28px;
-ms-background-size:26px 28px;
background-position:11px 8px;
text-indent:-9999px;
}
#menu p.menuoff {
background:url(https://img.dinos.co.jp/defaultMall/images/includehtml/sp/etc/005060/images/menu_off.png) no-repeat #2e2e2e;
background-size:29px 31px;
-moz-background-size:29px 31px;
-webkit-background-size:29px 31px;
-o-background-size:29px 31px;
-ms-background-size:29px 31px;
background-position:10px 6px;
text-indent:-9999px;
}
#menu ul li{border-bottom:1px solid #666;font-size:100%; background: url(https://img.dinos.co.jp/defaultMall/images/includehtml/sp/etc/005060/images/icon_link.png) right center no-repeat; background-size:10px 10px;}
#menu ul li a{color:#FFF; vertical-align: middle; display:block; padding:8px; text-decoration:none; font-weight:bold;}
#menu a:active{color:#FFF !important;}
#menu a:visited{color:#FFF !important;}
#menu a:hover{color:#FFF !important;}
#menu ul li.dot { border-bottom:1px dotted #666;background: url(https://img.dinos.co.jp/defaultMall/images/includehtml/sp/etc/005060/images/icon_link.png) right center no-repeat #444;background-size:10px 10px;}
#menu ul li:last-child { border-bottom:none;}
#menu ul li.dama_tt {background-image:none;border-bottom:1px dotted #666; padding:8px; font-weight:bold;}
#menu ul li span { color:#81cc3e; font-size:75%; font-weight:normal;}
#menu ul li img { float:left; margin-right:10px; width:22px !important;}
}
.dama-nav {opacity: 0;}

/*===============================================
DAMA15周年特集ページ用スライダー矢印アイコン
===============================================*/
.cms_layout_14 .slider .slick-next,
#history_pc.cms_layout29 .hero-main-slider .slick-next {
    right: 0;
    background: url(https://img.dinos.co.jp/images/cms/arrow_slide_next.gif) no-repeat;
    background-size: 100px 200px;
    width: 100px;
    height: 200px;
}
  .cms_layout_14 .slider .slick-prev,
  #history_pc.cms_layout29 .hero-main-slider .slick-prev {
    left: 0;
    background: url(https://img.dinos.co.jp/images/cms/arrow_slide_prev.gif) no-repeat;
    background-size: 100px 200px;
    width: 100px;
    height: 200px;
}
#history_pc.cms_layout29 #hero-main-slider {
  width: 100%;
  position: relative;
}
#history_pc.cms_layout29 .hero-main-slider .slick-next {
  right: 0;
  opacity: 1;
  transform: none;
   -webkit-transform: none;
}
#history_pc.cms_layout29 .hero-main-slider .slick-prev {
  left: 0;
  opacity: 1;
  transform: none;
  -webkit-transform: none;
}
#history_pc.cms_layout29 .hero-main-slider .slick-arrow {
  top: 400px;
}
@media screen and (max-width: 767px) {
    .cms_layout_14 .slider .slick-next {
        background-size: 100%;
        width: 9%;
        height: 19%;
    }
     .cms_layout_14 .slider .slick-prev {
        background-size: 100%;
        width: 9%;
        height: 19%;
    }
}
/*SNS*/
#snsSec {
	text-align: center;
	clear: both;
}
#snsSec .cms_databox ul {
	display: block;
}
#snsSec .cms_databox li {
	display: inline-block;
	width: 48px;
	margin-top: 0 !important;
	padding: 0 ;
}
#snsSec .cms_databox li:not(:last-child) {
	margin-right: 30px;
}
#snsSec .cms_databox li img {
	width: 48px;
}
@media screen and (max-width: 767px) {
	#snsSec.cms_wp {
		padding: 0 30px 8%;
	}
	#snsSec .cms_databox li {
		margin-top: 0;
		width: 15%;
		max-width: 78px;
		padding: 3% 0 0 3%;
	}
	#snsSec .cms_databox li:not(:last-child) {
		margin-right: 6%;
	}
	#snsSec .cms_databox li img {
		width: auto;
	}
}