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

/* Estivo フォント カスタマイズ */
<link href="https://fonts.googleapis.com/css?family=Rambla:700" rel="stylesheet">	
<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
<link href="https://use.typekit.net/tiu6ere.css" rel="stylesheet">

.caveat-font {font-family: 'Caveat', cursive;}
.din-font {font-family: 'din-condensed', sans-serif;}

/* Estivo カラー カスタマイズ */
.bg-red {
	background-color: #f8dae8;
}

.bg-blue {
	background-color: #b9e1ef;
}

.bg-yellow {
	background-color: #fddb81;
}

.custom-margin {
	margin: 30px 30px 0px 30px;
}

.custom-margin-2 {
	margin: 0px 30px 30px 30px;
}

/* スペース表示サイズ切り替え　*/
@media screen and (max-width: 768px) {
   /* 表示領域が768px以下の場合に適用するスタイル */
	.space-sp { height:100px; }
	.space-sp-2 { height:70px; }
	.space-sp-3 { height:30px; }
}
@media screen and (min-width: 769px) {
   /* 表示領域が769px以上の場合に適用するスタイル */
   .space-pc { height:180px; }
	.space-pc-2 { height:60px; }
	.space-pc-3 { height:20px; }
}

/* 行間スペース　*/
.blog-post p {
    line-height: 30px;
}

.blog-post a {
	display: inline;    
}

/* Warranty カスタマイズ */
.m-bot-50 {
    margin-bottom: 50px;
}

.promo-box {
    display: block;
    width: 100%;
    padding: 30px;
}

.promo-box h5 {
    margin-bottom: 0;
    letter-spacing: 1px;
}

.promo-info span {
    display: block;
    margin-top: 10px;
}

.round-5 {
    border-radius: 5px;
}

/* SIZE カスタマイズ */
@media screen and (max-width: 768px) {
   /* 表示領域が768px以下の場合に適用するスタイル */
	.size-img-sp {
        width: 100% !important;
}
}
@media screen and (min-width: 769px) {
   /* 表示領域が769px以上の場合に適用するスタイル */
   .size-img-pc {
        width: 60% !important;
}
}

/* 404 カスタマイズ */
.error-info {
    padding-left: 60px;
    border-left: 1px solid #ddd;
}

.error404 {
    display: block;
    margin-top: 20px;
    color: #222;
    font-size: 140px;
    font-weight: 100;
    line-height: 140px;
}

/* HR カスタマイズ */
hr {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border: 0 !important;
  border-top: 1px solid #eeeeee !important;
}

/* フッターパーツ カスタマイズ
.txtOver-footer {
  position: relative;
  }

.txtOver-footer p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  
	    text-decoration: none !important;
	outline: none !important;
  }

.txtOver-footer img {
  width: 100%;
  margin-bottom: 15px;
  }
 */
/*
@media screen and (max-width: 768px) {
*/
   /* 表示領域が768px以下の場合に適用するスタイル */
/*
	.lookbook-border-sp {
    padding: 20px !important;
    width: 60%;
    margin: auto;
    color: #000;
    background: rgba(255,255,255,0.50);
    border: solid 1px rgba(255,255,255,0.80);
    border-radius: 0px;
	text-align:center !important;
}
	}
*/
/*
@media screen and (min-width: 769px) {
*/
   /* 表示領域が769px以上の場合に適用するスタイル */
/*
	.lookbook-border-pc {
    padding: 30px !important;
    width: 50%;
    margin: auto;
    color: #000;
    background: rgba(255,255,255,0.50);
    border: solid 1px rgba(255,255,255,0.80);
    border-radius: 0px;
	text-align:center !important;
}
	}
*/

/* スマホ閲覧時スワイプ矢印サイズ変更ここから */
@media (max-width: 767px){
	.swiper-button-next, .swiper-button-prev {
    background-size: 35px auto !important;
    width: 25px !important;
		}
}
/* スマホ閲覧時スワイプ矢印サイズ変更ここまで */

/* LOOK BOOK アイテムのタイトル時使用ここから */
.title-medium {font-size: 70px !important; line-height:95px !important;}
@media (max-width: 767px){
    .title-medium {font-size: 40px !important; line-height:50px !important;}
}
/* LOOK BOOK アイテムのタイトル時使用ここまで */

/* スマホ閲覧時タブ２列表示ここから */
		@media (max-width: 767px) {
			.portfolio-filter-tab-1 li {  width: 49% !important; }
		}
/* スマホ閲覧時タブ２列表示ここまで */

/* スマホボタンセンターここから */
@media screen and (max-width: 768px) {
	.center-sp {
	text-align:center !important;
}
	}
/* スマホボタンセンターここまで */

/* LOOKBOOK詳細ページPC画像表示ここから */
@media screen and (min-width: 769px) {
   /* 表示領域が769px以上の場合に適用するスタイル */
	.lookbook-top-img {
	width: 70% !important;
	}
}
/* LOOKBOOK詳細ページPC画像表示ここまで */

/* 素材アイコン表示 */
.fablic-icon-goretex {
	width: 200px !important;
	text-align: center !important;
}
.fablic-icon-heatmax {
	width: 170px !important;
	text-align: center !important;
}
/* 素材アイコン表示ここまで */

/* ABOUTページスマホ画像文字サイズここから */
@media (max-width: 767px){
	.about-font {
        font-size: 8px;
		}
}
/* ABOUTページスマホ画像文字サイズここまで */

/* 特集バナー出し分け カスタマイズここから */
@media screen and (max-width: 768px) {
   /* 表示領域が768px以下の場合に適用するスタイル */
	.pc-banner-img { display: none !important; }
	.sp-banner-img { display: block !important; }
}
@media screen and (min-width: 769px) {
   /* 表示領域が769px以上の場合に適用するスタイル */
	.pc-banner-img { display: block !important; }
	.sp-banner-img { display: none !important; }
}
/* 特集バナー出し分け カスタマイズここまで */