@charset "utf-8";
/* 
about_us_original.html (こだわり)
------------------------------------------------
------------------------------------------------ */
div.contens
{
width: 100%;
background-color: #EFEDEA;
}
p.recommend {
width:100%;
box-sizing: border-box;
padding: 2rem 4.8%;
line-height: 1.5;
}
/* 各コンテンツbox */
div.silk,
div.maker,
div.artist
{
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
}
/* 各コンテンツ タイトル */
.contens h3{
border-left: 0.3rem solid #C6ABAB;
padding-left: 0.5rem;
margin-bottom: 2rem;
color: #161616;
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
}
.contens h3 span{
color: #C6ABAB;
font-size: 0.9rem;
}
/* タイトル */
.silk div.silk_tit,
.maker div.maker_tit,
.artist div.artist_tit
{
display: flex;
align-items: flex-start;
margin-bottom: 2rem;
}
div.silk_tit,
div.maker_tit,
div.artist_tit
{
width: 100%;
}
div.silk_tit div img,
div.maker_tit div img,
div.artist_tit div img
{
width: 100%;
height: auto;
margin-bottom: 1rem;
}
div.silk_tit div,
div.maker_tit div,
div.artist_tit div{
width: 61.4%;
}
div.silk_tit div h3,
div.maker_tit div h3,
div.artist_tit div h3
{
margin-left: 8.7%;
margin-bottom: 1rem;
}
div.silk p,
div.maker p,
div.artist p
{
margin: 0 8.7% 4rem;
padding-bottom: 1rem;
word-break: break-all;
}
div.silk_tit img,
div.maker_tit img,
div.artist_tit img
{
display: block;
width: 38.6%;
height: auto;
}
/* リード文 */
div.silk p,
div.maker p,
div.artist p{
line-height: 1.7;
}
div.artist p{
margin-bottom: 1rem;
}
div.artist p{
margin-bottom: 1rem;
font-weight: 500;
}
div.artist p+p{
font-weight: 400;
}
/* 背景色でライン分けするため */
div.findK_scene{
background-color: #FFFFFF;
margin-bottom: 4rem;
padding: 1.5rem 1.1rem 2rem;
width:100%;
box-sizing: border-box;
}
div.findK_scene h4{
text-align: center;
padding: 1rem 0 1rem;
color: #C6ABAB;
font-weight: 500;
font-size: 1rem;
}
/* ブランドの画像ボタン */
ul.top_scene3{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.top_scene3 li{
width: 33%;
margin-bottom: 0.1rem;
}
/* 
about_us_stylist.html (スタイリスト)
------------------------------------------------
------------------------------------------------ */
/* サービスやお問い合わせについて */

.mainStylist div.silk p {
    margin: 0 8.7%;
    padding-bottom: 2rem;
    word-break: break-all;
}
.mainStylist div.silk h4{
margin: 0 8.7%;
color: #C6ABAB;
font-weight: 500;
font-size: 1.1rem
}
div.silk ul{
margin: 0 8.7%;
padding-bottom: 1rem;
}
div.silk ul li{
line-height: 1.5;
margin: 1rem 0;
}
div.silk ul li::before{
content: "\025cf";
color: #C6ABAB;
font-size: 0.8rem
}
/* 問合せボタン */
.mainStylist div.contact{
padding-bottom: 2rem;
background: #FFFFFF;
}
.contact ul li a{
display: block;
background-color: #4E454A;
width: 90%;
margin: 0 auto 2rem;
color: #FFFFFF;
padding: 1rem;
text-align: center;
line-height: 1.5;
}
.contact ul li a::after{
content:"\03e";
color: #C6ABAB;
font-weight: bolder;
font-size: 0.8rem;
padding-left: 0.5rem;
line-height: 2rem;
vertical-align: middle;
}
.contact li a i{
color: #C6ABAB;
font-size: 2rem;
padding-right: 0.5rem;
line-height: 2rem;
vertical-align: middle;
}
/* 画像横並び　*/
div.stylingImg{
background: #FFFFFF;
padding-bottom: 2rem;
margin-bottom: 4rem;
}
.stylingImg ul{
display: flex;
justify-content: space-between;
width: 90%;
margin: 0 auto 2rem;
box-sizing: border-box;
}
.stylingImg ul li{
width:33%;
box-sizing: border-box;
}
/* Loje専属きものスタイリスト */
div.stylist
{
width: 100%;
background: #FFFFFF;
box-sizing: border-box;
}
.stylist h3{
border-left: 0.3rem solid #C6ABAB;
padding-left: 0.5rem;
margin-bottom: 2rem;
color: #161616;
font-weight: 500;
font-size: 1rem;
line-height: 1.5;
}
.stylist h3 span{
color: #C6ABAB;
font-size: 0.9rem;
}
/* タイトル */
.stylist div.stylist_tit
{
display: flex;
align-items: flex-start;
margin-bottom: 2rem;
}
div.stylist_tit
{
width: 100%;
}
div.stylist_tit div img
{
width: 100%;
height: auto;
margin-bottom: 1rem;
}
div.stylist_tit div{
width: 61.4%;
}
div.stylist_tit div h3
{
margin-left: 8.7%;
margin-bottom: 1rem;
}
div.stylist h4{
color: #C6ABAB;
font-size: 1.1rem;
margin: 0 8.7% 1rem;
line-height: 1.2;

}
.stylist h4 span{
color: #161616;
}
div.stylist p
{
margin: 0 8.7%;
padding-bottom: 2rem;
word-break: break-all;
}
div.stylist_tit img
{
display: block;
width: 38.6%;
height: auto;
}
/* リード文 */
div.stylist p{
line-height: 1.7;
}
/* 
ブログのバナー　
------------------------------------------------ */
div.stylistblog{
background: #FFFFFF;
}
div.stylistblog ul{
width: 90%;
margin: 0 auto;
padding-bottom: 4rem;
}
/* 
Follow us　/ SNSリンク
------------------------------------------------ */
div.followUs{
background-color: #FFFFFF;
margin-bottom: 3rem;
padding: 1.5rem 1.1rem 3rem;
width: 100%;
}
/* タイトル */
div.followUs h2{
text-align: center;
color: #C6ABAB;
font-weight: 500;
font-size: 1.5rem;
border: none;
padding: 0px;
margin-bottom: 2rem;
}
/* アイコン */
ul.folus_snsIcon{
display: flex;
justify-content: space-between;
margin: 0 auto 2rem;
width: 80%;
}
ul.folus_snsIcon li{
width: 33%;
margin-bottom: 0.1rem;
text-align: center;
}
.folus_snsIcon li img{
width: 50%;
}
/* Youtube */
.followUs p.folus_youtube{
width: 100%;
}
p.folus_youtube iframe{
display: block;
width: 100%;
margin: 0 auto;
}
.followUs p+p{
width: 100%;
background-color: #C6ABAB;
padding: 1rem;
text-align: center;
font-size: 0.8rem;
}
.followUs p+p a{
color: #161616;
font-weight: 500;
}
.followUs p+p a::after{
    padding-left: 0.5rem;
    color: #161616;
    font-size: 0.8rem;
    line-height: 1rem;
				content: "\03e";
}

/* 
Responsive PC用
------------------------------------------------
------------------------------------------------ */
@media (min-width:768px){
/* about_us_original.html
------------------------------------------------------------*/

/* ブランドの画像ボタン */
ul.top_scene3{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 80%;
margin: 0 auto;
}
ul.top_scene3 li{
width: 20%;
padding: 0 0.1rem;
margin-bottom: 0.2rem;
}
/* 
about_us_stylist.html (スタイリスト)
------------------------------------------------
------------------------------------------------ */
.mainStylist div.silk h4,
div.silk ul{
width: 70%;
margin: 0rem 0 0rem 10%;
padding-bottom: 4rem;
}
/* 
Contact　/ お問い合わせ
------------------------------------------------ */

/* タイトル */
.contact div.contact_tit{
width: 90%;
}
div.contact_tit div{
width: 46%;
}
div.contact_tit div img{
width: 100%;
height: auto;
}
div.contact_tit div h2{
margin-left: 0px;
}

/* リード文 */
.mainStylist div.silk p {
width:70%;
margin: 0rem 0 0rem 10%;
padding-bottom: 4rem
}
/* 問合せボタン */
.contact ul li a{
width: 48%;
padding: 2rem;
}

/* 
Follow us　/ SNSリンク
------------------------------------------------ */
div.followUs{
margin-bottom: 0px;
padding-bottom: 3rem;

}
/* タイトル */
div.followUs h2{
font-weight: 600;
font-size: 2.2rem;
width:100%;
margin-left: 0%;
box-sizing: border-box;
}
/* アイコン */
ul.folus_snsIcon{
justify-content: center;
margin: 0 auto 4rem;
width: 60%;
}
ul.folus_snsIcon li{
width: 10%;
padding: 0 0.5rem;
}
.folus_snsIcon li img{
width: 100%;
}
/* Youtube */
.followUs p.folus_youtube{
width: 80%;
margin: 0 auto;
}
p.folus_youtube iframe{
width: 30rem;
height: 16.875rem;
}
.followUs p+p{
width: 30rem;
margin: 0 auto;
}
/* 
バナー
------------------------------------------------ */
div.stylistblog ul{
background-color: #FFFFFF;
width: 48%;
margin: 0 auto;
}

.stylistblog a{
width: 100%;
margin: 4rem auto;
text-align: center;
}
/*.stylistblog a img{
width: 40%;
}*/
}