/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0 0;
	position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}
#container .itembox img.img{
  width: 100%;
  display: block;
}
#container .flex {
    align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
#container .chair-list {
  width: 100%;
}
#container .chair-list .itembox {
  width: 100%;
  flex: 0 0 100%;
}
#container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/chair_fv_sp.jpg) top 0px left 0px no-repeat;
    background-size: 100%;
    background-color: #fff;
    padding: 0 10px;
    position: relative;
}
#container h1 {
	color: #000;
    font: 2.3rem/1.2 "Hannari", serif;
    margin: 0 auto 80px;
    padding: 38px 0 0;
    position: relative;
    text-align: center;
}

#container h1 span {
  position: relative;
  padding: 0 1em;
  font-size: 1rem;
}

#container h1 span:before {
  position: absolute;
  top: 10px;
  left: -65px;
  width: 40%;
  height: 1px;
  content: '';
  background: #333;
}

#container h1 span:after {
  position: absolute;
  top: 10px;
  left: 175px;
  width: 40%;
  height: 1px;
  content: '';
  background: #333;
}

#container .mainvisual p {
    color: #000;
    font: 1.2rem/1.5 "Hannari", serif;
    margin: 0 0;
    padding-top: 125px;
}


/*プレミアムシリーズ*/
#container .select {
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/216435203.jpeg) 50% 50% no-repeat;
    background-size: cover;
}

#container .select ul {
    list-style: none;
    text-align: center;
    padding: 20px;
}

#container .select li img {
    height: auto;
    margin-bottom: 20px;
}

#container #premium {
    background-color: #e6e7ec;
    width: 100%;
    
}

#container #premium h2 {
    text-align: center;
    font-size: 30px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    padding: 80px 0 0 20px;
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/premium.png) top 5px left 0px no-repeat;
    background-size: 100%;
}

#container #premium .sub-title {
    text-align: center;
    color: 3e3636;
    font-size: 18px;
    font-family: "Hannari", serif;
    padding: 20px;
}

#container .itembox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 20px;
}

#container .itembox li {
    background-color: #fff;
    margin: 5px 5px 10px 7px;
    padding: 10px;
    width: calc(92% /2);
    box-shadow: 0 15px 5px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
  transform: translateY(-4px);
}

#container .itembox p {
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#container .itembox p span {
    font-size: 10px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

#container .itembox b {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 600;
}


/*スタンダードシリーズ*/
#container #standard {
    background-color: #f2f2f2;
    width: 100%;
    
}

#container #standard h2 {
    text-align: center;
    font-size: 30px;
    font-family: "游明朝",'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    padding: 70px 0 0 20px;
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/standard.png) top -5px left 0px no-repeat;
    background-size: 100%;
}

#container #standard .sub-title {
    text-align: center;
    color: 3e3636;
    font-size: 18px;
    font-family: "Hannari", serif;
    padding: 20px;
}


/*スペシャルシリーズ*/

#container #special {
    background-color: #e6e7ec;
    width: 100%;
   
}

#container #special h2 {
    text-align: center;
    font-size: 30px;
    font-family: "游明朝",'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    padding: 75px 0 0 20px;
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/special.png) top -10px left 25px no-repeat;
    background-size: 100%;
}

#container #special .sub-title {
    text-align: center;
    color: 3e3636;
    font-size: 18px;
    font-family: "Hannari", serif;
    padding: 20px;
}

#container .voice_bnr {
    text-align: center;
    padding: 30px 0;
}


/* 481px以上に適用されるCSS（タブレット用） */
@media screen and (min-width: 481px) {
#container .mainvisual {
    height: 920px;
}

#container h1 {
	color: #000;
    font: 4rem/1.2 "Hannari", serif;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
    text-align: center;
}

#container h1 span {
  position: relative;
  padding: 0 1em;
  font-size: 2rem;
}

#container h1 span:before {
  position: absolute;
  top: 20px;
  left: -75px;
  width: 25%;
  height: 1px;
  content: '';
  background: #333;
}

#container h1 span:after {
  position: absolute;
  top: 20px;
  left: 325px;
  width: 25%;
  height: 1px;
  content: '';
  background: #333;
}

#container .mainvisual p {
    color: #000;
    margin: 0 0;
    padding: 510px 0 0 20px;
    font-size: 2rem;
}

#container .select li img {
    height: auto;
    margin-bottom: 20px;
}
#container #premium h2 {
    text-align: left;
    font-size: 3rem;
    padding: 150px 0 0 20px;
}
#container #premium .sub-title {
    text-align: left;
    color: 3e3636;
    font-size: 2rem;
    padding: 20px;
}

#container #standard .sub-title {
    text-align: left;
    color: 3e3636;
    font-size: 2rem;
    padding: 20px;
}

#container #special .sub-title {
    text-align: left;
    color: 3e3636;
    font-size: 2rem;
    padding: 20px;
}

#container .itembox p {
    font-size: 1rem;
    padding: 15px 0;
}

#container .itembox span {
    font-size: 1rem;
}

#container .itembox ul {
    justify-content: flex-start;
    }

#container #standard h2 {
    text-align: left;
    font-size: 3rem;
    padding: 150px 0 0 20px;
    text-align: left;
}

#container #special h2 {
    text-align: left;
    font-size: 3rem;
    padding: 150px 0 0 20px;
    text-align: left;
}
}


@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
    #container .mainvisual {
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/chair_fv_pc.jpg) 50% 75% no-repeat;
    background-size: cover;
    position: relative;
    padding: 0;
    height: 600px;
}

#container .select {
    margin: 0 auto;
}

#container .select ul {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    padding: 3% 0;
    width: 1160px;
}
#container .select li {
    width: calc(100%/3);
}
#container .select li img {
    height: auto;
    margin: 30px auto;
}
#container .mainvisual p {
    margin: 15px auto 0;
    padding: 0;
    text-align: center;
}
#container .itembox {
    margin: 0 auto;
    max-width: 1040px;
}
#container .itembox li {
    width: calc(84% /4);
    margin: 0 15px 30px;
    padding: 0;
}
#container #premium h2 {
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/premium.png) top 0px left 0px no-repeat;
    background-size: 100%;
    flex-basis: 50%;
    font-size: 3rem;
    padding: 120px 0 0 30px;
}

#container #premium .sub-title {
    padding: 60px 0;
    font-family: "游明朝",'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

#container #standard .sub-title {
    padding: 60px 0;
    font-family: "游明朝",'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    
}


#container #special .sub-title {
    padding: 60px 0;
    font-family: "游明朝",'Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

#container #standard h2 {
    height: 150px;
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/standard.png) top 15px left 0px no-repeat;
    background-size: 100%;
    flex-basis: 50%;
    font-size: 3rem;
    padding: 145px 0 85px 20px;
}
#container #special h2 {
    height: 150px;
    background: url(/contents/shop/sevenbeauty/img/freepage/stylingchair-series/special.png) top -15px left 0px no-repeat;
    background-size: 100%;
    flex-basis: 50%;
    font-size: 3rem;
    padding: 140px 0 90px 30px;
}
   
#container .pc-flex {
    display: flex;
    margin: 0 auto;
    padding: 20px 0 0;
    max-width: 1040px;
}
#container #special .voice_bnr {
    margin: 0 auto;
}
#container .lineup {
    margin: 0 auto;
    padding: 0 3%;
    width: 1200px;
}
#container .voice_bnr img {
    width: 55%;
}
}