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

/*common*/
#bizcos_0318 .square {display: inline-block; width: 12px; height: 12px;}
#bizcos_0318 .black {background: #000;}
#bizcos_0318 .navy {background: #2a3c64;}
#bizcos_0318 .gray {background: #8f8f8f;}
#bizcos_0318 .white {background: #fff; border: 1px solid #000;}
#bizcos_0318 .sax {background: #6088B1;}
#bizcos_0318 .beige {background: #a69994;}
#bizcos_0318 .brown {background: #6F5645;}
.bold {font-weight: bold;}
.slide-caption p {font-size: 1.2rem;}

/* 769px以上（PC用）の記述 */
@media screen and (min-width: 769px) {
	
/*read*/
#bizcos_0318 .read .title-f1 {font-size: 3rem; font-weight: bold; text-align: center; margin: 30px 0;}
#bizcos_0318 .read p { text-align: center; line-height: 1.7; margin-bottom: 20px;}
	
/*column1-style1*/
.column1-style1 ul {display: flex; justify-content: center;}
.column1-style1 li {width: 50%; margin-bottom: 20px;}
.column1-style1 img { margin-bottom: 15px;}
.column1-style1 .spec {margin-bottom: 25px;}
.column1-style1 h3 {font-size: 2rem; font-weight: bold;}

.column1-style1 .size, .column2-style1 .color  {font-size: 1.3rem; margin-bottom: 5px;}
.column1-style1 .price { margin: 5px 0 20px; font-weight: bold;}

/*column2-style1*/
.column2-style1 ul {display: flex; justify-content: space-between;}
.column2-style1 li {width: 48%; margin-bottom: 20px;}
.column2-style1 img { margin-bottom: 15px;}
.column2-style1 .spec { margin-bottom: 25px;}
.column2-style1 h3 {font-size: 2rem; font-weight: bold;}

.column2-style1 .size, .column2-style1 .color  {font-size: 1.3rem; margin-bottom: 5px;}
.column2-style1 .price { margin: 5px 0 20px; font-weight: bold;}
	
/*biz-outfit*/
.biz-outfit img { margin-bottom: 10px;}
.biz-outfit dl { margin-bottom: 40px;}
.biz-outfit dt { font-size: 2rem; font-weight: bold; margin-bottom: 10px;}
.biz-outfit .slick-prev:before,.biz-outfit .slick-next:before {border: 1px solid #000;}

/*slide-sp*/
.slide-sp-style1 { display: flex; justify-content: space-between;}
.slide-sp-style1 div {width: 32%; outline:none;}
.slide-sp-style1 img { margin-bottom: 15px;}

.slide-sp-style2 { display: flex; justify-content: center;}
.slide-sp-style2 div {width: 25%; outline:none; margin: 0 10px; font-weight: bold;}
.slide-sp-style2 img { margin-bottom: 15px;}
.slide-sp-style2 p { margin-bottom: 5px;}
	
/*biz-lineup-f*/
.biz-lineup-f .price {font-weight: bold;}

/*item-column1*/
.item-column1 { width: 50%; margin: 0 auto; font-weight: bold; text-align: center;}
.item-column1 img { margin-bottom: 15px;}
.item-column1 p { margin-bottom: 5px;}
	
/*slider*/
  .slider {
    width: 100%;
    margin: 0 auto;
  }
  .slick-slide {
    margin: 0;
    outline: none;
  }
  .slick-slide img {
    width: 100%;
  }
  .slide-caption .slick-slide {
    margin: 0 10px;
  }	
	
.slide-caption .slick-list {width: 77%; margin: 0 auto; }

	
}/*pc*/

/* 768px以下用（スマートフォン用）の記述　ここから */
@media screen and (max-width: 768px) {
	
	/*read*/
	#bizcos_0318 .read {padding: 0 20px;}
	#bizcos_0318 .read .title-f1 {font-size: 1.6rem; text-align: center; font-weight: bold; margin: 25px 0 25px;}
	#bizcos_0318 .read p {font-size: 1.3rem;}
	
/*slide-sp*/
.column2-style1 figure, .column1-style1 figure { width: 96%; margin: 0 auto 18px;}
.column2-style1 li {margin-bottom: 20px;}
.column2-style1 .spec, .column1-style1 .spec {margin: 0 25px 20px;}
.column2-style1 h3, .column1-style1 h3 {font-weight: bold;}
.column2-style1 .price, .column1-style1 .price {font-weight: bold; margin-bottom: 18px;}
.column2-style1 .size, .column2-style1 .color,
.column1-style1 .size, .column1-style1 .color {font-size: 1.3rem; margin-bottom: 5px;}
	
	
/*slide-caption*/
.slide-caption p {margin: 10px 20px;}
.slide-caption dl {margin: 20px 20px;}
.slide-caption dt {margin-bottom: 10px;}
.slide-caption dd {font-size: 1.3rem;}

/*biz-detail*/
.biz-detail p  {margin: 20px 20px; font-size: 1.3rem;}
	
/*biz-lineup-f*/
.biz-lineup-f .price {font-weight: bold;}
	
/*slide-sp-style2*/
.slide-sp-style2 img { margin-bottom: 20px;}
.slide-sp-style2 p {margin: 0 20px 10px; font-weight: bold;}
	
/*item-column1*/
.item-column1 {  font-weight: bold; text-align: center;}
.item-column1 img { width: 50%; margin: 0 auto 15px;}
.item-column1 p { margin-bottom: 5px;}

/*read-button*/
.read-button { font-size: 1.3rem; text-align: left; margin: 0 20px;}
	
}/*sp*/