@charset "utf-8";

/* ==================================================================
	stocklist.css
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */


/* --------------------------------
   □ main
-------------------------------- */ 

#stocklist section{
	padding:6% 0;
}


#stocklist section#stock{
	background:#f3f3f3;
	clear: both;
	padding: 4% 0;
}

#stocklist section dl.description{
	margin-bottom:4%;
}

#stocklist section dl.description dt{
	font-size:250%;
	margin-bottom:2%;
}

#stocklist section dl.description dd{
	font-size:116%;
	line-height: 2;
}

#stocklist section dl.description dd p{
	margin-bottom:5%;
}

#stocklist section dl.description dd span.red{
	color:#a40001;
	font-weight:bold;
}

#stocklist section#stock ul.case{
	margin-left:-13px;
}

#stocklist section#stock ul.case li{
	float:left;
	width:23.5%;
    margin-left: 1.5%;
	margin-bottom:3%;
	background: #fff;
	position: relative;
}

#stocklist section#stock ul.case li a:hover{
	text-decoration:none;
}

#stocklist section#stock ul.case li p.img{
	position:relative;
}

#stocklist section#stock ul.case li p.img img{
	width:100%;
	height:auto;
}

#stocklist section#stock ul li p.img span{
	position: absolute;
    top: 12px;
    left: 0;
}


#stocklist section#stock ul.case li dl{
	padding:13px 10px;
}

#stocklist section#stock ul.case li dl dt{
	font-size: 91%;
	margin-bottom:5px;
}

#stocklist section#stock ul.case li dl dt span{
	font-size:181%;
	display:block;
	line-height:1.2;
}

#stocklist section#stock ul.case li dl dd.spec{
	font-size:83%;
	color:#8a8a8a;
	background:#f4f4f4;
	padding:2% 7%;
	margin-bottom:5%;
}

#stocklist section#stock ul.case li dl dd.price{
	color:#a40001;
	text-align:right;
	font-weight:bold;
	font-size:116%;
	font-style: italic;
}

#stocklist section#stock ul.flow {
    margin-bottom: 30px;
}
#stocklist section#stock ul.flow li {
    display: inline-block;
    width: 15%;
    margin-right: 5%;
    vertical-align: top;
    position: relative;
}
#stocklist section#stock ul.flow li:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 22px;
    top: 34%;
    right: -40px;
    background: url(../../images/stocklist/icon_arrow.png) 0 0 no-repeat;
}
#stocklist section#stock ul.flow li:last-child {
    margin-right: 0;
}
#stocklist section#stock ul.flow li:last-child:after {
    background: none;
}
#stocklist section#stock ul.flow li img {
    width: 100%;
}
#stocklist section#stock ul.flow li span {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}


ul.pager {
	text-align:center;
	  margin:10px auto 0;
}
ul.pager li {
	display:inline-block;
	margin-right: 8px;
	font-weight: bold;
	background: #fff;
}
ul.pager li a {
      position: relative;
      display: block;
      padding:15px 20px;
}
ul.pager li a,
ul.pager li a:visited {
      border: 1px #d6d6d6 solid;
      background-position: 0 0;
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      border: 1px #313131 solid;
}
ul.pager li.nowpage a,
ul.pager li.nowpage a:visited{
      border: 1px #313131 solid;
      background: #313131;
      color: #FFFFFF;
}


/* --------------------------------
   □ detail
-------------------------------- */ 

#detail{
	background:#f3f3f3;
}

#detail h2{
	font-size: 155%;
    margin-bottom: 1%;
    background: url(../../images/recruit/circle.png) left 50% no-repeat;
    padding: 10px 10px 10px 40px;
}

#detail h2.name{
	background:none;
	padding-left: 0;
    font-size: 250%;
	font-weight: normal;
}

#detail section{
	padding:3% 0 0;
}

#detail .contactarea{
	background: #fff;
	padding:30px;
	margin-bottom: 30px;
	overflow: hidden;
}

#detail .contactarea ul li:first-child{
	font-size: 133%;
    padding-right: 95px;
    color: #a40001;
    border-right: 1px solid #dedede;
	margin-right: 75px;
}

#detail .contactarea ul li:first-child span.large{
	font-size:262%;
	font-weight:bold;
	font-style: italic;
}

#detail .contactarea ul li:first-child span.small{
	font-size:162%;
	font-weight:bold;
	font-style: italic;
}

#detail .contactarea ul li:last-child{
	float:right;
	margin-bottom: 0;
	margin-top: 12px;
}

#detail .contactarea ul li{
	display:inline-block;
	vertical-align: middle;
}

#detail .contactarea ul li p.teltxt{
	font-size:116%;
	font-weight:bold;
	margin-bottom: 0;
}

#detail .contactarea ul li p.teltxt span.red{
	color:#a40001;
}

#detail .contactarea ul li p.tel{
	font-size:258%;
	color:#848484;
	font-weight:bold;
	margin-bottom: 0;
}

#detail .contactarea ul li p.tel a{
	color:#848484;
}

#detail .contactarea ul li p.time{
	margin-bottom: 0;
}

#detail ul.thumb li{
	margin-right:15px;
}

#detail ul.thumb li:last-child{
	margin-right:0;
}

.slick-next:before {
    content: none;
}

.slick-prev:before {
    content: none;
}

.slick-prev,
.slick-next {
	width: 54px;
    height: 54px;
	top: 50%;
}

.slick-next {
    right: -25px;
}

.slick-prev {
    left: -25px;
}

.slider img {
    width: 100%;
    height: auto;
}

.thumb li.slick-slide{
	outline:none;
	filter			: alpha(opacity=55);
	-moz-opacity	: 0.55;
	opacity			: 0.55;
	cursor:pointer;
}


.thumb li.slick-active{
	outline:none;
	filter			: alpha(opacity=100);
	-moz-opacity	: 1;
	opacity			: 1;
	border:1px solid red;
}


/*
.thumb li.slick-slide{
	outline:none;
	filter			: alpha(opacity=55);
	-moz-opacity	: 0.55;
	opacity			: 0.55;
	cursor:pointer;
}

.thumb li.slick-current{
	outline:none;
	filter			: alpha(opacity=100);
	-moz-opacity	: 1;
	opacity			: 1;
}

.thumb li span{
	display:block;
}

.thumb li span img{
	vertical-align: top;
	transition: opacity 0.4s;
}


.thumb li.slick-current span img{
	opacity	:0;
}

.thumb li.slick-slide img,
.thumb li.slick-current img{
	margin:0 auto;
}

.thumb li.slick-current img{
	position:relative;
	border:0;
}

.thumb li.list1 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list2 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list3 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list4 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list5 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list6 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list7 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list8 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list9 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.thumb li.list10 span{
	background:url(../../images/stocklist/detail/no01/thumbnail1_over.jpg) no-repeat center;
}

.slick-next:before {
    content: none;
}

.slick-prev:before {
    content: none;
}

.slick-prev,
.slick-next {
	width: 68px;
    height: 68px;
	top: 40%;
}

.slick-next {
    right: -68px;
}

.slick-prev {
    left: -68px;
}
*/
#detail #spec{
	margin-bottom: 30px;
}

#detail #spec table{
	border:1px solid #ccc;
}

#detail #spec table tr td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#detail #spec table tr td.glay{
	background:#e7e7e7;
	width:10em;
	text-align:center;
	padding: 25px 0;
}

#detail #spec table tr td.normal{
	width: 10em;
    padding-left: 15px;
	font-weight: bold;
}

#detail #equipment{
	margin-bottom: 20px;
	overflow: hidden;
}

#detail #equipment ul.Equipment{
	box-sizing: border-box;
    overflow: hidden;
    clear: both;
}

#detail #equipment ul.Equipment li{
	color: #9b9b9b;
    background: #fff;
    border: 1px solid #e3e3e3;
    margin-right: 18px;
    margin-bottom: 10px;
    padding: 10px 15px;
    width: 185px;
    float: left;
    box-sizing: border-box;
}

#detail #equipment ul.Equipment li:nth-child(5n){
	margin-right:0;
}

#detail #equipment ul.Equipment li.select{
	background:#ffd0d3;
	color:#a40001;
	font-weight:bold;
	border:1px solid #ffd0d3;
}

#detail #point .txtbox{
	background:#fff;
	padding:25px;
}

#detail #point .txtbox p{
	margin-bottom:0;
	font-size: 108%;
    line-height: 2;
}

#detail #btn{
	padding:3% 0;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
    margin: 3% auto;
	width: 1000px;
}

#detail #btn p.backbtn{
	background:#323232;
	text-align: center;
    width: 30%;
	padding: 1% 0;
	border-radius: 3px;
	margin: 0 auto;
	font-size: 108%;
}

#detail #btn p.backbtn a{
	color:#fff !important;
	display:block;
}


@media screen and 
(max-width:640px){

*{
	border:1px solid #red;
}


#stocklist section#stock {
	padding-bottom: 7%;
}

.slick-slider {
    z-index: 2;
}

.slick_container #arrows {
	display:none;
}

#stocklist section #strength ul li dl {
    margin-bottom: 10%;
}

#stocklist section #Facility ul li dl dt {
    text-align: center;
}

#stocklist section dl.description dt {
    font-size: 147%;
}

#stocklist section#stock ul.case {
    margin-left: -0.5%;
    margin-bottom:0;
}

#stocklist section#stock ul.case li {
	width: 48%;
    margin-bottom: 4%;
    margin-left: 2%;
}


#stocklist section#stock ul.case li p.img {
    margin-top: 7%;
    width: 85%;
    margin: 7% auto 0;
}

#stocklist section#stock ul.case li p.img img{
	height:auto;
}

#stocklist section#stock ul.case li dl {
    width: 85%;
    margin: auto;
	padding: 23px 0px;
}

#stocklist section#stock ul.case li dl dt span{
	font-size:140%;
}


#stocklist section#stock ul li p.img span {
    position: absolute;
    top: 12px;
    left: 0;
}

#detail #equipment ul.spec li {
    min-height: 3em;
}

#detail .contactarea ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 5% 0;
}
    
#stocklist section#stock ul.flow {
    margin-bottom: 15px;
}
#stocklist section#stock ul.flow li {
    display: inline-block;
    width: 26%;
    margin-right: 6%;
    vertical-align: top;
    position: relative;
}
#stocklist section#stock ul.flow li:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 22px;
    top: 40px;
    right: -21px;
    background: url(../../images/stocklist/icon_arrow.png) 0 0 no-repeat;
    background-size: 15px auto;
}
#stocklist section#stock ul.flow li:nth-child(4) {
    margin-left: 17%;
}
#stocklist section#stock ul.flow li:last-child {
    margin-right: 0;
}
#stocklist section#stock ul.flow li:last-child:after {
    background: none;
}
#stocklist section#stock ul.flow li span {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 12px;
}


#arrows .slick-prev, 
#arrows .slick-next {
	display:none !important;
}

   
#detail .contactarea ul li:first-child{
	border-bottom:1px solid #d5d5d5;
	border-right: none;
	display: block;
    margin-right: 0;
}

#detail .contactarea ul li:last-child {
    float: none;
}

#detail #btn {
    width: auto;
	margin-bottom: 10%;
}

#detail #spec table {
    width: 100%;
	box-sizing: border-box;
}

#detail #spec table tr td {
    display: block;
    width: 100%;
}

#detail #spec table tr td.glay {
    width: 40%;
    padding: 20px 0;
    float: left;
	box-sizing: border-box;
}

#detail #spec table tr td.normal {
    width: 60%;
    border-right: none;
    line-height: 5;
    float: right;
    box-sizing: border-box;
}

#detail #spec table tr td.none{
	border-bottom:none;
	display:none;
}

#detail #spec table tr td.bottom{
	border-bottom:none;
}

#detail #spec table tr:last-child td.normal:last-child {
	border-bottom:none;
}

#detail #equipment ul.Equipment li{
	float: left;
    width: 48%;
    margin-right: 2%;
}

#detail #equipment ul.Equipment li:nth-child(2n) {
	margin-right:0;
}

#detail #equipment ul.Equipment li:nth-child(5n) {
	margin-right:2%;
}

#detail #btn p.backbtn {
    padding: 5% 0;
    width: auto;
}

#detail .slick-next {
    right: 0;
	z-index:10;
	width:30px;
	height:30px;
	background:url(../../images/stocklist/detail/next.png) 0 0 no-repeat;
	background-size:30px 30px;
}

#detail .slick-prev {
    left: 0;
	z-index:10;
	width:30px;
	height:30px;
	background:url(../../images/stocklist/detail/prev.png) 0 0 no-repeat;
	background-size:30px 30px;
}

#detail .thumb {
	display:none;
}


}