@charset "UTF-8";
body {
	color: #555;
	background-color: #fff;
	font: 14px/1 Arial,"游ゴシック体","Yu Gothic",YuGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


a { color: inherit;
	text-decoration: none;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
a:hover { color: #f8b5aa;}
a:focus, a:hover { text-decoration: none;}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

.font-min { font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif}
.font-min { font-family: 'Sawarabi Mincho';}
/*==================================
    ■ common 共通
==================================*/
.sm-only { display: none !important;}
#wrapper { padding-top:80px;}
.frame {}
.layout { margin:0 auto 60px; width:980px;}
.layout h2.layout-ttl { font-size: 26px; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.layout .layout-innner { padding:1em;}

.frame-page .layout { margin: 60px auto;}
.frame-cate .layout { margin: 60px auto;}


.anibox01 {
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
}
.anibox01.zoomIn {
	opacity:1;
	filter: alpha(opacity=1);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}
.pink { color:#f8b5aa;}
/*==================================
    ■ head
==================================*/
#head .navbar { margin-bottom: 0; min-height: 80px;}
#head .navbar-default { background:rgba(255,255,255,0.85); border-bottom: 1px solid #e8e8e8;}

#head .navbar-header .navbar-brand {padding: 20px 15px; height: 80px;}
#head .navbar-header .navbar-brand img { width:200px;}

#head .navbar-nav.navbar-right { margin-right: 0;}
#head .navbar-nav > li { float: none; display: inline-block; }
#head .navbar-nav > li > a { margin-top: 18px; margin-bottom: 18px; padding:10px 15px;}
	

li.nav-store {}
.navbar-default .navbar-nav > li.nav-store a { background:#f8b5aa; border: 1px solid #f8b5aa; color:#fff;}
.navbar-default .navbar-nav > li.nav-store > a:hover{ border: 1px solid #f8b5aa; background-color:#fff; color:#f8b5aa;}
 
/*==================================
    ■ index  main メイン画像
==================================*/
#main-img {}
#main-img img { width:100%;}

#main-img .swiper-pagination-bullet-active {background: #f8b5aa;}

/*==================================
    ■ index  about  概要
==================================*/
.layout.about { margin-top:60px; text-align: center;}
.layout.about .layout-innner{}
.layout.about .layout-innner .about-main { font-size: 33px; line-height:155%; margin-bottom: 0.75em;}
.layout.about .layout-innner .about-sub { font-size: 17px; line-height:180%;}

.layout.about .layout-innner .about-link {margin: 2em auto;}
.layout.about .layout-innner .about-link a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.layout.about .layout-innner .about-link a:hover { color:#fff; background-color: #555;}

.layout.about .layout-innner .about-detail-main { font-size: 30px; line-height:155%; margin-bottom: 0.75em;}
.layout.about .layout-innner .about-detail-sub { font-size: 15px; line-height:180%; margin-bottom: 0.7em;}

/*==================================
    ■ index  NEWS  お知らせ
==================================*/
.layout.news .layout-innner{}
.layout.news .layout-innner ul.news-list {}
.layout.news .layout-innner ul.news-list li { padding:9px 0; border-bottom: dashed 1px #ccc;}
.layout.news .layout-innner ul.news-list li a { display:block;}
.layout.news .layout-innner ul.news-list li a .news-day { color:#666; padding-right:14px;}
.layout.news .layout-innner ul.news-list li a .news-cate { color:#fff; display: inline-block; font-size: 12px; margin-right: 14px; padding: 7px; text-align: center; width: 80px;}
.layout.news .layout-innner ul.news-list li a .news-cate.info { background:#555;}
.layout.news .layout-innner ul.news-list li a .news-cate.seminar { background:#f8b5aa;}
.layout.news .layout-innner ul.news-list li a .news-cate.nail { background:#87cefa;}

.layout.news .layout-innner ul.news-list li a .news-ttl {}
.layout.news .news-list-more { font-size:14px; margin:1em 0 0 0; text-align:right;}

/*==================================
    ■ index  PRODUCTS  商品
==================================*/
.layout.product .layout-innner {}
.layout.product .layout-innner .product-item {}
.layout.product .layout-innner .product-item .product-img { display:inline-block; width: 420px; vertical-align: top;}
.layout.product .layout-innner .product-item .product-img img { width: 100%;}
.layout.product .layout-innner .product-item .product-main { display:inline-block; margin-left: 20px; width:505px; vertical-align: top;}
.layout.product .layout-innner .product-item .product-main .product-ttl { font-size: 34px; text-align:center; margin:14px auto 21px;}
.layout.product .layout-innner .product-item .product-main .product-about { text-align: center;}
.layout.product .layout-innner .product-item .product-main .product-about p { margin-bottom: 0.75em; line-height: 1.5;}

.layout.product .layout-innner .product-item .product-main .product-about .product-about-circle { display: inline-block;}
.layout.product .layout-innner .product-item .product-main .product-about .product-about-circle_s { display: inline-block; vertical-align: middle;}

.layout.product .layout-innner .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 130px;
	height: 130px;
	margin: 0 3px;
	padding: 40px 7px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;/* 円の色 */
	border: solid 1px #dc6b8f;
}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 { margin-bottom: 0; line-height: 1;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01-icon { margin-bottom: 0; line-height: 1; font-size: 25px; margin: 0.1em 0;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 .pink { color:#dc6b8f; font-weight: bold; display: block; margin-top: 0.5em;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr02 { font-size:0.8em; margin-top:1em; text-align:left;}

.layout.product .layout-innner .product-item .product-main .product-more { text-align: center; margin-top:21px;}
.layout.product .layout-innner .product-item .product-main .product-more a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.layout.product .layout-innner .product-item .product-main .product-more a:hover { color:#fff; background-color: #555;}

/*==================================
    ■ index  CONTACT  お問い合わせ
==================================*/
.layout.contact .layout-innner{ text-align:center;}
.layout.contact .layout-innner .layout-innner-contact { margin-top:30px;}

/*==================================
    ■ index  sns-share
==================================*/
.sns-share { text-align:center; margin: 40px auto 0;}
.sns-share p.sns-share-pr { text-align:center; margin-bottom:0.5em;}
.sns-share .sns-share-link {
    color: #fff ;
    display: inline-block;
    font-size: 24px ;
    padding: 10px ;
	width: 50px;
	height: 50px;
	padding: 13px 0;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #e6e6e6;/* 円の色 */
}
.sns-share .sns-share-link.sns-share-facebook { background-color: #3b5998;}
.sns-share .sns-share-link.sns-share-twitter { background-color: #55acee;}
.sns-share .sns-share-link.sns-share-ggl-plus { background-color: #dd4b39;}
.sns-share .sns-share-link.sns-share-line { background-color: #25af00;}
.sns-share .sns-share-link.sns-share-hatena { background-color: #2d4c86;}

/*==================================
    ■ single
==================================*/
.frame-single {}
.frame-single .single-head { text-align: center; width:100%; padding: 3em;
background: #f4ccc7; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f4ccc7 0%, #e9d8a4 36%, #dab6b4 65%, #f8e1bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ccc7', endColorstr='#f8e1bf',GradientType=1 ); /* IE6-9  */
}
.frame-single .single-head .single-ttl { font-size: 20px; letter-spacing: 2px; color: #fff; border:1px solid #fff; padding:0.5em 1em; display: inline-block;}

.post {}
.post .title { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 18px; padding: 18px 0 15px; margin: 20px 0;}
.post .blog_info { text-align: right;}
.post .blog_info li.cal { display: inline-block;}
.post .blog_info li.cat { display: inline-block;}

.post .post-innner { margin: 60px auto 60px; }
.post .post-innner img { height: auto; max-width: 100%;}
.post .post-innner img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
.post .post-innner img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
.post .post-innner img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */
.post .post-innner p { line-height:1.75; margin-bottom:0.75em;}


.frame-single .nav-below { text-align: center;}
.frame-single .nav-link {}
.frame-single .nav-link a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-single .nav-link a:hover { color:#fff; background-color: #555;}

/*==================================
    ■ category
==================================*/
.frame-cate {}
.frame-cate .cate-head { text-align: center; width:100%; padding: 3em;
background: #f4ccc7; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f4ccc7 0%, #e9d8a4 36%, #dab6b4 65%, #f8e1bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ccc7', endColorstr='#f8e1bf',GradientType=1 ); /* IE6-9  */
}
.frame-cate .cate-head .cate-ttl { font-size: 20px; letter-spacing: 2px; color: #fff; border:1px solid #fff; padding:0.5em 1em; display: inline-block;}

.frame-cate ul.cate-list {}
.frame-cate ul.cate-list li { padding:9px 0; border-bottom: dashed 1px #ccc;}
.frame-cate ul.cate-list li a { display:block;}
.frame-cate ul.cate-list li a .news-day { color:#666; padding-right:14px;}
.frame-cate ul.cate-list li a .news-cate { color:#fff; display: inline-block; font-size: 12px; margin-right: 14px; padding: 7px; text-align: center; width: 80px;}
.frame-cate ul.cate-list li a .news-cate.info { background:#555;}
.frame-cate ul.cate-list li a .news-cate.seminar { background:#f8b5aa;}
.frame-cate ul.cate-list li a .news-cate.nail { background:#87cefa;}

.frame-cate ul.cate-list li a .news-ttl {}

.frame-cate .nav-below { text-align: center; margin-top: 60px;}
.frame-cate .nav-link {}
.frame-cate .nav-link a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-cate .nav-link a:hover { color:#fff; background-color: #555;}
/*==================================
    ■ page
==================================*/
.frame-page {}
.frame-page .page-head { text-align: center; width:100%; padding: 3em;
background: #f4ccc7; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f4ccc7 0%, #e9d8a4 36%, #dab6b4 65%, #f8e1bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f4ccc7 0%,#e9d8a4 36%,#dab6b4 65%,#f8e1bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ccc7', endColorstr='#f8e1bf',GradientType=1 ); /* IE6-9  */
}
.frame-page .page-head .page-ttl { font-size: 20px; letter-spacing: 2px; color: #fff; border:1px solid #fff; padding:0.5em 1em; display: inline-block;}

/*=====concept=====*/
.frame-page-concept { text-align: center;}
.frame-page-concept p { margin-bottom: 1.5em; line-height: 1.5;}
.frame-page-concept p.concept-pr { margin-bottom: 3em;}
.frame-page-concept p.concept-pr .font-min {font-size: 33px;}
.frame-page-concept p.concept-pr-sub .font-min { color:#f8b5aa; font-size: 25px; line-height: 1.4;}

.frame-page-concept .concept-box { margin-bottom: 3em;}
.frame-page-concept .concept-box .concept-box-01-img { float:left; vertical-align: top; width: 420px;}
.frame-page-concept .concept-box .concept-box-01-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-01-pr { float:right; text-align: left; padding: 1.5em; width: 550px;}

.frame-page-concept .concept-box .concept-box-02-img { float:right; vertical-align: top; width: 420px;}
.frame-page-concept .concept-box .concept-box-02-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-02-pr { float:left; text-align: left; padding: 1.5em; width: 550px; }

.frame-page-concept p.concept-know { margin:6em auto 1.5em;}
.frame-page-concept p.concept-know .font-min {font-size: 33px;}
.frame-page-concept p.concept-know-sub .font-min {font-size: 18px; line-height: 1.4; margin-bottom: 3em;}
.frame-page-concept .concept-know-icon { text-align: center; margin-bottom: 1.5em;}
.frame-page-concept .concept-know-icon .fa { font-size: 50px; color:#8fbc8f;}
.frame-page-concept ul.concept-know-list { text-align:left;}
.frame-page-concept ul.concept-know-list li { margin-bottom: 0.9em; border-bottom: 1px dashed #666; padding-bottom:0.7em;}
.frame-page-concept ul.concept-know-list li span.fa { color:#8fbc8f;}
.frame-page-concept .concept-know-marker { background: linear-gradient(transparent 60%, #ffff66 60%);}

.frame-page-concept .concept-vision { color: #f8b5aa; font-size: 33px; line-height:155%; margin:3em auto 0.75em;}
.frame-page-concept .concept-bad { font-size: 25px; line-height: 1.4; margin-bottom:0.75em;}
.frame-page-concept ul.concept-bad-list {}
.frame-page-concept ul.concept-bad-list li { display:inline-block; margin: 0 2px;}

/*=====company=====*/
.frame-page-company {}
.frame-page-company ul.conmany-list {}
.frame-page-company ul li { margin-bottom: 1.5em;}
.frame-page-company ul li.list-ttl { margin-bottom:0.7em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc;}

/*=====irogokoro-south-3rd=====*/
.frame-page-irogokoro-south-3rd {}
.frame-page-irogokoro-south-3rd .layout {}
.frame-page-irogokoro-south-3rd .south-3rd-wrap { text-align: center;}
.frame-page-irogokoro-south-3rd .south-3rd-wrap img { max-width: 500px;}
.frame-page-irogokoro-south-3rd .south-3rd-wrap p.south-3rd-pr {font-size: 25px; margin: 30px auto;}
.frame-page-irogokoro-south-3rd .south-3rd-wrap p.south-3rd-pr-sub { font-size: 14px; line-height: 1.4; margin-bottom: 0.7em;}


.south-3rd-news-wrap {margin-top: 60px; text-align: center;}
.south-3rd-news-wrap .south-3rd-news-wrap-ttl { font-size:25px ; position: relative; display: inline-block; padding: 0 175px; margin-bottom:2em;}
.south-3rd-news-wrap .south-3rd-news-wrap-ttl:before, .south-3rd-news-wrap .south-3rd-news-wrap-ttl:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 155px; height: 1px; background-color: black;}
.south-3rd-news-wrap .south-3rd-news-wrap-ttl:before {left:0;}
.south-3rd-news-wrap .south-3rd-news-wrap-ttl:after {right: 0;}

ul.south-3rd-news { text-align:left;}
ul.south-3rd-news li { margin-bottom: 0.7em; padding-bottom: 0.5em; border-bottom: 1px solid #e8e8e8;}
ul.south-3rd-news li span.south-3rd-news-ttl{ display: inline-block; width: 100px;}
ul.south-3rd-news li span.south-3rd-news-sub {}


.south-3rd-info-wrap {margin-top: 60px; text-align: center;}
.south-3rd-info-wrap .south-3rd-info-wrap-ttl { font-size:25px ; position: relative; display: inline-block; padding: 0 175px; margin-bottom:2em;}
.south-3rd-info-wrap .south-3rd-info-wrap-ttl:before, .south-3rd-info-wrap .south-3rd-info-wrap-ttl:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 155px; height: 1px; background-color: black;}
.south-3rd-info-wrap .south-3rd-info-wrap-ttl:before {left:0;}
.south-3rd-info-wrap .south-3rd-info-wrap-ttl:after {right: 0;}

ul.south-3rd-info { text-align:left;}
ul.south-3rd-info li { margin-bottom: 0.7em; padding-bottom: 0.5em; border-bottom: 1px solid #e8e8e8;}
ul.south-3rd-info li span.south-3rd-info-ttl{ display: inline-block; width: 80px;}
ul.south-3rd-info li span.south-3rd-info-sub {}

.south-3rd-info-wrap .south-3rd-info-link {margin-top: 2em;}
.south-3rd-info-wrap .south-3rd-info-link a { border: 1px solid #555; display:inline-block; padding: 14px 50px; cursor: pointer; }
.south-3rd-info-wrap .south-3rd-info-link a:hover { color:#fff; background-color: #555;}

#south-3rd-info-Modal {}
#south-3rd-info-Modal .modal-body { text-align:center;}
#south-3rd-info-Modal .modal-body li { display:inline-block; width:48%;}
#south-3rd-info-Modal .modal-body li a {}
#south-3rd-info-Modal .modal-body li a .fa { font-size: 35px;}
#south-3rd-info-Modal .modal-body li p { margin-top: 0.5em;}

.nail-menu-wrap { margin-top: 60px; text-align: center;}
.nail-menu-wrap .nail-menu-wrap-ttl { font-size:25px ; position: relative; display: inline-block; padding: 0 175px; margin-bottom:2em;}
.nail-menu-wrap .nail-menu-wrap-ttl:before, .nail-menu-wrap .nail-menu-wrap-ttl:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 155px; height: 1px; background-color: black;}
.nail-menu-wrap .nail-menu-wrap-ttl:before {left:0;}
.nail-menu-wrap .nail-menu-wrap-ttl:after {right: 0;}
.nail-menu { text-align: left; display: inline-block; width:47%; margin: 0 1.2% 1em; vertical-align: top;}
.nail-menu-ttl { font-size: 20px; margin-bottom: 0.7em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc;}
.nail-menu-course { margin-bottom: 0.7em; padding-bottom: 0.7em; border-bottom: 1px dashed #e8e8e8;}
.nail-menu-course .nail-menu-course-ttl { font-size:16px; display: inline-block;}
.nail-menu-course .nail-menu-course-price { font-size:16px; display: inline-block; margin-left:1em;}
.nail-menu-course .nail-menu-course-detail { font-size: 0.85em; margin-top:0.5em; line-height:1.2;}

.south-3rd-sns { padding: 60px 0; text-align:center;}
.south-3rd-sns p { padding: 0 0 15px;}
.south-3rd-sns li { display: inline-block; margin: 0 7px;}
.south-3rd-sns li a {
    font-size: 22px ;
	width: 40px;
	height: 40px;
	display:inline-block;
	padding: 9px 0;
	color:#fff;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	background-color: #555;
}
.south-3rd-sns li a:hover { background-color: #777;}

/*==================================
    ■ page-top
==================================*/

#page-top { bottom: 20px; font-size: 18px; position: fixed; right: 20px; z-index: 10;}
#page-top a {
	background-color:#f8b5aa;
    color: #fff;
    display: block;
	font-size: 14px;
    height: 60px;
	padding: 7px;
    text-align: center;
    width: 70px;
}

/*==================================
    ■ footer-link
==================================*/
#footer-link { background-color:#ccc; text-align: center; padding: 60px 0;}
.footer-link-inner { margin: 0 auto; width:980px;}
.footer-link-inner a { border: 1px solid #fff; background-color: #fff; line-height: 120px; display: inline-block; margin: 0 7px; width: 48%;}
.footer-link-inner a:hover { border: 1px solid #fff; background-color:#ccc; color:#fff;}

/*==================================
    ■ footer
==================================*/
#footer { text-align: center; margin: 0 auto; padding: 40px 0; width:980px;}
#footer ul.footer-menu { border-bottom: 1px solid #ccc; padding: 30px 0;}
#footer ul.footer-menu li { display: inline-block; margin: 0 7px;}
#footer ul.footer-sns { padding: 30px 0;}
#footer ul.footer-sns li { display: inline-block; margin: 0 7px;}
#footer ul.footer-sns li a {
    font-size: 22px ;
	width: 40px;
	height: 40px;
	display:inline-block;
	padding: 9px 0;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #555;
}
#footer ul.footer-sns li a:hover { background-color: #777;}
#footer .footer-logo { padding-bottom: 30px;}
#footer .footer-logo img { width: 250px;} 
#footer .footer-notice { font-size:80%; margin-bottom: 30px;}
#footer .copy {}




/*==================================
    ■ media
==================================*/
/*================================== デスクトップ表示 ==================================*/
@media screen and (min-width: 992px) {
.br-pc { display:block  !important; }
.br-tb { display:none; }
.br-sm { display:none; }
}
/*================================== ENDデスクトップ表示 ==================================*/

/*================================== タブレット表示 ==================================*/
@media screen and (min-width: 768px) and (max-width: 991px) {
/*=====■ common 共通=====*/
.layout { padding: 0 12px; width:100%;}
.br-pc { display:none; }
.br-tb { display:block  !important; }
.br-sm { display:none; }

/*=====■ index  PRODUCTS  商品=====*/
.layout.product .layout-innner .product-item .product-img { text-align: center; width: 50%;}
.layout.product .layout-innner .product-item .product-img img { width: 90%;}
.layout.product .layout-innner .product-item .product-main { margin-left: 0; width:45%; }
.layout.product .layout-innner .product-item .product-main .product-ttl { font-size: 21px;}

.layout.product .layout-innner .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 90px;
	height: 90px;
	margin: 0 1px;
	padding: 25px 7px;
}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f; font-size:10px;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 { font-size: 10px;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 .pink { font-size:13px;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr02 { font-size:10px; margin-top:1em;}

/*=====■ page=====*/
/*=====concept=====*/
.frame-page-concept p { margin-bottom: 0.7em; line-height: 1.5;}
.frame-page-concept .concept-box { margin-bottom: 1em;}
.frame-page-concept .concept-box .concept-box-01-img { float:left; vertical-align: top; width: 50%;}
.frame-page-concept .concept-box .concept-box-01-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-01-pr { float:right; text-align: left; padding: 1em; width: 48%;}

.frame-page-concept .concept-box .concept-box-02-img { float:right; vertical-align: top; width: 50%;}
.frame-page-concept .concept-box .concept-box-02-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-02-pr { float:left; text-align: left; padding: 1em; width: 48%; }

/*=====■ footer-link=====*/
.footer-link-inner { width:100%;}
.footer-link-inner a { width: 45%;}

/*=====■ footer=====*/
#footer { width:100%;}

/*=====navbarをcollapse=====*/
.navbar-header { float: none;}
.navbar-toggle { display: block; margin-top: 25px;}
.navbar-collapse {  border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse { display: none!important;}
.navbar-nav { float: none!important; margin: 7.5px -15px; text-align:center; }
.navbar-nav>li { float: none;}
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;}
.navbar-text { float: none; margin: 15px 0;}
.navbar-collapse.collapse.in { display: block!important;}
.collapsing { overflow: hidden!important;}
}
/*================================== ENDタブレット表示==================================*/

/*================================== スマホ表示==================================*/
@media screen and (max-width: 767px) {
/*=====■ common 共通=====*/
.pc-only { display: none !important;}
#wrapper { padding-top:50px;}
.layout { margin:0 auto 30px; padding: 0 6px; width:100%;}
.frame-page .layout { margin: 30px auto;}
.frame-cate .layout { margin: 30px auto;}

.br-pc { display:none; }
.br-tb { display:none; }
.br-sm { display:block  !important; }
  
/*=====■ head=====*/
#head .navbar { min-height: 50px;}
#head .navbar-header .navbar-brand {padding: 10px 15px; height: 50px;}
#head .navbar-header .navbar-brand img { width:140px;}
#head .navbar-nav > li { display: block; }
#head .navbar-nav > li > a { margin-top: 0; margin-bottom: 0; padding:7px 15px;}
.navbar-default .navbar-nav > li.nav-store a { margin-left:15px; text-align: center;}

/*=====■ index  main メイン画像=====*/
#main-img.sm-only { display:block !important;}

/*=====■ index  about  概要=====*/
.layout.about { margin-top:30px;}
.layout.about .layout-innner .about-main { font-size: 18px; line-height:155%; margin-bottom: 0.75em;}
.layout.about .layout-innner .about-sub { font-size: 14px; line-height:180%;}

.layout.about .layout-innner .about-detail-main { font-size: 18px; line-height:155%; margin-bottom: 0.75em;}
.layout.about .layout-innner .about-detail-sub { font-size: 11px; line-height:150%; margin-bottom: 0.7em; text-align: left;}

/*=====■ index  NEWS  お知らせ=====*/
.layout.news .layout-innner ul.news-list li a .news-cate { padding: 5px 5px;}

.layout.news .layout-innner ul.news-list li a .news-ttl { display: block; margin-top:7px;}

/*=====■ index  PRODUCTS  商品=====*/
.layout.product .layout-innner .product-item .product-img { text-align: center; width: 100%;}
.layout.product .layout-innner .product-item .product-img img { width: 80%;}
.layout.product .layout-innner .product-item .product-main { margin-left: 0; width:100%; }
.layout.product .layout-innner .product-item .product-main .product-ttl { font-size: 30px;}

.layout.product .layout-innner .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 85px;
	height: 85px;
	margin: 0 1px;
	padding: 20px 7px;
}

.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f; font-size:10px;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 { font-size:9px;}
.layout.product .layout-innner .product-item .product-main .product-about p.product-about-pr01 .pink { font-size:13px;}

/*=====■ index  CONTACT  お問い合わせ=====*/
/*=====■ index  sns-share=====*/
/*=====■ single=====*/
.frame-single .nav-link a { padding: 14px 31px; }
/*=====■ category=====*/
.frame-cate .cate-head { padding: 3em 2em; }
.frame-cate ul.cate-list li a .news-cate { padding: 5px 5px;}

.frame-cate ul.cate-list li a .news-ttl { display: block; margin-top:7px;}

.frame-cate .nav-link a { padding: 14px 31px; }

/*=====■ page=====*/
.frame-page .page-head { padding: 3em 2em; }

/*=====concept=====*/
.frame-page-concept p { text-align: left; font-size:12px; line-height: 1.5; margin-bottom: 1.25em;}
.frame-page-concept p.concept-pr { text-align: center;}
.frame-page-concept p.concept-pr .font-min {font-size: 20px;}
.frame-page-concept p.concept-pr-sub { text-align: center;}
.frame-page-concept p.concept-pr-sub .font-min {font-size: 20px;}

.frame-page-concept .concept-box { margin-bottom: 0em;}
.frame-page-concept .concept-box .concept-box-01-img { float: none; margin: 0 auto; vertical-align: top; width: 80%;}
.frame-page-concept .concept-box .concept-box-01-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-01-pr { float:none; text-align: left; padding: 1.5em; width: 100%;}

.frame-page-concept .concept-box .concept-box-02-img { float:none; margin: 0 auto; vertical-align: top; width: 80%;}
.frame-page-concept .concept-box .concept-box-02-img img { max-width: 100%;}
.frame-page-concept .concept-box .concept-box-02-pr { float:none; text-align: left; padding: 1.5em; width: 100%; }

.frame-page-concept .concept-box .concept-box-03-pr { float:none; text-align: left; padding: 1.5em; width: 100%; }

.frame-page-concept p.concept-know { text-align: center;}
.frame-page-concept p.concept-know .font-min {font-size: 20px;}
.frame-page-concept p.concept-know-sub {}
.frame-page-concept p.concept-know-sub .font-min {font-size: 14px;}
.frame-page-concept ul.concept-know-list { text-align:left;}
.frame-page-concept ul.concept-know-list li { line-height:150%;}


.frame-page-concept .concept-vision {font-size: 20px; text-align: center;}
.frame-page-concept .concept-bad { font-size: 14px; text-align: center;}
.frame-page-concept ul.concept-bad-list { text-align:left;}
.frame-page-concept ul.concept-bad-list li { display:block; margin: 4px 2px;}

/*=====company=====*/
/*=====irogokoro-south-3rd=====*/
.frame-page-irogokoro-south-3rd .south-3rd-wrap img { max-width: 80%;}
.frame-page-irogokoro-south-3rd .south-3rd-wrap p.south-3rd-pr {font-size: 20px; margin: 30px auto;}

ul.south-3rd-info li span.south-3rd-info-ttl{ font-size:16px; display: block; width: 100%;}
ul.south-3rd-info li span.south-3rd-info-sub { display: block; margin-top:0.5em; line-height:1.2;}

.south-3rd-news-wrap .south-3rd-news-wrap-ttl { font-size:25px ; padding: 0 105px; }
.south-3rd-news-wrap .south-3rd-news-wrap-ttl:before, .south-3rd-news-wrap .south-3rd-news-wrap-ttl:after { width: 95px;}
ul.south-3rd-news li span.south-3rd-news-ttl{ display: block; width: 100px;}
ul.south-3rd-news li span.south-3rd-news-sub { display: block; margin-top: 7px;}

.south-3rd-info-wrap .south-3rd-info-wrap-ttl { font-size:25px ; padding: 0 105px; }
.south-3rd-info-wrap .south-3rd-info-wrap-ttl:before, .south-3rd-info-wrap .south-3rd-info-wrap-ttl:after { width: 95px;}

.nail-menu-wrap .nail-menu-wrap-ttl { font-size:25px ; padding: 0 105px; }
.nail-menu-wrap .nail-menu-wrap-ttl:before, .nail-menu-wrap .nail-menu-wrap-ttl:after { width: 95px;}

.nail-menu { display: block; margin-bottom: 2em; width:100%;}
.nail-menu-course .nail-menu-course-ttl { font-size:14px; display: block; margin-bottom:0.25em;}
.nail-menu-course .nail-menu-course-price { font-size:14px; display: block; margin-left:0;}

/*=====■ page-top=====*/
#page-top { bottom: 15px; font-size: 13px; right: 15px;}
#page-top a {
	font-size: 13px;
    height: 50px;
	padding: 5px;
    width: 60px;
}

/*=====■ footer-link=====*/
.footer-link-inner { width:100%;}
.footer-link-inner a { line-height: 80px; margin: 0 0.5%;}

/*=====■ footer=====*/
#footer { width:100%;}
#footer ul.footer-menu li { margin: 2px 7px;}
#footer .footer-notice { font-size:70%;}
}
/*==================================ENDスマホ表示==================================*/



/*==================================
    ■ reset
==================================*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p,
blockquote,
th, td {
	margin: 0; padding: 0;
}
  
html { overflow-y: scroll;}
  
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
  
ol, ul { list-style: none;}
  
fieldset, img {border: 0;}

img { vertical-align: bottom;}
  
table { border-collapse: collapse; border-spacing: 0; font-size: 100%;}
  
caption, th { text-align: left;}
  
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal;}
  
input, textarea, select{ font-family:inherit; font-size:inherit; font-weight:inherit;}

input,
textarea { font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;}

textarea { font-size: 100%;}

.fixed{ position:fixed;}
/* .clearfix
---------------------------------------------------------------------------------------- */

.clear{ clear:both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix { display: inline-block;}

/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/