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

/*---------------------------------
 ALL
-----------------------------------*/
body {
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 14px;
    line-height: 1.8;
    width: 100%;
    margin: 0 auto;
    color: #000;
}
a {
    text-decoration: none;
    color: #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a img:hover {
    opacity: 0.7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
li { list-style: none; }
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.section {
    max-width: 1016px;
    width: 100%;
    margin: 0 auto;
}
h2 {
    width: 100%;
    padding: 60px 0 20px;
    box-sizing: border-box;
    text-align: center;
}
.pc { display: inherit; }
.ipad_none { display: block; }
.ipad_block { display: none; }
.sp_none { display: inherit; }
.sp_block { display: none; }
.anchor {
    display: block;
    padding-top: 150px!important;
    margin-top: -150px!important;
}
/*---------------------------------
 Content
-----------------------------------*/
/*-----------
 Header
------------*/
.header {
    width: 100%;
    background: url(images/common/header_bg.png) repeat-x top center, rgba(255,255,255,0.9);
}
.header div.h1 {
    padding-top: 25px;
    padding-bottom: 20px;
}
.header div.h1 h1 {
    width: 960px;
    margin: 0 auto;
    font-size: 12px;
}
.header .header_in {
    width: 100%;
    background-size: cover;
}
.header .header_in .inner {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    box-sizing: border-box;
}
.header .header_in .inner .left {
    float: left;
    width: 20%;
}
.header .header_in .inner .right {
    float: right;
    width: 70%;
    overflow: hidden;
}
.header .header_in .inner .right .txt_L {
    float: left;
    width: 60%;
    font-size: 12px;/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";*/
}
.header .header_in .inner .right .tel_R {
    float: right;
    width: 34%;
    text-align: right;
    margin-top: 10px;
}
.header .header_in .inner .right .tel_R a { display: block; }
.gnavi {
    background: url(images/common/gnavi_bg.jpg) no-repeat center center;
    background-size: contain;
    height: 60px;
    line-height: 1.9;
    margin-bottom: 15px;
}
.gnavi ul {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.gnavi ul li {
    float: left;
    width: 16.5%;
    color: #434345;
    font-size: 16px;
    text-align: center;/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";*/
}
.gnavi ul li a {
    color: #434345;
    font-size: 17px;
    letter-spacing: 1px;
    text-align: center;
    display: inline-block;/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";
    display: block;*/
}
.gnavi ul li a span {
    display: block;
    color: #3D3C3D;
    font-size: 10px;/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
}
.mainimg {
    width: 960px;
    margin: 0 auto 40px;
}
.footer {
    width: 100%;
    margin: 0 auto;
    border-top: 3px solid #e3e4e3;
}
.footer ul.link {
    overflow: hidden;
    width: 860px;
    margin: 0 auto;
    padding: 40px 0;
}
.footer ul.link li {
    float: left;
    margin-right: 5px;
}
.footer ul.link li:last-child { margin-right: 0; }
.footer .footer_in {
    padding: 40px 0 20px;
    overflow: hidden;
    font-size: 14px;
}
.footer .footer_in .inner {
    width: 960px;
    margin: 0 auto;
}
.footer .footer_in .inner .logo {
    float: left;
    margin-right: 25px;
}
.footer .footer_in .inner .txt { float: left; }
.footer .footer_in .inner .sns { float: right; }
.footer .footer_in .inner ul.sns { overflow: hidden; }
.footer .footer_in .inner ul.sns li {
    float: left;
    margin-right: 5px;
}
.footer .footer_in02 { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho"; }
.footer .footer_in02 .inner {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 40px;
    overflow: hidden;
    border-top: 1px solid #c1c2c2;
}
.footer .footer_in02 .inner dl {
    overflow: hidden;
    font-size: 30px;
}
.footer .footer_in02 .inner dl dt {
    float: left;
    width: 50px;
    background: #4C4C4C;
    color: #fff;
    text-align: center;
    padding: 2px 0;
    margin-right: 20px;
    font-size: 12px;
    letter-spacing: 2px;
}
.footer .footer_in02 .inner dl dd {
    float: left;
    color: #4C4C4C;
    line-height: 1;
}
.footer .footer_in02 .inner dl dd span {
    font-size: 12px;
    display: block;
    margin-top: 10px;/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
}
.footer .footer_in02 .inner .left {
    float: left;
    width: 40%;
}
.footer .footer_in02 .inner .right {
    float: right;
    width: 60%;
}
.copyright {
    background: #9692A9;
    color: #fff;
}
.copyright .inner {
    width: 960px;
    margin: 0 auto;
    padding: 15px 0;
    overflow: hidden;
}
.copyright .inner .left { float: left; }
.copyright .inner .left ul { }
.copyright .inner .left ul li {
    float: left;
    font-size: 14px;
}
.copyright .inner .left ul li a { color: #fff; }
.copyright .inner .left ul li::before {
    content: "|";
    margin-left: 0.8em;
    margin-right: 0.8em;
}
.copyright .inner .left ul li:last-child:after {
    content: "|";
    margin-left: 0.8em;
    margin-right: 0.8em;
}
.copyright .inner .right {
    float: right;
    font-size: 12px;
    margin-top: 5px;
}
.content {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.content .section { margin-bottom: 40px; }
/*-----------
 top
------------*/
.top .section { overflow: hidden; }
.top .section .news_L {
    float: left;
    width: 455px;
}
.top .section .news_L .inner { width: 100%; }
.top .section .news_L .inner iframe {
    width: 100%;
    height: 353px;
}
.top .section .news_L .inner dt {
    color: #B57BB1;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0;
}
.top .section .news_L .inner dd {
    padding: 0 0 10px;
    font-size: 14px;
    border-bottom: 1px dashed #969696;
}
.top .section .fb_R {
    float: right;
    width: 460px;
}
.mainimg_sp_btn {
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.mainimg_sp_btn a {
    display: inline-block;
    background: rgba(255,255,255,0.9);
    border: 2px solid #555555;
    box-sizing: border-box;
    text-align: center;
   padding: 8px 20px;
    width: 33%;
	margin-bottom: 10px;
}
.mainimg_sp_btn a span {
    padding-right: 20px;
    display: inline-block;
    position: relative;
    color: #000000;
}
.mainimg_sp_btn a span::after {
    content: '>';
    position: absolute;
    right: 0;
}
/*-----------
 page共通
------------*/
.page .content { padding: 30px 0; }
.page .content .main {
    float: right;
    width: 72%;
}
.page .content .main h3 {
    padding: 5px 20px;
    margin-bottom: 25px;
    background: url(images/common/h3_bg.jpg) no-repeat right top, #f2f2f4;
    border-bottom: 3px solid #333230;
    font-size: 18px;
    font-weight: bold;
}
.page .content .main h4 {
    position: relative;
    padding-left: 35px;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: bold;
}
.page .content .main h4:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 20px transparent;
    border-bottom: solid 20px rgb(229, 0, 126);
}
.page .content .main h4:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px rgb(229, 0, 126);
}
.page .content .main .section { overflow: hidden; }
.page .content .main .section p { margin-bottom: 25px; }
.page .content .main .section p:last-child { margin-bottom: 0; }
.page .content .main p.center { text-align: center; }
.page .content .main .section table { width: 100%; }
.page .content .main .section table th,
.page .content .main .section table td {
    padding: 5px 15px;
    border-bottom: 5px solid #fff;
    box-sizing: border-box;
}
.page .content .main .section table th {
    width: 20%;
    background: #cd77a8;
    color: #fff;
    text-align: left;
}
.page .content .main .section table td { width: 80%; }
.page .content .sidebar {
    float: left;
    width: 23%;
    margin-right: 3%;
}
.page .content .sidebar h3 {
    padding: 10px 15px;
    font-size: 16px;
    border-left: 1px solid #D3D1DC;
}
.page .content .sidebar h3 span {
    color: #868281;
    font-size: 10px;
    float: left;
    margin-top: 0;
    width: 100%;
    display: inline-block;
    line-height: 1;
    letter-spacing: 0.1px;
}
.page .content .sidebar ul.sidemenu {
    width: 100%;
    margin: 0 auto 20px;
    border-left: 1px solid #D3D1DC;
    padding: 15px 0;
}
.page .content .sidebar ul.sidemenu li { }
.page .content .sidebar ul.sidemenu li a {
    padding: 5px 10px 5px 30px;
    display: block;
    color: #555555;
    font-size: 14px;
    position: relative;
}
.page .content .sidebar ul.sidemenu li a:hover { transform: translateX(5px); }
.page .content .sidebar ul.sidemenu li a:before {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 15px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #cd77a8;
}
.page .content .sidebar ul.sidemenu li a:after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 13px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background: #FFFFFF;
}
.page .content .sidebar ul.sidemenu li.pink a:before { background: #cd77a8; }
.page .content .sidebar ul.sidemenu li.brown a:before { background: #b19c71; }
.page .content .sidebar ul.sidemenu li.skyblue a:before { background: #76c6cf; }
.page .content .sidebar ul.sidemenu li.yellow a:before { background: #664220; }
.page .content .sidebar ul.sidemenu li.yellow a:before { background: #eed15b; }
.page .content .sidebar ul.sidemenu li.green a:before { background: #96d81c; }
.page .content .sidebar ul.sidemenu li.pink02 a:before { background: #cd77a8; }
.page .content .sidebar ul.sidemenu li.yellow.menu_br { /*display: none;*/
}
/*-----------
 message
------------*/
.message .content .main .section { overflow: hidden; }
.message .content .main .section .left {
    float: left;
    width: 37%;
    margin-right: 3%;
}
.message .content .main .section .left ul.list01 { font-size: 13px; }
.message .content .main .section .left ul.list01 li {
    padding: 5px;
    border-bottom: 1px dashed #e3e4e3;
}
.message .content .main .section .right {
    float: right;
    width: 60%;
}
.message .content .main .section .right img { max-width: 100%; }
.message .content .main .section .right .txt01 {
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    color: #707070;/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";*/
}
.message .content .main .section .right .txt_red { color: #E4007F; }
/*-----------
 salon
------------*/
.salon .content .main .section { overflow: hidden; }
.salon .content .main .section h4 {
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 16px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5007e+0,fbe1ec+100 */
    background: rgb(229,0,126); /* Old browsers */
    background: -moz-linear-gradient(left, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5007e', endColorstr='#fbe1ec', GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.salon .content .main .section ul.list01 { overflow: hidden; }
.salon .content .main .section ul.list01 li {
    float: left;
    width: 49%;
    min-height: 180px;
    margin: 0 2% 2% 0;
    border: 1px solid #787878;
    box-sizing: border-box;
}
.salon .content .main .section ul.list01 li:nth-child(2n) { margin-right: 0; }
.salon .content .main .section ul.list01 li .title {
    padding: 5px 10px;
    color: #e5007e;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
    /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dce3+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dce3', GradientType=0 ); /* IE6-9 */
}
.salon .content .main .section ul.list01 li .title::before {
    content: "▶";
    font-size: 15px;
    margin-right: 10px;
}
.salon .content .main .section ul.list01 li .inner {
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}
.salon .content .main .section ul.list01 li .left {
    float: left;
    width: 27%;
}
.salon .content .main .section ul.list01 li .right {
    float: right;
    width: 70%;
    font-size: 13px;
}
.salon .content .main .section ul.list01 li .left img { max-width: 100%; }
/*-----------
 salon01(メイクアップレッスン)
------------*/
.salon01 .wrapper { background: url(images/salon01/content_bg.jpg) no-repeat top right; }
.salon01 .content .main h3 { margin-bottom: 0; }
.salon01 .content .main .section.section_bg01 {
    padding-top: 30px;
    background: url(images/salon01/section_bg01.jpg) no-repeat top center;
    background-size: contain;
}
.salon01 .content .main .section ul.list01 { overflow: hidden; }
.salon01 .content .main .section ul.list01 li {
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 5px 5px 10px 5px;
    box-sizing: border-box;
    border: 5px solid #eaebeb;
}
.salon01 .content .main .section ul.list01 li:last-child { margin-right: 0; }
.salon01 .content .main .section ul.list01 li .img { margin-bottom: 10px; }
.salon01 .content .main .section ul.list01 li .img img { width: 100%; }
.salon01 .content .main .section ul.list01 li .txt { }
.salon01 .content .main .section ul.list01 li .txt .txt_purple {
    color: #d1a2ff;
    font-weight: bold;
    letter-spacing: -0.1px;
}
.salon01 .content .main .section ul.list01 li .txt .txt_blue {
    color: #66cbd5;
    font-weight: bold;
}
.salon01 .content .main .section ul.list01 li .txt .txt_pink {
    color: #f66f99;
    font-weight: bold;
}
.salon01 .content .main .section h4 {
    padding: 10px 0 14px 15px;
    margin-bottom: 10px;
    background: url(images/common/h4_line.png) no-repeat bottom, #393333;
    color: #fff;
    font-size: 16px;
}
.salon01 .content .main .section h4:before { display: none; }
.salon01 .content .main .section h4:after { display: none; }
.salon01 .content .main .section h4 span {
    color: #868281;
    font-size: 10px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.salon01 .content .main .section .article { margin-bottom: 30px; }
.salon01 .content .main .section .article:last-child { margin-bottom: 0; }
.salon01 .content .main .section .article .txt01 {
    color: #f66f99;
    font-size: 16px;
    font-weight: bold;
}
.salon01 .content .main .section .article .sub_title {
    padding: 5px 0 5px 15px;
    font-size: 16px;
    font-weight: bold;
}
.salon01 .content .main .section .article .sub_title.pink {
    color: #f66f99;
    border-bottom: 1px solid #f66f99;
}
.salon01 .content .main .section .article .sub_title.brown {
    color: #40210f;
    border-bottom: 1px solid #40210f;
}
.salon01 .content .main .section .article .sub_title.blue {
    color: #4ca4ad;
    border-bottom: 1px solid #4ca4ad;
}
.salon01 .content .main .section .article ul.list02 { overflow: hidden; }
.salon01 .content .main .section .article ul.list02 li {
    float: left;
    width: 48%;
    margin: 0 4% 4% 0;
}
.salon01 .content .main .section .article ul.list02 li:nth-child(2n) { margin-right: 0; }
.salon01 .content .main .section .article ul.list02 li .title {
    margin-bottom: 15px;
    border-bottom: 3px solid #57424b;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.salon01 .content .main .section .article ul.list02 li .title a {
    padding: 5px 10px 5px 15px;
    display: block;
    color: #fff;
}
.salon01 .content .main .section .article ul.list02 li .title a span { float: right; }
.salon01 .content .main .section .article ul.list02 li .title.pink {
    background: url(images/salon01/title_pink.png) no-repeat center;
    background-size: cover;
}
.salon01 .content .main .section .article ul.list02 li .title.brown {
    background: url(images/salon01/title_brown.png) no-repeat center;
    background-size: cover;
}
.salon01 .content .main .section .article ul.list02 li .title.blue {
    background: url(images/salon01/title_blue.png) no-repeat center;
    background-size: cover;
}
.salon01 .content .main .section .article ul.list02 li .inner {
    padding: 0 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #383333;
}
.salon01 .content .main .section .article ul.list02 li .inner .img {
    float: left;
    width: 37%;
    margin-right: 4%;
}
.salon01 .content .main .section .article ul.list02 li .inner .txt {
    float: right;
    width: 59%;
    font-size: 13.5px;
}
/*.salon01 .content .main .section .box01{
    height:900px;
    margin-bottom:25px;
    background:url(images/salon01/img01.jpg) no-repeat center;
    font-size:13px;
}*/

/*-----------
 salon02(カラー診断)
------------*/
.salon02 .content .main h3 { margin-bottom: 0; }
.salon02 .content .main .section.section_bg01 {
    padding-top: 30px;
    background: url(images/salon01/section_bg01.jpg) no-repeat top center;
    background-size: contain;
}
.salon02 .content .main .section .article {
    margin-bottom: 50px;
    clear: both;
}
.salon02 .content .main .section .article:last-child { margin-bottom: 0px; }
.salon02 .content .main .section .article h4 {
    padding: 10px 0 14px 15px;
    margin-bottom: 10px;
    background: url(images/common/h4_line.png) no-repeat bottom, #393333;
    color: #fff;
    font-size: 16px;
}
.salon02 .content .main .section .article h4:before { display: none; }
.salon02 .content .main .section .article h4:after { display: none; }
.salon02 .content .main .section .article .txt01 {
    color: #f66f99;
    font-size: 16px;
    font-weight: bold;
}
.salon02 .content .main .section .article .txt_large {
    font-size: 16px;
    font-weight: bold;
}
.salon02 .content .main .section .article ul.list01 { overflow: hidden; }
.salon02 .content .main .section .article ul.list01 li {
    margin-bottom: 15px;
    padding-left: 55px;
    overflow: hidden;
}
.salon02 .content .main .section .article ul.list01 li:last-child { margin-bottom: 0; }
.salon02 .content .main .section .article ul.list01 li .img {
    float: right;
    margin-bottom: 0;
}
.salon02 .content .main .section .article ul.list01 li .img img { width: 100%; }
.salon02 .content .main .section .article ul.list01 li .txt {
    float: left;
    font-size: 16px;
}
.salon02 .content .main .section .article ul.list01 li.purple { background: url(images/salon02/arw_purple.png) no-repeat 15px center, #f0eeee; }
.salon02 .content .main .section .article ul.list01 li.yellow { background: url(images/salon02/arw_yellow.png) no-repeat 15px center, #f0eeee; }
.salon02 .content .main .section .article ul.list01 li.blue { background: url(images/salon02/arw_blue.png) no-repeat 15px center, #f0eeee; }
.salon02 .content .main .section .article ul.list01 li.pink { background: url(images/salon02/arw_pink.png) no-repeat 15px center, #f0eeee; }
.salon02 .content .main .section .article ul.list01 li.purple .txt { margin-top: 41px; }
.salon02 .content .main .section .article ul.list01 li.yellow .txt { margin-top: 50px; }
.salon02 .content .main .section .article ul.list01 li.blue .txt { margin-top: 20px; }
.salon02 .content .main .section .article ul.list01 li.pink .txt { margin-top: 41px; }
.salon02 .content .main .section .article ul.list01 li.purple span {
    color: #d1a2ff;
    font-weight: bold;
}
.salon02 .content .main .section .article ul.list01 li.yellow span {
    color: #f9d01b;
    font-weight: bold;
}
.salon02 .content .main .section .article ul.list01 li.blue span {
    color: #66cbd5;
    font-weight: bold;
}
.salon02 .content .main .section .article ul.list01 li.pink span {
    color: #f66f99;
    font-weight: bold;
}
.salon02 .content .main .section .article .box01 {
    padding: 70px 0;
    background: url(images/salon02/bg01.jpg) no-repeat center;
    background-size: cover;
    line-height: 1.5;
    position: relative;
}
.salon02 .content .main .section .article .box01 .name {
    position: absolute;
    bottom: 0;
    text-align: center;
}
.salon02 .content .main .section .article .box01 .name img { max-width: 92%; }
.salon02 .content .main .section .article .box01 .inner {
    width: 94%;
    margin: 0 auto;
    padding: 30px 15px;
    box-sizing: border-box;
    background: #fff;
}
.salon02 .content .main .section .article .box01 .inner .left {
    float: left;
    width: 33%;
}
.salon02 .content .main .section .article .box01 .inner .left img { max-width: 100%; }
.salon02 .content .main .section .article .box01 .inner .right {
    float: right;
    width: 64%;
}
.salon02 .content .main .section .article .box01 .inner .right .title {
    padding: 15px 0;
    border-top: 1px solid #b19661;
    border-bottom: 1px solid #b19661;
    font-size: 15px;
    text-align: center;
}
.salon02 .content .main .section .article .box01 .inner .right .title span { font-size: 30px; }
.salon02 .content .main .section .article .box01 .inner .right dl { overflow: hidden; }
.salon02 .content .main .section .article .box01 .inner .right dl dt {
    width: 14%;
    padding: 3px 0;
    box-sizing: border-box;
    float: left;
    background: #b19661;
    color: #fff;
    text-align: center;
    clear: both;
}
.salon02 .content .main .section .article .box01 .inner .right dl dd {
    width: 82%;
    padding: 3px 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    float: right;
    letter-spacing: -0.4px;
    font-size: 13px;
}
.salon02 .content .main .section .article .box01 .inner .txtbox {
    clear: both;
    padding-top: 10px;
}
.salon02 .content .main .section .article h5 {
    padding: 10px 20px;
    background: url(images/salon02/h4_bg.jpg) no-repeat right top, #f2f2f4;
    font-size: 16px;
    line-height: 1.5;
}
.salon02 .content .main .section .article h5 span {
    font-size: 20px;
    font-weight: bold;
    color: #e3007f;
}
.salon02 .content .main .section .article p.h5_sub {
    background: #ffff00;
    text-align: center;
    font-size: 13px;
}
.salon02 .content .main .section .article .box02 {
    float: right;
    width: 87%;
    padding: 30px 30px 30px 60px;
    box-sizing: border-box;
    position: relative;
    clear: both;
    background: #f5edf8;
}
.salon02 .content .main .section .article .box02 .point {
    position: absolute;
    top: -32px;
    left: -87px;
}
.salon02 .content .main .section .article .box02 .title {
    padding: 5px 0;
    border-bottom: 2px solid #e83197;
    margin-bottom: 10px;
}
.salon02 .content .main .section .article .box02 .txt {
    margin-bottom: 15px;
    line-height: 1.5;
}
.salon02 .content .main .section .article .box02 .txt span {
    font-size: 18px;
    font-weight: bold;
}
.salon02 .content .main .section .article .box02 .art {
    margin-bottom: 0;
    text-align: center;
}
.salon02 .content .main .section .article .box02 .art img { max-width: 100%; }
.salon02 .content .main .section .article .box03 {
    border: 8px solid #eaebeb;
    padding: 15px 20px 15px 140px;
    box-sizing: border-box;
    position: relative;
    clear: both;
}
.salon02 .content .main .section .article .box03 .point {
    position: absolute;
    top: -10px;
    left: 10px;
}
.salon02 .content .main .section .article .box03 .title { margin-bottom: 10px; }
.salon02 .content .main .section .article .box03 ul { }
.salon02 .content .main .section .article .box03 ul li {
    padding: 5px 0;
    border-bottom: 1px dotted #333;
    font-size: 15px;
}
.salon02 .content .main .section .article .box03 ul li:before {
    content: "□";
    padding-right: 10px;
}
.salon02 .content .main .section .article .box03 ul li span { font-weight: bold; }
.salon02 .content .main .section .article .txt02 { margin-bottom: 5px; }
.salon02 .content .main .section .article .txt02 img { max-width: 100%; }
.salon02 .content .main .section .article .box04 {
    padding: 20px;
    background: url(images/salon02/bg02_01.jpg) no-repeat left top, url(images/salon02/bg02_02.jpg) no-repeat right top, #f4f5f5;
    background-size: contain;
}
.salon02 .content .main .section .article .box04 .title {
    padding: 5px 0;
    border-bottom: 1px solid #f66f99;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #f66f99;
}
.salon02 .content .main .section .article .box04 .inner { overflow: hidden; }
.salon02 .content .main .section .article .box04 .inner .left {
    float: left;
    width: 60%;
    margin-right: 3%;
}
.salon02 .content .main .section .article .box04 .inner .left li {
    padding: 4px;
    margin-bottom: 5px;
    background: #ffffff;
    box-sizing: border-box;
}
.salon02 .content .main .section .article .box04 .inner .left li:before {
    content: "□";
    padding-right: 10px;
}
.salon02 .content .main .section .article .box04 .inner .right {
    float: right;
    width: 37%;
}
.salon02 .content .main .section .article .box04 .inner .right img { max-width: 100%; }
/*-----------
 salon03(アイラッシュ)
------------*/
.salon03 .content .main h4:before { border-bottom: solid 20px rgb(70, 189, 197); }
.salon03 .content .main h4:after { border-bottom: solid 3px rgb(70, 189, 197); }
.salon03 .content .main .section .txt01 { }
.salon03 .content .main .section .box01 {
    padding: 15px;
    box-sizing: border-box;
    border: 2px solid #46bdc5;
    border-radius: 5px;
}
.salon03 .content .main .section .box01 .title {
    padding: 0 0 5px;
    margin-bottom: 10px;
    color: #0077b9;
    font-size: 18px;
    border-bottom: 1px solid #46bdc5;
    font-weight: bold;
}
.salon03 .content .main .section .box01 ul.list01 { padding-left: 25px; }
.salon03 .content .main .section .box01 ul.list01 li {
    margin-bottom: 10px;
    list-style: disc;
}
.salon03 .content .main .section table { width: 100%; }
.salon03 .content .main .section table th,
.salon03 .content .main .section table td { padding: 10px; }
.salon03 .content .main .section table th {
    width: 100%;
    background: #46bdc5;
    font-size: 16px;
    font-weight: bold;
}
.salon03 .content .main .section table td.td01 { width: 40%; }
.salon03 .content .main .section table td.td02 {
    width: 30%;
    color: #46bdc5;
    font-weight: bold;
}
.salon03 .content .main .section table td.td03 { width: 30%; }
.salon03 .content .main .section .txt02 {
    text-align: right;
    font-size: 12px;
}
.salon03 .content .main .section .center { text-align: center; }
/*-----------
 salon04(あなたの専属のスタイリスト)
------------*/
.salon04 .content .main .section .article {
    overflow: hidden;
    margin-bottom: 25px;
}
.salon04 .content .main .section .article:last-child { margin-bottom: 0; }
.salon04 .content .main .section .article { overflow: hidden; }
.salon04 .content .main .section .article .left {
    float: left;
    width: 65%;
}
.salon04 .content .main .section .article .left .title {
    font-weight: bold;
    font-size: 15px;
}
.salon04 .content .main .section .article .right {
    float: right;
    width: 33%;
}
.salon04 .content .main .section .article h5 {
    margin-bottom: 15px;
    padding: 0 0 5px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #e5007e;
}
.salon04 .content .main .section .article .box01,
.salon04 .content .main .section .article .box02,
.salon04 .content .main .section .article .box03 {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%);
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%);
    background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(217,220,227) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dce3', GradientType=0 );
    box-sizing: border-box;
    padding: 15px;
}
.salon04 .content .main .section .article .box01 {
    width: 100%;
    margin: 0 0 2%;
    border: 1px solid #787878;
}
.salon04 .content .main .section .article .box02 {
    width: 49%;
    margin-right: 2%;
    float: left;
    border: 1px solid #787878;
}
.salon04 .content .main .section .article .box03 {
    width: 49%;
    min-height: 391px;
    float: right;
    border: 1px solid #787878;
}
.salon04 .content .main .section ul.list01 { }
.salon04 .content .main .section ul.list01 li {
    padding: 0 0 10px 25px;
    background: url(images/common/icon01.png) no-repeat left 4px;
    font-size: 14px;
}
.salon04 .content .main .section ul.list02 { overflow: hidden; }
.salon04 .content .main .section ul.list02 li {
    float: left;
    width: 32%;
    min-height: 366px;
    margin-right: 2%;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
    padding: 10px;
}
.salon04 .content .main .section ul.list02 li:last-child { margin-right: 0; }
.salon04 .content .main .section ul.list02 li .img { text-align: center; }
/*-----------
 salon05(CAMES)
------------*/
.salon05 .content .main .section .article { overflow: hidden; }
.salon05 .content .main .section .left {
    float: left;
    width: 67%;
}
.salon05 .content .main .section .left .title01 {
    font-weight: bold;
    font-size: 15px;
}
.salon05 .content .main .section .right {
    float: right;
    width: 29%;
}
.salon05 .content .main .section table.tb01 { width: 100%; }
.salon05 .content .main .section table.tb01 th {
    padding: 5px;
    width: 100%;
    background: #b1c941;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.salon05 .content .main .section table.tb01 td {
    padding: 5px 5px 25px;
    box-sizing: border-box;
}
.salon05 .content .main .section table.tb01 td.txt { width: 75%; }
.salon05 .content .main .section table.tb01 td.price {
    width: 25%;
    text-align: right;
}
.salon05 .content .main .section .center { text-align: center; }
/*-----------
 salon06(コスモセラピー)
------------*/
.salon06 .content .main .section .article {
    overflow: hidden;
    margin-bottom: 25px;
}
.salon06 .content .main .section .article:last-child {
    overflow: hidden;
    margin-bottom: 0;
}
.salon06 .content .main .section .article .left {
    float: left;
    width: 39%;
}
.salon06 .content .main .section .article .right {
    float: right;
    width: 58%;
    font-size: 13px;
}
.salon06 .content .main .section .article.box01 {
    border: 1px solid #b1c941;
    padding: 15px;
    box-sizing: border-box;
}
.salon06 .content .main .section .article.box01 h5 {
    font-weight: bold;
    font-size: 15px;
    color: #b1c941;
}
.salon06 .content .main .section .article.box01 span {
    font-weight: bold;
    color: #499d3b;
}
/*-----------
 school
------------*/
.school .content .main .section { overflow: hidden; }
.school .content .main .section h4 {
    padding: 5px 10px;
    margin-bottom: 15px;
    font-size: 16px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5007e+0,fbe1ec+100 */
    background: rgb(229,0,126); /* Old browsers */
    background: -moz-linear-gradient(left, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgb(229,0,126) 0%, rgb(251,225,236) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5007e', endColorstr='#fbe1ec', GradientType=1 ); /* IE6-9 */
    color: #fff;
}
.school .content .main .section ul.list01 { overflow: hidden; }
.school .content .main .section ul.list01 li {
    float: left;
    width: 49%;
    min-height: 202px;
    margin: 0 2% 2% 0;
    border: 1px solid #787878;
    box-sizing: border-box;
}
.school .content .main .section ul.list01 li.li_img{
	border: none;
	text-align: center;
}
.school .content .main .section ul.list01 li:nth-child(2n) { margin-right: 0; }
.school .content .main .section ul.list01 li .title {
    padding: 5px 10px;
    color: #e5007e;
    font-weight: bold;
    font-size: 18px;
    box-sizing: border-box;
    /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "serif", "ＭＳ Ｐ明朝", "MS PMincho";*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9dce3+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(217,220,227) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dce3', GradientType=0 ); /* IE6-9 */
}
.school .content .main .section ul.list01 li .title::before {
    content: "▶";
    font-size: 15px;
    margin-right: 10px;
}
.school .content .main .section ul.list01 li .inner {
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}
.school .content .main .section ul.list01 li .left {
    float: left;
    width: 27%;
}
.school .content .main .section ul.list01 li .right {
    float: right;
    width: 70%;
    font-size: 13px;
}
.school .content .main .section ul.list01 li .left img { max-width: 100%; }
.school01 .content,
.school01 .content .main .section {
    overflow: inherit!important;
    margin-bottom: 100px!important;
}
.school01 .content .main .section .shadow {
    box-shadow: 0px 0px 5px 0px rgba(13, 4, 9, 0.2);
    margin-bottom: 40px;
}
.school01 .content .main .section .school01_btn {
    width: 100%;
    margin: 10px auto 70px;
    text-align: center;
}
.school01 .content .main .section .school01_btn a {
    display: inline-block;
    padding: 10px 40px;
    box-sizing: border-box;
    text-align: center;
    color: #FFFFFF;
    background: #46C0E7;
}
.school01 .content .main .section .school01_btn a span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding-left: 17px;
}
.school01 .content .main .section .school01_btn a span::before {
    content: '>';
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: -1px;
}
.school01 .wrapper .footer {
    float: left;
    clear: both;
}
.school01 .content .main #school_flow { margin-bottom: 100px; }
.school01 .content .main #school_flow h4 {
    padding-left: 0;
    border-bottom: 2px solid #2083E0;
    color: #2083E0;
}
.school01 .content .main #school_flow h4::before,
.school01 .content .main #school_flow h4::after {
    border: none;
    padding: 0;
    margin: 0;
    position: inherit;
}
.school01 .content .main #school_flow .div_L {
    width: 35%;
    float: left;
}
.school01 .content .main #school_flow .div_L img {
    width: 100%;
    height: auto;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.school01 .content .main #school_flow .div_R {
    width: 65%;
    float: right;
    padding-left: 3%;
    box-sizing: border-box;
}
.school01 .content .main #school_flow .div_R a { color: #2083E0; }
.school01 .content .main #school_flow .school_flow_li li {
    width: 100%;
    margin: 0 auto 30px;
    border: 1px solid #DBDBDB;
    padding: 20px;
    box-sizing: border-box;
    float: left;
    clear: both;
    position: relative;
}
.school01 .content .main #school_flow .school_flow_li li:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #DBDBDB;
}
.school01 .content .main #school_flow .school_flow_li li:last-child:before { content: none; }
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn {
    margin-top: 20px;
    width: 100%;
    float: left;
}
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn li {
    width: 49%;
    float: left;
    margin-right: 2%;
    padding: 0;
    margin-bottom: 10px;
    clear: none;
}
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn li a {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: url(images/common/arrow_gray_R.png)no-repeat 96% center, #F2F2F4;
    background-size: 15px;
}
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn li:before { content: none; }
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn li:nth-child(2n) { margin-right: 0%; }
.school01 .content .main .section:after {
    content: "";
    clear: both;
    display: block;
}
.school01 .content .main .section .div_L {
    width: 58%;
    float: left;
}
.school01 .content .main .section .div_L .mincho_right {
    text-align: right;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
    transform: rotate(.03deg);
    font-size: 1.05rem;
}
.school01 .content .main .section .div_R {
    width: 42%;
    float: left;
    padding: 1% 1% 1% 3%;
    box-sizing: border-box;
}
.school01 .content .main .section .div_R img {
    width: 100%;
    height: auto;
}
.contact_btn_link {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
}
.contact_btn_link a {
    display: inline-block;
    padding: 10px 25px;
    box-sizing: border-box;
    background: #3ABFCE;
    color: #FFFFFF;
    text-align: center;
}
#school01_02 .contact_btn_link a { background: #2D98E5; }
.lesson .contact_btn_link_gray .contact_btn_link a { background: #A7CC0A; }
.school02 .contact_btn_link a,
.school03 .contact_btn_link a { background: #8DC655; }
.contact_btn_link a span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding-left: 17px;
}
.contact_btn_link a span::before {
    content: '>';
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: -1px;
}
.school01 .content .main .section .alinkimg { position: relative; }
.school01 .content .main .section .alinkimg .alinkimg_a {
    position: absolute;
    display: inline-block;
    height: 15px;
    width: 25%;
    bottom: 45px;
    left: 115px;
}
/*-----------
 school02
------------*/
.school02 .content .main .section .txt_green {
    color: #509A3E;
    font-weight: bold;
    font-size: 15px;
}
/*-----------
 school03
------------*/
.school03 .content .main .section .txt_green {
    color: #509A3E;
    font-weight: bold;
    font-size: 15px;
}
/*-----------
 lessom
------------*/
.lesson h2 { padding-top: 0; }
.lesson h2 img {
    width: 100%;
    height: auto;
}
.lesson .lsn_left {
    width: 40%;
    float: left;
}
.lesson.page .content .main .section .lsn_txt {
    padding-left: 0px;
    box-sizing: border-box;
    float: left;
    padding-bottom: 50px;
    width: 100%;
    background: url(images/lesson/lesson_p3.jpg) no-repeat bottom right;
    line-height: 1.5;
}
.lesson.page .content .main .section .lsn_txt p {
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: -0.1px;
}
.lesson .lsn_right {
    float: left;
    width: 60%;
}
.lesson .lsn_right img {
    width: 100%;
    height: auto;
}
.lesson .len_bnr {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px auto 0;
}
.makeup .makeup_bg {
    background: url(images/makeup/makeup_t1-1.jpg)no-repeat right bottom;
    padding-bottom: 40px;
    letter-spacing: -0.1px;
}
.lesson .ctr,
.makeup .ctr {
    float: left;
    width: 100%;
    text-align: center;
}
/*-----------
 access(会社概要&アクセス)
------------*/
.access .content .main .section iframe { margin-bottom: 25px; }
/*-----------
 privacy(プライバシーポリシー)
------------*/
.privacy .content .main .section h5 {
    font-weight: bold;
    color: #cd77a8;
}
.privacy .content .main .section ul.list01 {
    margin-bottom: 25px;
    padding-left: 25px;
}
.privacy .content .main .section ul.list01 li { list-style: circle; }
/*-----------
 shindan(ファッションセラピー診断)
------------*/
.shindan .shindan_top {
    background-image: url(images/shindan/shindan_p1.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 660px;
    padding-left: 23px;
    line-height: 200%;
    padding-top: 30px;
    height: 190px;
    padding-bottom: 30px;
}
.shindan .shindan_t1 {
    background-image: url(images/shindan/shindan_t1.jpg);
    background-repeat: repeat-y;
    background-position: left;
    width: 625px;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 15px;
}
.shindan .shindan_box {
    background-image: url(images/shindan/shindan_bg1.jpg);
    width: 605px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px;
}
.shindan .shindan_birth {
    background-color: #FFFFFF;
    text-align: center;
    padding: 15px;
}
.shindan .shindan_btn { width: 80px; }
.shindan .s_ttl {
    font-size: 15px;
    font-weight: bold;
    padding-top: 15px;
    height: 55px;
}
.shindan .s_txt {
    line-height: 200%;
    height: 275px;
}
.shindan .kekka {
    width: 573px;
    background-repeat: no-repeat;
    background-position: top;
    margin-right: auto;
    margin-left: auto;
}
.shindan .s01 { background-image: url(images/shindan/01.jpg); }
.shindan .s02 { background-image: url(images/shindan/02.jpg); }
.shindan .s03 { background-image: url(images/shindan/03.jpg); }
.shindan .s04 { background-image: url(images/shindan/04.jpg); }
.shindan .s05 { background-image: url(images/shindan/05.jpg); }
.shindan .s06 { background-image: url(images/shindan/06.jpg); }
.shindan .s07 { background-image: url(images/shindan/07.jpg); }
.shindan .s08 { background-image: url(images/shindan/08.jpg); }
.shindan .s09 { background-image: url(images/shindan/09.jpg); }
.shindan .s10 { background-image: url(images/shindan/10.jpg); }
.shindan .s11 { background-image: url(images/shindan/11.jpg); }
.shindan .s12 { background-image: url(images/shindan/12.jpg); }
/*-----------
 color(彩花カラー診断)
------------*/
.color .skyblue { color: #00B6E2; }
.color #saika {
    float: right;
    width: 690px;
}
.color #concept {
    background-image: url(images/color/concept_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 15px;
    padding-top: 65px;
    line-height: 170%;
    padding-bottom: 35px;
}
.color #conept_btn {
    text-align: center;
    width: 580px;
}
.color #chart {
    height: 419px;
    width: 613px;
    margin-left: 5px;
}
.color #answer {
    width: 620px;
    margin-left: 5px;
}
.color #answer_txt {
    line-height: 150%;
    margin-left: 5px;
    margin-top: 20px;
    margin-bottom: 60px;
}
.color #p_c_dot {
    float: left;
    height: 72px;
    width: 20px;
    background-image: url(images/color/p_c_dot.jpg);
    background-repeat: no-repeat;
    margin-left: 15px;
    margin-top: 15px;
}
.color #p_c_t1 {
    line-height: 150%;
    margin-top: 30px;
    margin-left: 15px;
    margin-bottom: 15px;
    background-image: url(images/color/p_c_dot2.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
.color .p_c_t2 {
    padding-left: 165px;
    line-height: 150%;
    background-repeat: no-repeat;
    background-position: left top;
}
.color #p_c_t2-1 {
    background-image: url(images/color/personalcolor_t2-1.jpg);
    padding-top: 190px;
    padding-right: 70px;
    padding-bottom: 20px;
}
.color #p_c_t2-2 {
    background-image: url(images/color/personalcolor_t2-2.jpg);
    padding-top: 100px;
    padding-right: 70px;
    padding-bottom: 20px;
}
.color #p_c_t2-3 {
    background-image: url(images/color/personalcolor_t2-3.jpg);
    padding-top: 100px;
    padding-right: 70px;
    padding-bottom: 20px;
}
.color #p_c_t2-4 {
    background-image: url(images/color/personalcolor_t2-4.jpg);
    padding-top: 100px;
    padding-right: 70px;
    padding-bottom: 20px;
}
.color #p_c_t2-5 {
    background-image: url(images/color/personalcolor_t2-5.jpg);
    padding-top: 45px;
    width: 335px;
    padding-bottom: 10px;
}
.color #p_c_t2-6 {
    background-image: url(images/color/personalcolor_t2-6.jpg);
    padding-top: 70px;
    width: 335px;
    height: 59px;
}
.color #p_c_t3 {
    line-height: 150%;
    margin-top: 30px;
    margin-left: 15px;
    margin-bottom: 50px;
    background-image: url(images/color/personalcolor_t3.jpg);
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: left top;
}
.color .p_c_line {
    background-image: url(../images/line.jpg);
    line-height: 28px;
}
.color #p_c_t4 { line-height: 160%; }
.color #guide_t1 {
    line-height: 150%;
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 20px;
}
.color #colormenu {
    background-image: url(images/color/menu_t1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 60px;
    padding-left: 15px;
    line-height: 160%;
    padding-bottom: 65px;
}
.color #shopping {
    float: right;
    width: 690px;
    padding-left: 45px;
    background-image: url(../shopping/images/shopping_dot.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.color #shopping_t1 {
    background-image: url(../shopping/images/shopping_t1.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    line-height: 150%;
    margin-left: 15px;
    padding-bottom: 130px;
}
.color #shopping_t2-1 {
    background-image: url(../shopping/images/shopping_t2-1.jpg);
    padding-top: 70px;
    padding-left: 250px;
    line-height: 130%;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}
.color #shopping_t2-2 {
    background-image: url(../shopping/images/shopping_t2-2.jpg);
    padding-top: 130px;
    padding-left: 250px;
    line-height: 130%;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}
.color #shopping_t2-3 {
    background-image: url(../shopping/images/shopping_t2-3.jpg);
    padding-top: 140px;
    padding-left: 250px;
    line-height: 130%;
    padding-bottom: 30px;
    background-position: left top;
}
.color.menu .article { overflow: hidden; }
.color.menu .article .left {
    float: left;
    width: 53%;
}
.color.menu .article .left strong { font-weight: bold; }
.color.menu .article .right {
    float: right;
    width: 44%;
}
.color.personalcolor .main .section table td {
    padding: 0;
    width: 100%;
}
.color.personalcolor .main .section table.table01 td { width: 170px; }
.color.personalcolor .main .section .btm50 p { margin: 0; }
.color.personalcolor .main .section .pink { color: #E4007F; }
/*■■■　プライバシーポリシー　■■■*/
.color.personalcolor .main .section .personal_mens {
    margin-bottom: 60px;
    float: left;
    clear: both;
}
.color.personalcolor .main .section .personal_mens ul { width: 100%; }
.color.personalcolor .main .section .personal_mens ul li {
    width: 25%;
    float: left;
}
.color.personalcolor .main .section .personal_mens ul li:nth-child(even) {
    width: 12.5%;
    float: left;
    text-align: center;
}
#privacy {
    float: right;
    width: 690px;
    line-height: 150%;
}
.ul_li_3.btn.salon02_menu { margin: 40px auto 0; }
.ul_li_3.btn.salon02_menu li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 15px;
}
.ul_li_3.btn.salon02_menu li:last-child { margin-right: 0; }
.ul_li_3.btn.salon02_menu a {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: #46C0E7;
    color: #FFFFFF;
    text-align: center;
}
.ul_li_3.btn.salon02_menu a span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding-left: 17px;
}
.ul_li_3.btn.salon02_menu a span::before {
    content: '>';
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: -1px;
}
.salon02_link {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.salon02_link a {
    display: inline-block;
    padding: 15px 80px;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    background: url(images/salon02/btn_bg_L.jpg) no-repeat left center, url(images/salon02/btn_bg_R.jpg)no-repeat right center;
    background-size: contain;
}
.salon02_link a span {
    padding-left: 20px;
    position: relative;
}
.salon02_link a span::before {
    content: '>';
    position: absolute;
    left: 0;
    top: -1px;
}
/*-----------
 Contact
------------*/
#formWrap {
    max-width: 700px;
    width: 100%;
    margin: 40px auto;
    color: #555;
    line-height: 120%;
    font-size: 90%;
}
#formWrap h3 {
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #01761C;
    border-bottom: 1px solid #01761C;
    margin-bottom: 15px;
}
table.formTable {
    width: 100%;
    margin: 20px auto;
    border-collapse: collapse;
}
table.formTable td,
table.formTable th {
    border: 1px solid #ccc;
    padding: 10px;
}
table.formTable th {
    font-weight: normal;
    background: #efefef;
    text-align: left;
}
table.formTable input,
table.formTable textarea {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
#formWrap input[type="submit"],
#formWrap input[type="reset"],
#formWrap input[type="button"] {
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #01761C;
    padding: 10px 30px;
    letter-spacing: 1px;
    font-size: 1.1em;
    box-sizing: border-box;
    background-color: #01761C;
    color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#formWrap input[type="reset"],
#formWrap input[type="button"] {
    border: 1px solid #efefef;
    background-color: #efefef;
    color: inherit;
}
#formWrap input[type="submit"]:hover,
#formWrap input[type="reset"]:hover,
#formWrap input[type="button"]:hover {
    border: 1px solid #01761C;
    background-color: #FFF;
    color: #01761C;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 1280px) {
/*-----------
 Header
------------*/	
.header_in_R_mail img { margin: 5px 5px 4px 4px; }
.header_in_R_mail p {
    margin: 0 auto;
    letter-spacing: -1.5px;
    font-size: 0.9em;
}
}

@media screen and (max-width: 1024px) {
.section {
    max-width: none;
    padding: 0 2%;
    box-sizing: border-box;
}
/*---------------------------------
 Content
-----------------------------------*/
/*-----------
 Header
------------*/
.header {
    padding: 14px 2% 10px;
    box-sizing: border-box;
}
.header_in { max-width: none; }
.header div.h1 h1 { width: 100%; }
.header .header_in .inner .right .tel_R a img { width: 100%; }
.header .header_in .inner .right .txt_L { width: 62%; }
.header .header_in .inner .right .txt_L br { display: none; }
.header_in_L { width: 45%; }
.header_in_L p {
    font-size: 1.48em;
    padding: 36px 0 0 20px;
}
.header_in_R { width: 55%; }
.header_in_R_tel {
    width: 50%;
    float: left;
}
.header_in_R_tel img { width: 100%; }
.header_in_R_mail {
    width: 48%;
    margin-left: 2%;
    padding: 2px 0px 2px 8px;
}
.header_in_R_mail p {
    margin: 0 auto;
    letter-spacing: -0.9px;
    font-size: 0.8em;
}
.gnavi ul { width: 100%; }
/*-----------
 main_img
------------*/
.mainimg { width: 100%; }
.mainimg img {
    max-width: none;
    width: 100%;
    height: auto;
}
.content { width: 100%; }
.page .content {
    width: 100%;
    padding: 30px 2%;
    box-sizing: border-box;
}
/*-----------
 contact
------------*/
.contact_tel img,
.contact_mail img { width: 100%; }
/*-----------
 point
------------*/
.point_title {
    background-size: contain;
    min-height: inherit;
    width: 100%;
}
.point_title img { margin: 35px auto; }
.point_sec h4 { font-size: 0.86em; }
.p_small { font-size: 0.7em; }
/*-----------
 footer
------------*/
.top .section .news_L {
    float: left;
    width: 49%;
}
.top .section .news_L .inner {
    height: 385px;
    overflow: scroll;
}
.top .section .fb_R {
    float: right;
    width: 49%;
}
.footer .footer_in {
    max-width: none;
    background-position: 2% center;
    padding: 22px 2% 20px;
}
.footer .footer_in .inner {
    width: 100%;
    margin: 0 auto;
}
.footer .footer_in02 .inner {
    width: 100%;
    padding: 20px 2% 40px;
    box-sizing: border-box;
}
.footer .footer_in02 .inner .left {
    float: left;
    width: 50%;
}
.footer .footer_in02 .inner .right {
    float: right;
    width: 50%;
}
.footer ul.link {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 2% 0;
}
.footer ul.link li {
    float: left;
    margin-right: 1.2%;
    width: 19%;
}
.footer ul.link li:nth-child(5n) { margin-right: 0; }
.footer ul.link li img { width: 100%; }
.copyright .inner {
    width: 100%;
    padding: 15px 2%;
    box-sizing: border-box;
}
/*-----------
 contact
------------*/
table.formTable input,
table.formTable textarea {
    -webkit-appearance: none;
    border-radius: 0;
}
.top .section img {
    width: 100%;
    height: auto;
}
}

@media screen and (max-width: 768px) {
.ipad_none { display: none; }
.ipad_block { display: block; }
h2 img { width: 100%; }
h2.h2_small img { width: auto; }
.section img {
    width: 100%;
    height: auto;
}
/*-----------
 Header
------------*/
.header .header_in .inner { width: 100%; }
.header .header_in .inner .right { width: 77%; }
.header_in_L { width: 60%; }
.header_in_L p {
    font-size: 1.4em;
    padding: 35px 0 0 13px;
}
.header_in_R {
    width: 40%;
    float: right;
    padding-top: 33px;
}
.header_in_R_t {
    width: 60%;
    float: left;
    text-align: left;
}
.header_in_R_b {
    width: 40%;
    float: left;
    text-align: right;
    height: 35px;
    margin-top: 0;
    padding-left: 10px;
    box-sizing: border-box;
}
.header_in_R_tel {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}
.header_in_R_tel img { width: auto; }
.header_in_R_mail {
    width: 50%;
    float: left;
    margin-left: 0%;
    padding: 0;
    border: none;
}
.header_in_R_mail img {
    width: auto;
    margin: 0 auto;
}
/*-----------
  common
------------*/	
.page .content .sidebar {
    float: none;
    width: 100%;
    margin-right: 0%;
    background: inherit;
}
.page .content .main {
    float: none;
    width: 100%;
    margin-bottom: 100px;
}
.page .content .sidebar ul.sidemenu {
    width: 100%;
    margin: 0 auto 20px;
    clear: both;
}
.page .content .sidebar ul.sidemenu:after {
    content: "";
    clear: both;
    display: block;
}
.page .content .sidebar ul.sidemenu li {
    width: 49%;
    float: left;
    margin-right: 2%;
}
.page .content .sidebar ul.sidemenu li:nth-child(2n) { margin-right: 0; }
.page .content .sidebar h3 {
    padding: 10px 15px;
    font-size: 16px;
    border-top: 1px solid #D3D1DC;
    border-left: none;
}
.page .content .sidebar ul.sidemenu { border-left: none; }
.page .content .sidebar ul.sidemenu li.yellow.menu_br br { display: none; }
/*-----------
 messeage
------------*/
.messeage ul li img { width: 94%; }
.message .content .main .section .left ul.list01 img {
    width: initial;
    width: auto!important;
}
/*-----------
 trouble
------------*/
.trouble ul li img { width: 94%; }
.trouble ul li p {
    text-align: left;
    font-size: 0.8em;
    background: url(images/check.png) left top;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 30px;
}
/*-----------
 point
------------*/
.point_title img { margin: 110px auto 0px; }
.point_h_mark { width: 10%; }
.point_h_txt { width: 90%; }
.point_h_mark img,
.point_h_txt img { width: 100%; }
.point_sec { padding: 40px 0; }
.point_sec_c .div_L img { width: 100%; }
.point_sec_c .div_R {
    padding-left: 2%;
    box-sizing: border-box;
    letter-spacing: 0px;
}
.point_sec ul li img { width: 100%; }
/*-----------
 contact_information
------------*/

.contact_information .div_R {
    width: 66%;
    float: right;
    padding: 50px 0 0 25px;
    box-sizing: border-box;
}
.contact_information .section { background-size: 38%, 50%; }
.contact_information .div_R h3 img { width: 100%; }
/*-----------
 about
------------*/
.about_table_bg { text-align: right; }
.about_table_bg img { width: 57%; }
.about td,
.about th {
    padding: 14px 12px;
    box-sizing: border-box;
}
/*-----------
 personalcolor
------------*/
.color.personalcolor .main .section table td {
    padding: 0;
    width: auto;
}
.color.personalcolor .main .section .left10.btm60 table td:first-child { }
/*-----------
	color
	------------*/
.color #chart {
    height: auto;
    width: 100%;
    margin-left: 0;
}
.color #saika {
    float: right;
    width: 100%;
}
.page .content .main .section p:last-child a {
    text-align: center;
    margin: 15px auto;
    display: block;
    width: 100%;
}
.page.color .content .main .section p:last-child a img { width: initial; }
.color.personalcolor .main .section .personal_mens ul li:nth-child(even) {
    width: 12.5%;
    float: left;
    text-align: center;
}
.color.personalcolor .main .section .personal_mens ul li:nth-child(even) img { width: 70%; }
.school01 .content .main #school_flow .div_R a {
    text-align: left;
    display: inline;
    width: auto;
    margin: 0;
}
.mainimg_sp_btn a { width: 350px; }
}

@media screen and (max-width: 667px) {
body { font-size: 14px; }
.trouble ul li p {
    font-size: 0.9em;
    padding-left: 30px;
}
.pc_block { display: none; }
.header.sp_block {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 0;
}
.header.sp_block .header_fix {
    padding: 0px 3%;
    box-sizing: border-box;
}
.header.sp_block .sp_logo {
    width: 80%;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
}
.header.sp_block .sp_menu_btn {
    width: 20%;
    float: right;
}
.mainimg { padding-top: 90px; }
.sp_menu_btn { position: relative; }
.menu {
    height: 20px;
    position: absolute;
    right: 10px;
    top: 32px;
    width: 30px;
    z-index: 99;
}
.menu__line {
    background: #555555;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%;
}
.menu__line--center { top: 9px; }
.menu__line--bottom { bottom: 0; }
.menu__line--top.active {
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active { transform: scaleX(0); }
.menu__line--bottom.active {
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.sp_gnav {
    background: rgba(255,255,255,0.95);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    padding: 60px 10%;
    box-sizing: border-box;
}
.gnav__wrap { }
.gnav__menu__item {
    padding: 15px;
    border-bottom: 1px solid #9C9C9C;
}
.gnav__menu__item:last-child { border: none; }
.gnav__menu__item a {
    color: #555555;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
    transition: .5s;
    display: block;
}
.gnav__menu__item a span {
    color: #DA75AF;
    font-size: 0.8em;
    font-weight: normal;
    padding: 0;
    text-decoration: none;
    transition: .5s;
    display: inline-block;
    padding-left: 15px;
}
.sp_header_icon { margin-top: 20px; }
.sp_header_icon ul li {
    width: 33.3%;
    float: left;
}
.sp_header_icon ul li a {
    display: block;
    text-align: center;
}
.sp_header_icon ul li img {
    width: 60%;
    height: auto;
}
.top .section .news_L {
    float: none;
    width: 100%;
    margin-bottom: 50px;
}
.top .section .fb_R {
    float: none;
    width: 100%;
}
.footer ul.link li {
    float: left;
    margin-right: 2%;
    width: 49%;
}
.footer ul.link li:nth-child(2n) { margin-right: 0; }
.footer .footer_in { text-align: center; }
.footer .footer_in02 .inner .left {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.footer .footer_in02 .inner .right {
    float: none;
    width: 100%;
    margin-bottom: 25px;
}
.footer .footer_in02 .inner .reserve_dl { font-size: 16px; }
.footer .footer_in02 .inner .reserve_dl a {
    margin-top: 3px;
    display: inline-block;
}
.copyright .inner .right {
    width: 100%;
    text-align: center;
}
/*-----------
 Contact
------------*/
#formWrap {
    max-width: none;
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
}
#formWrap h3 {
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #01761C;
    border-bottom: 1px solid #01761C;
    margin-bottom: 15px;
}
table.formTable td,
table.formTable th {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
table.formTable input,
table.formTable textarea { padding: 10px; }
}

@media screen and (max-width: 640px) {
.sp_none { display: none; }
.sp_block { display: block; }
h2 { padding: 40px 0 15px; }
h3 img { width: 100%; }
.header_in_L,
.header_in_R { width: 100%; }
.header_in_L {
    padding-left: 12%;
    box-sizing: border-box;
}
.header_in_L img { width: 20%; }
.header_in_L p {
    font-size: 1.5em;
    padding: 10px 0 0 10px;
}
.header_in_R {
    margin-top: 15px;
    padding-top: 0;
    padding: 0 8%;
    box-sizing: border-box;
}
.header_in_R_t {
    width: 60%;
    float: left;
    text-align: right;
}
.header_in_R_b {
    width: 40%;
    padding: 0;
}
.header_in_R_tel img.ipad_block { display: inline-block; }
.header_in_R_mail img.ipad_block { padding-left: 13px; }
.messeage {
    min-height: 550px;
    background-size: 1145px;
}
.messeage ul li { width: 50%; }
.messeage ul li:last-child { width: 100%; }
.messeage ul li:last-child img { width: 50%; }
h2.h2_small img { width: 100%; }
.trouble {
    width: 100%;
    margin: 25px auto 0px;
}
.trouble ul li {
    width: 100%;
    margin-bottom: 30px;
}
.trouble ul li img { width: 60%; }
.contact { padding: 10px 3% 0; }
.contact_tel,
.contact_mail {
    width: 100%;
    margin: 0 auto 10px;
}
.point_sec { padding: 30px 0; }
.point_title img {
    margin: 50px auto 0px;
    width: 90%;
}
.point_h_mark,
.point_h_txt {
    width: 100%;
    padding: 0;
    text-align: center;
}
.point_h_mark img {
    width: 20%;
    margin-bottom: 15px;
}
.point_sec_c .div_L,
.point_sec_c .div_R {
    width: 100%;
    float: left;
    padding: 0;
}
.point_sec_c .div_L img { margin-bottom: 10px; }
.point_sec ul li {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px;
}
.point_sec ul li img { width: 80%; }
.point_sec h4 { font-size: 1.3em; }
.point_sec ul li p {
    font-size: 1em;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: left;
}
.p_small { font-size: 0.9em; }
.contact_information .div_R {
    width: 100%;
    padding: 25px 0 0;
}
.contact_information .div_R h3 { padding-bottom: 10px; }
.contact_information .div_R h4 {
    text-align: center;
    padding: 0 8%;
    box-sizing: border-box;
}
.contact_information .div_R h4 img {
    width: 100%;
    padding-bottom: 15px;
}
.contact_information .section {
    background-size: 30%, 68%;
    min-height: 385px;
}
.about h2.h2_small img { width: 40%; }
.about td,
.about th {
    padding: 5px 10px;
    width: 100%;
    float: left;
}
.about td { padding: 10px 10px; }
.about td:last-child { border: none; }
.about table { margin-bottom: 50px; }
.about_table_bg img { display: none; }
.footer_in {
    max-width: none;
    background-position: 50% 10px;
    padding: 100px 0 0;
}
.footer_in .link {
    position: absolute;
    left: 32%;
    top: 10px;
}
.footer .footer_in .inner ul.sns {
    overflow: hidden;
    padding-left: 36%;
    float: left;
}
.footer_in ul { width: 100%; }
.footer_in ul li {
    display: inline-block;
    width: 15%;
    border-left: none;
    box-sizing: border-box;
    float: left;
}
.footer_in ul li:last-child {
    border-left: 1px solid #FFF;
    border-right: none;
}
.footer .footer_in .inner .logo {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
}
.footer .footer_in .inner .txt {
    margin-bottom: 20px;
    float: none;
}
.footer .footer_in02 .inner dl dd { width: 80%; }
.footer .footer_in02 .inner dl.right dd { font-size: 20px; }
.footer .footer_in .txt br.sp { display: block; }
.page .content .sidebar ul.sidemenu li {
    width: 100%;
    float: left;
    margin-right: 0;
}
body.page .wrapper { padding-top: 80px; }
.top .content .section { margin-bottom: 15px; }
.pc_mainimg { display: none; }
.mainimg_sp_txt {
    background: #DA75AF;
    padding: 5px 10px 10px;
    box-sizing: border-box;
    color: #FFFFFF;
}
.mainimg_sp_btn a {
    display: block;
    background: rgba(255,255,255,0.9);
    border: 1px solid #555555;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 20px;
    width: 100%;
	margin-bottom: 10px;
}
/*-------------------------------------
	message
--------------------------------------*/	
.message .content .main .section .left {
    float: none;
    width: 100%;
    margin-right: 0;
}
.message .content .main .section .right {
    float: right;
    width: 100%;
}
.message .content .main .section .right .txt01 {
    font-size: 17px;
    margin-bottom: 20px;
}
.message .content .main .section .left { text-align: center; }
.message .content .main .section .left img { width: 70%; }
.message .content .main .section .left ul li { text-align: left; }
/*-------------------------------------
	salon
--------------------------------------*/	
.salon .content .main .section ul.list01 li {
    float: none;
    width: 100%;
    margin: 0 0% 2% 0;
}
/*  01  */	
.salon01 .content .main .section ul.list01 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
.salon01 .content .main .section ul.list01 li p { text-align: center; }
.salon01 .content .main .section ul.list01 li p.img img { width: 60%; }
.salon01 .content .main .section .article ul.list02 li {
    float: none;
    width: 100%;
    margin: 0 0% 4% 0;
}
/*  02  */		
.salon02 .content .main .section .article ul.list01 li {
    padding: 15px 15px 15px 55px;
    box-sizing: border-box;
    background-position: 15px 25px!important;
}
.salon02 .content .main .section .article ul.list01 li .txt {
    margin-top: 0px!important;
    margin-bottom: 10px;
}
.salon02 .content .main .section .article ul.list01 li .txt br { display: none; }
.salon02 .content .main .section .article .box01 .inner .left {
    width: 100%;
    margin-bottom: 10px;
}
.salon02 .content .main .section .article .box01 .inner .right { width: 100%; }
.salon02 .content .main .section .article .box01 .inner .right dl dt {
    width: 100%;
    float: none;
}
.salon02 .content .main .section .article .box01 .inner .right dl dd {
    width: 100%;
    padding: 8px 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    float: none;
    letter-spacing: 0;
    font-size: 13px;
}
.salon02 .content .main .section .article .box02 .point {
    position: absolute;
    top: -32px;
    left: 15px;
}
.salon02 .content .main .section .article .box02 {
    float: none;
    width: 100%;
    padding: 120px 15px 30px 15px;
}
.salon02 .content .main .section .article .box03 { padding: 165px 20px 15px 20px; }
.salon02 .content .main .section .article .box03 .point { left: 110px; }
.salon02 .content .main .section .article .box04 .inner .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
.salon02 .content .main .section .article .box04 .inner .right { width: 100%; }
/*  04  */		
.salon04 .content .main .section .article .left {
    float: left;
    width: 100%;
}
.salon04 .content .main .section .article .right {
    float: right;
    width: 100%;
    text-align: center;
}
.salon04 .content .main .section .article .right img { width: 65%; }
.salon04 .content .main .section .article .box02 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
}
.salon04 .content .main .section .article .box03 {
    width: 100%;
    min-height: inherit;
}
.salon04 .content .main .section ul.list02 li {
    float: left;
    width: 100%;
    min-height: inherit;
    margin-right: 0;
    padding: 20px;
    margin-bottom: 15px;
}
.salon04 .content .main .section ul.list02 li img { width: 70%; }
/*  05 */	
/*  06  */			
.salon06 .content .main .section .article .right {
    float: right;
    width: 100%;
    font-size: 13px;
    margin-bottom: 15px;
}
.salon06 .content .main .section .article .left {
    float: left;
    width: 100%;
}
/*-------------------------------------
	school
--------------------------------------*/		
.school .content .main .section ul.list01 li {
    float: left;
    width: 100%;
    margin: 0 0% 2% 0;
}
.page.school02 .content .main .section p:last-child a { padding: 0; }
.school02 .content .main .section p:last-child a img { width: 100%; }
.school01 .content .main #school_flow .div_L,
.school01 .content .main #school_flow .div_R {
    width: 100%;
    float: none;
}
.school01 .content .main #school_flow .div_L { margin-bottom: 30px; }
.school01 .content .main #school_flow .school_flow_li li { padding: 30px 20px; }
.school01 .content .main #school_flow .school_flow_li li .school_flow_btn li {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 0;
    margin-bottom: 10px;
    clear: none;
}
.school01 .content .main #school_flow h4 { font-size: 16px; }
.school01 .content .main .section .div_L,
.school01 .content .main .section .div_R {
    width: 100%;
    float: left;
}
.school01 .content .main .section .div_R {
    text-align: center;
    padding: 6%;
}
.school01 .content .main .section .div_R img { width: 70%; }
/*-------------------------------------
	access
--------------------------------------*/
.page .content .main .section table th {
    width: 100%;
    float: left;
}
.page .content .main .section table td {
    width: 100%;
    float: left;
}
/*-------------------------------------
	sindan
--------------------------------------*/	
.shindan .shindan_top {
    background-image: url(images/shindan/shindan_p1.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 100%;
    padding-left: 0;
    line-height: 1.8;
    padding-top: 0;
    height: 360px;
    padding-bottom: 30px;
}
.shindan .shindan_t1 {
    background-image: url(images/shindan/shindan_t1.jpg);
    background-repeat: repeat-y;
    background-position: center;
    width: 100%;
    padding-left: 0px;
    font-size: 13px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.shindan .shindan_box {
    padding: 6px;
    box-sizing: border-box;
    width: 100%;
}
.shindan .shindan_btn {
    width: 70%;
    margin-top: 15px;
}
.shindan .kekka {
    width: 100%;
    padding-top: 350px;
    background-position: -227px 0px;
}
#Map span.pc { display: none; }
#Map span.sp { display: block; }
/*-------------------------------------
	color
--------------------------------------*/	
.color #saika {
    float: right;
    width: 100%;
}
.color #chart {
    height: auto;
    width: 100%;
    margin-left: 0px;
}
.color #answer {
    width: 100%;
    margin-left: 0;
}
.color #answer_txt {
    line-height: 150%;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 60px;
}
.page.color .content .main .section p:last-child { margin-top: 30px; }
.page.color .content .main .section p:last-child a {
    display: block;
    width: 100%;
    margin: 15px auto;
    padding: 0 15%;
    box-sizing: border-box;
}
.color #conept_btn {
    text-align: center;
    width: 100%;
}
.color.page .content .main .section #conept_btn a { padding: 0; }
.color.page .content .main .section #conept_btn a img { width: 100%; }
.color #p_c_t2-1 {
    padding-top: 110px;
    padding-right: 0;
    padding-bottom: 20px;
    background-size: contain;
}
.color .p_c_t2 { padding-left: 0; }
.color #p_c_t2-2 {
    padding-top: 75px;
    padding-right: 0;
    background-size: contain;
}
.color #p_c_t2-3 {
    padding-top: 70px;
    padding-right: 0px;
    background-size: contain;
}
.color #p_c_t2-4 {
    padding-top: 70px;
    padding-right: 0;
    background-size: contain;
}
.color #p_c_t2-5 {
    padding-top: 70px;
    width: 100%;
    padding-bottom: 10px;
    background-size: contain;
}
body.personalcolor.color #saika .btm50 table tr td img { width: initial; }
.color #p_c_t2-6 {
    padding-top: 70px;
    width: 100%;
    height: auto;
    background-size: contain;
}
.color #p_c_t3 { background-size: contain; }
body.personalcolor.color.page .content .main .section p:last-child a { padding: 0; }
body.personalcolor.color.page .content .main .section p:last-child a img { width: 100%; }
/*-------------------------------------
	menu
--------------------------------------*/		
body.page.color.menu {
    height: auto;
    position: inherit;
    right: none;
    top: none;
    width: 100%;
    z-index: inherit;
}
.color.menu .article .right {
    float: right;
    width: 100%;
}
.color.menu .article .left img { width: initial; }
.color.menu .article .left {
    float: left;
    width: 100%;
}
.color.personalcolor .main .section .personal_mens ul li {
    width: 100%;
    float: left;
    margin-bottom: 60px;
}
.color.personalcolor .main .section .personal_mens ul li .img_T { text-align: center; }
.color.personalcolor .main .section .personal_mens ul li img { width: 50%; }
.color.personalcolor .main .section .personal_mens ul li:nth-child(even) { display: none; }
.ul_li_3.btn.salon02_menu li {
    width: 100%;
    float: none;
    margin-right: 0%;
}
/*-----------
 lessom
------------*/
.lesson h2 { padding-top: 0; }
.lesson h2 img {
    width: 100%;
    height: auto;
}
.lesson .lsn_left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 40px;
}
.lesson.page .content .main .section .lsn_txt {
    padding-left: 0px;
    box-sizing: border-box;
    float: left;
    padding-bottom: 50px;
    width: 100%;
    background: url(images/lesson/lesson_p3.jpg) no-repeat bottom right;
    line-height: 1.8;
}
.lesson.page .content .main .section .lsn_txt p {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0px;
}
.lesson .lsn_right {
    float: none;
    width: 100%;
}
.lesson .lsn_right br { display: none; }
.lesson .lsn_left img { width: initial; }
.lesson .len_bnr {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px auto;
}
.lesson .ctr {
    float: left;
    width: 100%;
    text-align: center;
}
.makeup .makeup_bg { background-size: contain; }
.makeup .makeup_bg {
    padding-bottom: 80px;
    letter-spacing: -0.0px;
}
.makeup .makeup_bg br { display: none; }
.salon02_link a span { line-height: 1rem; }
.salon02_link a span::before { line-height: 1rem; }
.school01 .content .main .section .alinkimg .alinkimg_a {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
}
}