@charset "utf-8";


/*===============================================
画面の横幅が601px以上（パソコン用）
===============================================*/
@media print,screen and (min-width: 601px){

/* ページ内全体の設定  */
#pageBasics {
width: 100%;
margin: 0px;
font-size: 90%;
line-height: 1.4;
color: #000000;
background-image: url(/common/images/headerBG.jpg);
background-repeat:repeat-x;
background-color:#FFF;
}

/* ページの大外枠  */
#bodyArea { width: 1000px; margin: 0 auto; }

/* ヘッダー  */
#header { height:160px; }
#headerLeft { float:left; padding-top:20px; }
#headerRight { float:right; padding-top:20px; line-height:1.2; width:758px;}
#headerRight .corptel { text-align:right; margin-right:10px; float:right; }

#pc_menu {
display: flex;
justify-content: space-between;
padding: 25px 0 40px 0;
background-image: url(/common/images/shameiBG.png);
background-repeat: no-repeat;
}


/* スライド画像 */
#suraido { width: 100%; }
#suraido img { width: 1000px; }


/***** サイドナビ固定 *****/
/*#sidenavi {
    text-align: center;
    background-color: rgba(255,255,255,1.00);
    padding-bottom: 5px;
    }

    @keyframes sn_anime {
        from {
            top:150px;
        }
        to {
            top:0;
        }
    }
    .fixed {
    position: fixed;
    z-index: 1000;
    animation-name: sn_anime;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    }


#sidenavi2 {
    text-align: center;
    background-color: rgba(255,255,255,1.00);
    padding-bottom: 5px;
    }

    @keyframes sn_anime2 {
        from {
            top:50px;
        }
        to {
            top:0;
        }
    }
    .fixed2 {
    position: fixed;
    z-index: 1000;
    animation-name: sn_anime2;
    animation-duration: 1s;
    animation-fill-mode:forwards;
    }*/
    


/***** 見出し設定 *****/
h1 {
font-family: 'Noto Serif JP', serif;
font-size: 200%;
font-weight: 500;
padding-bottom: 10px;
border-bottom: 4px dotted #bdba83;
margin-bottom: 60px;
/*
border-top:2px solid #03C;
border-bottom:1px solid #CCC;
padding:6px 0 6px 10px;
margin:0 0 40px 0;
font-size:125%;
font-weight:normal;
background-color:#f8f8f8;
*/
}

#oyaArea {display:flex; justify-content: space-between;}

/***** 左のエリア *****/
#LeftArea {
width:720px;
}

/* 頁内の個別見出し */
#titleGlay { border-bottom:1px solid #999; margin-bottom:15px; }
.titleGlayIn { width:200px; border-bottom:4px solid #999; padding-bottom:2px }

#titleCyan { border-bottom:1px solid #0cb4ff; margin-bottom:15px; }
.titleCyanIn { width:200px; border-bottom:4px solid #0cb4ff; padding-bottom:2px }

#titleGreen { border-bottom:1px solid #00be54; margin-bottom:15px; }
.titleGreenIn { width:200px; border-bottom:4px solid #00be54; padding-bottom:2px }

#titleBBcolor { border-bottom:1px solid #e5005a; margin-bottom:15px; }
.titleBBcolorIn { width:200px; border-bottom:4px solid #e5005a; padding-bottom:2px }
.titleBBcolorInLink { float:right; }
.titleBBcolorInLinkTop { float:right; }
.titleBBcolorInLink_02 { float:right; }


/* 新着記事 */
#newsScroll { height:200px; overflow-y:scroll; }

#newsGreen { border-bottom:1px dashed #999; padding:8px; background-color: #f6f5e6; }
#newsGreen .newsGreenL { padding:4px 10px 4px 0; border-right:6px solid #090; width:80px; float:left; }
#newsGreen .newsGreenR { padding:4px 0 4px 10px; float:left; }


/* ウィッグ紹介（トップページ） */
#wig_thum { margin:0 15px 15px 0; width:152px; float:left; }
#wig_thum .moji { line-height:1.2; }
#wig_thum img { border:1px solid #666; }


/* ウィッグ紹介ページ */
.wig_photo { margin-right:4px; border:1px solid #999; margin-bottom:40px; }


/* ウィッグの選び方ページ */
.wig_select { margin-left:50px; }


/* サロンの紹介ページ */
.salonPhoto { padding-left:5%; }
.salonPhoto img { margin-bottom:8px; }


/* 会社紹介 */
.corp_left {
width:150px;
padding:15px;
background-color:#DFDFDF;
float:left;
margin:0 6px 6px 0;
}
.corp_right {
width:450px;
padding:15px;
background-color:#F0F0F0;
float:left;
margin-bottom:6px;
}


/***** 右のエリア *****/
#RightArea { width:250px; }
#RightArea img { margin-bottom:6px; opacity:1; }
#RightArea img:hover { opacity:0.4; }


/* トップページキャッチ  */
#top_catch1 {
text-align:center;
font-family: 'Noto Serif JP', serif;
font-size:200%;
font-weight: 300;
color:#e73562;
margin-bottom:20px;
}
#top_catch2 {
text-align:center;
font-family: 'Noto Serif JP', serif;
font-size: 125%;
font-weight: 500;
color:#e73562;
margin-bottom:20px;
}


/* このページのトップへ  */
#toTop { position: fixed; bottom: 20px; right: 20px; }
#toTop img { opacity:0.4; }
#toTop img:hover { opacity:0.8; }

/* フッター  */
#footer {
width:100%;
border-top:5px solid #666;
background-color:#F0F0F0;
text-align:center;
margin-top:20px;
padding:20px 0;
}
#footer a { color:#333333; }
#footer a:hover { color:#ff3300; }
#footer .copyright { font-size:85%; margin-top:10px; }

#footer .ft_navi {
width:150px;
padding:0 0 0 8px;
margin-bottom:8px;
border-left:4px solid #666;
float:left;
}

.thanks {
font-family: 'Noto Serif JP', serif;
font-size: 150%;
font-weight: 200;
margin-left: 3em;
line-height: 1.8;
}
.pc125sp100 { font-size: 125%;}

/* PCで隠す  */
#kakusuSP {  }
#kakusuPC { display:none; }

h2 {
border-left:8px solid #e7316e;
padding:1px 0 1px 12px;
font-size:150%;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
color:#e7316e;
}

h3 {
border-left:8px solid #0C6;
padding:1px 0 1px 12px;
font-size:150%;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
color:#333;
}

/* 広告画像 */
#ad_photo { text-align: center; font-size: 125%; font-weight: bold; }
#ad_photo a:hover { color: #888800; }
#ad_photo img:hover { opacity: 0.6; }

}

/*===============================================
画面の横幅が600pxまで（スマホ用）
===============================================*/
@media screen and (max-width:600px){


/* ページ内全体の設定  */
#pageBasics {
width: 100%;
margin: 0px;
font-size: 100%;
line-height: 1.4;
color: #000000;
background-color:#ffffff;
/*background-color:#fdf0f0;*/
}

/* ページの大外枠  */
#bodyArea { padding:2%; }

/* ヘッダー  */
#headerSP { background-color:#FFF; text-align:center; padding:8px; margin-bottom:12px; }

#pc_menu {}


/***** 見出し設定 *****/
h1 {
border-radius: 1em;
padding:15px 10px;
margin:0 0 40px 0;
font-size:150%;
font-weight:normal;
background-color: #ecebdc;
text-align: center;
}

/***** 左のエリア *****/
#LeftArea { width:100%; }

/***** トップページ広告部分 *****/
.topPhotoSP { border-top:4px solid #900; margin-bottom:15px; }

/* 頁内の個別見出し */
#titleGlay { margin-bottom:15px; }
.titleGlayIn { width:100%; border-bottom:4px solid #999; padding-bottom:2px; margin-bottom:10px; }

#titleCyan { border-bottom:1px solid #0cb4ff; margin-bottom:15px; }
.titleCyanIn { width:200px; border-bottom:4px solid #0cb4ff; padding-bottom:2px; }

#titleGreen { border-bottom:1px solid #00be54; margin-bottom:15px; }
.titleGreenIn { width:200px; border-bottom:4px solid #00be54; padding-bottom:2px; }

#titleBBcolor { margin-bottom:15px; }
.titleBBcolorIn { width:100%; border-bottom:4px solid #e5005a; padding-bottom:2px; margin-bottom:10px; }
.titleBBcolorInLink { margin-top:10px; }
.titleBBcolorInLinkTop { margin:10px 0 6px 0; }
.titleBBcolorInLink_02 {  }


/* 新着記事 */
#newsScroll { height:150px; overflow:scroll; background-color:#FFF; margin-bottom:20px; }

#newsGreen { border-bottom:1px dashed #999; padding:8px 0 4px 0; }
#newsGreen .newsGreenL { font-size:85%; font-weight:bold; color:#e73562; padding-left:4px; }
#newsGreen .newsGreenR { padding:2px 0 4px 4px; }


/* ウィッグ紹介（トップページ） */
#wig_thum { margin:0 6px 15px 0; width:152px; float:left; }
#wig_thum .moji { line-height:1.2; }
#wig_thum img { border:1px solid #666; }


/* ウィッグ紹介ページ */
.wig_photo { margin-right:4px; border:1px solid #999; margin-bottom:40px; }


/* ウィッグの選び方ページ */
.wig_select { margin-left:10px; }


/* サロンの紹介ページ */
.salonPhoto { text-align:right; }
.salonPhoto img { margin-bottom:8px; }


/* 会社紹介 */
.corp_left {
width:94%;
padding:2% 3%;
background-color:#DFDFDF;
}
.corp_right {
width:92%;
padding:4%;
background-color:#F0F0F0;
margin-bottom:8px;
}


/***** 右のエリア *****/
#RightArea { width:250px; float:right; }
#RightArea img { margin-bottom:6px; opacity:1; }
#RightArea img:hover { opacity:0.4; }


/* トップページキャッチ  */
#top_catch1 {
text-align:center;
font-size:125%;
color:#e73562;
margin-bottom:20px;
}
#top_catch2 {
text-align:center;
font-size:100%;
color:#e73562;
margin-bottom:20px;
}


/* このページのトップへ  */
#toTop { position: fixed; bottom: 20px; right: 20px; }
#toTop img { opacity:0.4; }
#toTop img:hover { opacity:0.8; }

/* このページのトップへ  */
#sp_toTop { position: fixed; bottom: 10px; right: 10px; }
#sp_toTop img { opacity:0.4; }
#sp_toTop img:hover { opacity:0.8; }

/* フッター  */
#footer {
width:100%;
border-top:5px solid #666;
background-color:#F0F0F0;
text-align:center;
margin-top:20px;
padding:0 0 15px 0;
}

#sp_button {
width:92%;
padding:2% 4%;
background-color:#666;
color:#FFF;
text-align:left;
border-bottom:1px solid #CCC;
}
.sp_bta {text-decoration:none;}

.thanks {
    padding: 0 2%;
    font-family: 'Noto Serif JP', serif;
    font-size: 125%;
    font-weight: 200;
    line-height: 1.8;
    }
    
.pc125sp100 { font-size: 100%;}


/* スマホでは表示させない  */
#kakusuSP { display:none; }
#kakusuPC {  }

h2 {
border-left:8px solid #e7316e;
padding:1px 0 1px 12px;
font-size:115%;
font-weight:normal;
color:#e7316e;
}

h3 {
border-left:8px solid #0C6;
padding:1px 0 1px 12px;
font-size:100%;
font-weight:normal;
color:#333;
}

/* 広告画像 */
#ad_photo { text-align: center; font-size: 90%; font-weight: bold; }
#ad_photo img { width: 100%; }

}


/***                                              ***/
/**********************  共通  **********************/
/***                                              ***/

a { color: #333; text-decoration:underline; }
a:visited { color: #333; }
a:hover { color: #880; text-decoration:underline; }


/* クリアー  */
#clrBoss { clear: both; }





/* 行の間隔 */
.la2 { line-height:2; margin-bottom:20px; }

/* その他　なんでも */
#BKnum { }
#BKnum .BTarea a {
width:200px;
height:26px;
float:left;
text-align:center;
padding-top:6px;
background-color:#D2E9FF;
margin:0 8px 8px 0;
border:1px solid #09C;
}
#BKnum .BTarea a:hover { background-color:#09C; color:#FFF; text-decoration:none;}

/* 直前の空きを広げる */
.mar_top_50px { margin-top:50px; }

/* 左に空きを設ける */
.mar_left_50px { margin-left:50px; }
.mar_left_25px { margin-left:25px; }



/* FlexBox */
.f_oya {
    display:flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
    }
.f_oya_center {
    display:flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
    }
.f_oya_left {
    display:flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: left;
    align-items: center;
    }
.f_ko {}
.f_ko_footer {
    font-size: 115%;
    margin: 0 1em;
    text-align: left;
}
.f_ko_footer ul li {
    margin-bottom: 10px;
}

.bl_right {
    font-size: 125%;
    font-family: 'Kosugi Maru', sans-serif;
}