@charset "utf-8";
/* common */
section{
  margin: 10em auto;
  text-align: center;
  width: 1100px;
}
#mainArea{
  letter-spacing: 0;
  line-height: 2;
  color: #333333;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.bold{
  font-weight: 700;
}
.blc{
  display: block;
}
.in-blc{
  display: inline-block;
}
.right{
  text-align: right;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.border{
  border-bottom: 1px solid #dddddd;
}
.v-m{
  vertical-align: middle;
}
.v-t{
  vertical-align: top;
}
.normal{
  font-style: normal;
}
.h_bar{
  display: none;
}
.f-20{
  font-size: 2.0rem;
}
.f-en{
  font-family: Copperplate;
}
.f-ja{
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, sans-serif;
}
/* original */
.header_ img{
  width: 100vw;
}
h3{
  display: inline-block;
  font-size: 3.6rem;
  line-height: 1.5;
  width: 100%;
  background: #ecf0f8;
  padding: 5% 0;
}
h3 span{
  display: block;
  margin: 0 auto 3%;
  position: relative;
}
h3 span::after{
  position: absolute;
  content: '';
  top: 87px;
  left: calc(50% - 20px);
  background: #333333;
  height: 1px;
  width: 30px;
}
h4{
  font-size: 5.0rem;
  line-height: 3;
  text-align: left;
  margin: 0 0 5% 0;
  display: inline-block;
}
h4 span{
  display: block;
  font-size: 1.2rem;
  margin: 0 0 0 -5px;
}
h5{
  margin: 5% 0 3%;
}
h5 + p{
  margin: 0 0 5% 0;
}
.leadText_{
  font-size: 1.5rem;
  margin: 5% auto 10%;
}
/* Function */
.t_0_{
  width: 34%;
  text-align: left;
  position: absolute;
  top: -60px;
  right: 60px;
}
.t_1_{
  width: 21%;
  text-align: left;
  position: absolute;
  top: 120px;
  left: -20px;
}
.t_2_{
  width: 35%;
  text-align: left;
  position: absolute;
  bottom: -120px;
  left: 250px;
}
.t_3_{
  width: 21%;
  text-align: left;
  position: absolute;
  right: 10px;
  top: 260px;
}
/* novelty */
.novelty_ {
  width: 100%;
  padding: 0;
}
.novelty_ .itemArea_{
  width: 1000px;
  margin: 0 auto;
}
.novelty_ h4{
  margin: 0 0 5% 0;
}
.novelty_ p span{
  margin: 5% 0 0 0;
  font-size: 1.1rem;
  display: block;
}
.itemArea_ {
  margin: 15em auto;
  text-align: center;
  position: relative;
}
.itembg_::before{
  width: 483px;
  background: #ecf0f8;
  padding: 5% 0;
  content: "";
  position: absolute;
  height: 574px;
  z-index: -99;
  margin: 5% 0 0 -5%;
}
.color_ {
  width: 100%;
}
.color_ .itemArea_{
  background: url(/campaign/2020/standard_linen_0612/pc/images/bg.jpg) center top/cover no-repeat;
  padding: 5% 0;
}
.value_ {
  width: 73%;
  display: inline-block;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.5;
  vertical-align: middle;
}
.itemLink_ {
  margin: 1% 0 3% 0;
}
.co_i_{
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.co_t_{
  width: 32%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: 0 3%;
}
.list_{
  width: 460px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 2%;
}
.caption_{
  margin: 3% 0 10%;
  position: relative;
}
.caption_::after{
  position: absolute;
  content: '';
  bottom: -20px;
  left: 0;
  background: #333333;
  height: 1px;
  width: 30px;
}
.btn_ {
  width: 58px;
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
}
.btn_ a {
  border: 1px solid #333333;
  color: #ffffff;
  background-color: #333333;
  text-align: center;
  padding: 0;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
.btn_ a:hover {
  border: 1px solid #333333;
  color: #333333;
  background-color: #ffffff;
}
.allBtn_ {
  width: 100%;
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
  margin: 10% 0;
}
.allBtn_ a {
  border: 1px solid #333333;
  color: #333333;
  background-color: #ffffff;
  text-align: center;
  padding: 15px;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  font-size: 1.5rem;
  width: 100%;
}
.allBtn_ a:hover {
  border: 1px solid #333333;
  color: #ffffff;
  background-color: #333333;
}
.archive_{
  width: 100%;
  background: #ecf0f8;
  padding: 5% 0;
}
.archive_ .allBtn_ {
  width: 60%;
  display: inline-block;
  text-align: left;
  margin: 3% 0;
}
.archive_ .allBtn_ a {
  border: 1px solid #333333;
  color: #ffffff;
  background-color: #333333;
  text-align: center;
  padding: 20px;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  font-size: 1.5rem;
  width: 100%;
}
.archive_ .allBtn_ a:hover {
  border: 1px solid #333333;
  color: #333333;
  background-color: #ffffff;
}