@charset "UTF-8";
/* アコーディオン */
.accordion {
  max-width: 800px;
  margin: 0 auto;
}
.accordion__item {
  border: 1px solid #ccc;
  margin-top: 10px;
  cursor: pointer;
}
.accordion__title {
  position: relative;
  padding: 15px 60px 15px 20px;
  font-weight: bold;
  cursor: pointer;
}

/* (+)アイコン */
.accordion__title::before,
.accordion__title::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #3abec1;
  width: 20px;
  height: 4px;
  transition: all 0.3s;
}

.accordion__title::after {
  transform: rotate(90deg);
}

/* アコーディオンのコンテンツ */
.accordion__content {
  padding: 0 20px 15px 20px;
  display: none;
  cursor: pointer;
}

.accordion__content.is-open {
  display: block;
}

/* アコーディオン展開時の(-)アイコン */
.accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
}

.accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}

/*コロナ対策*/
.colona {
  margin-bottom: 100px;
  text-align: center;
  letter-spacing: .1em;
}
.colona h2 {   
  width: 50%;
  margin: 15px auto;
  padding-bottom: 15px;
  border-bottom: 1px solid;
  line-height: 100%;
  font-size: 150%;
  font-weight: 600;
}
.colona_wrap {
  margin: 4% 0 6% 0;
}
.colona .text {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 26px 0;
}
.colona .new {
  margin-top: 4%;
  padding-right: 8%;
}
.colona_new {
  background-color: #d20202;
  color: white;
  font-weight: bold;
  padding: 0 15px;
  bottom: 10px;
  width: intrinsic;
  float: left;
  margin-right: 1em;
}
.colona_product img {
  width: 30%;
}
.colona li {
  list-style-type: decimal;
  text-align: justify;
}
.colona .colona_box {
  width: 50%;
  margin: 0 auto;
  display: inline-block;
}
.colona a {
  border-bottom: 1px solid #262626;
  opacity: 0.7;
}
.colona a:hover {
  opacity: 0.5;
}
.colona table {
  width: 70%;
  margin: 20px auto;
}
.colona table tr td span {
  display: inline-block;
  line-height: 14px;
  vertical-align: top;
  margin-bottom: 5px;
  margin-right: 10px;
  margin-top: 5px;
}
.colona .view_sp {
  display: none;
}
.colona p:nth-of-type(2) {
  margin-top: 20px;
}
.colona dl {
  margin-bottom: 64px;
}
/*
.colona .col_txt {
  width: 50%;
  text-align: left;
}
*/

/*--------------*/
.cntentsWrp {
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}
.cntentsWrp a  {
	margin-bottom: 60px;
}
.cntentsWrp ul {
	text-align: left;
}
.cntentsWrp ul li {
	display: inline-block;
	width: 300px;
	height: auto;
	margin-right: 23px;
	margin-bottom: 50px;
	margin-left: 23px;
	vertical-align: top;
}
.contents_box {
	margin: 0 auto;
}

.content_img {
	margin-bottom: 15px;
	width: 100%;
	height: auto;
}
.content_img img {
	width: 100%;
	height: auto;
}

.cmt_box {
	margin-bottom: 20px;
	text-align: left;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 21px;
}
.cmt_box h2 {
	font-size: 10px;
	font-weight: bold;
}
.cmt_box h3 {
	font-size: 17px;
	letter-spacing: 3px;
	margin-bottom: 7px;
	line-height: 22px;
}
.cmt_box p {
	line-height: 16px;
	font-size: 11px;
	letter-spacing: 0px;
}
.more   {
	text-align: center;
}
.more .button {
	margin: 0 auto;
	font-size: 11px;
}
.read {
	margin-bottom: 60px;
}

.style_logo   {
	margin-bottom: 30px;
}
#styleWrp {
}
.style_logo img {
}
.rolebox {
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	height: auto;
	letter-spacing: 0px;
}
.rolebox ul {
	margin: 0 auto;
	width: 965px;
	height: auto;
}
.role  {
	display: -moz-inline-box;
	display: inline-block;
		 /display: inline;
		 /zoom: 1;
	float: left;
	width: 173px;
	height: 40px;
	overflow-y: hidden;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	}
.role a img {
}
.stylebox {
	margin-bottom: 80px;
	text-align: left;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1%;
}

.stylebox ul li {
	display: inline-block;
	width: 236px;
	height: 315px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 15px;
	vertical-align: top;
}

.style_img {
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
	min-width: 236px;
	max-width: 236px;
	max-height: 315px;
	text-align: center;
}
.style_img img {
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}


#movieWrp {
	margin-bottom: 80px;
}
#movieWrp #movie_tit {
	margin-bottom: 30px;
}
#movieWrp #movie_tit img {
}
#ytWrp {
	margin-left: auto;
	margin-right: auto;
	-webkit-display: flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari flex-start space-around */
	justify-content: space-between;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-items:flex-start ;/* Safari baseline space-around */
	align-items: flex-start;
	width:94%; /* 横並びさせる親要素の幅 */
}
#ytWrp .Wrp{
	width: 48%;
}
#youtube-movie-content {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
#youtube-movie-content iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}
#ytWrp .yt {
}

#contentsWrp {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 60px;
}
.left_clm {
	float: right;
	width: 55%;
}
#eventWrp {
	margin-bottom: 40px;
}
#eventWrp .event_tit {
	margin-bottom: 25px;
}
#eventWrp .event {
}
#eventWrp .event a img {
	width: 100%;
	height: auto;
}
#pressWrp {
	width: 100%;
	height: auto;
	position: relative;
}
.press_tit {
	margin-bottom: 25px;
}
#pressWrp .event {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
#pressWrp .event img {
	width: 100%;
	height: auto;
	max-width: 600px;
}

#pressWrp ul {
	margin-bottom: 50px;
	width: 100%;
	height: auto;
}
#pressWrp ul li {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	text-align: center;
}
#pressWrp ul li a img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	max-width: 160px;
}
#blogWrp {
	width: 100%;
	height: auto;
	position: relative;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
#blogWrp .blog_tit {
	margin-bottom: 25px;
}

#blogWrp ul {
	text-align: center;
	width: 100%;
	height: auto;
	padding-left: 1%;
	margin-top: -12px;
}
#blogWrp ul li  {
	display: inline-block;
	width: 22%;
	vertical-align: top;
	margin-right: 1%;
}
#blogWrp ul li:nth-child(4) {
}
#blogWrp ul li .blogbox {
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 130px;
	text-align: center;
}
#blogWrp ul li .blogbox a .thumb {
	width: 120px;
	height: 120px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	position: relative;
	overflow: hidden;
}
#blogWrp ul li .blogbox a img {
	width: auto;
	height: 120px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
#blogWrp ul li .blogbox a p.txt12 {
	margin-top: -12px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.right_clm {
	float: right;
	width: 45%;
}
#newsWrp {
	width: 90%;
	margin: 0 auto;
	position: relative;
}
#news_tit {
	margin-bottom: 25px;
}

#newsbox {
	height: 560px;
	overflow-y: scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.news {
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	height: auto;
	min-height: 100px;
}
.news .thumb {
	width: 90px;
	height: 90px;
	float: left;
	margin-right: 10px;
	overflow-x: hidden;
	position: relative;
	margin-top: 5px;
}
.news .thumb img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.news h2 .shop_name {
	font-size: 13px;
}
.news h2 .date {
	font-size: 10px;
	margin-left: 15px;
}
.news p {
	font-size: 11px;
	line-height: 20px;
}
#salonWrp {
	margin-top: 80px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 20px;
}
.salon_tit {
	margin-bottom: 25px;
}
.salon_tit img {
}
.areabox {
	margin-bottom: 30px;
}

.areabox table {
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	margin-bottom: 15px;
}
.areabox table tr {
}
.areabox table tr td {
	line-height: 30px;
}
.areabox table tr td:nth-child(1) {
	background-image: url(../img/top/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	vertical-align: middle;
	width: 65px;
	background-size: 15px auto;
}
.areabox table tr td:nth-child(2) {
}
.areabox table tr td span  {
	display: inline-block;
	line-height: 14px;
	vertical-align: top;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 5px;
}
.areabox table tr td span small {
	color: #888888;
}

#s_list   {
	width: 100%;
	height: auto;
	margin-top: 40px;
}
#s_list ul {
	width: 99%;
	height: auto;
	text-align: left;
	margin-left: 1%;
}
#s_list ul li {
	width: 23%;
	height: auto;
	display: inline-block;
	margin-bottom: 75px;
	margin-left: 1%;
	vertical-align: top;
}
#s_list ul li .salonbox   {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 220px;
}
.salonbox .s_img {
	width: 100%;
	height: auto;
}
.salonbox .s_img img {
	width: 100%;
	height: auto;
}
.salonbox .s_img .reserve {
	border-radius: 10px;
	background-color: #FFFFFF;
	z-index: 2;
	position: relative;
	width: 80%;
	margin: 0 auto;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	top: -27px;
	max-width: 173px;
	padding-bottom: 0px;
	height: auto;
}
.salonbox .s_img .reserve a{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.salonbox .s_img .reserve::before,
.salonbox .s_img .reserve::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.salonbox .s_img .reserve,
.salonbox .s_img .reserve::before,
.salonbox .s_img .reserve::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	
}
.salonbox .s_img .reserve a:hover {
	opacity: 0.7;
}
.salonbox .s_addr {
	margin-top: -10px;
}
.salonbox .s_addr h2 {
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 3px;
}
.salonbox .s_addr p {
	margin-left: 2px;
	line-height: 18px;
}
.salonbox .s_addr .txt12 {
	line-height: 15px;
	letter-spacing: 0px;
	margin-bottom: 5px;
}
.s_addr .tel  {
	font-size: 15px;
	letter-spacing: 1px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.s_addr .tel:before  {
	content: "TEL";
	font-size: 13px;
}
.s_addr span {
	padding-top: 11px;
	margin-left: 1px;
}
.s_addr span img {
	width: 31%;
	height: auto;
}

#brandWrp {
	background-color: #EBEBE8;
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 50px;
	margin-top: 20px;
}
.brand_logo {
	padding-top: 50px;
	padding-bottom: 50px;
}
.brandbox {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.brandbox ul {
	width: 100%;
	text-align: left;
	height: auto;
	margin-left: 2%;
}
.brandbox ul li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 22%;
	margin-left: 1%;
	margin-bottom: 40px;
	margin-right: 0px;
}

figure {
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	height: auto;
	text-align: center;
}
figure a img {
	width: 100%;
	margin: 0 auto;
	height: auto;
	max-width: 172px;
}
figure figcaption {
	margin-top: 15px;
	text-align: center;
	margin-bottom: 0px;
	padding: 0;
	margin-left: auto;
	font-size: 13px;
	margin-right: auto;
}
#snsWrp {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.insta_tit {
	margin-bottom: 35px;
}

.fb_tit {
	margin-bottom: 33px;
}
.right_clm iframe {
	margin: 0 auto;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

@media screen and (max-width:768px){
/*コロナ対策*/
.colona {
  width: 90%;
  text-align: left;
  letter-spacing: .1em;
  margin: 0 auto;
  padding-top: 20px;
}
.colona h2 {   
  width: 90%;
  padding-top: 40px;
  font-size: 120%;
  font-weight: 600;
  text-align: center;
}
.colona_wrap {
  margin: 4% 0 8% 0;
}
.colona_product_text {
  text-align: left;
}
.colona .text {
  font-size: 100%;
  font-weight: 600;
  margin: 20px 0;
  text-align: center;
}
.colona li {
  list-style-type: decimal;
  margin-left: 20px;
}
.colona .colona_box {
  width: 98%;
  margin: 0 auto;
  display: inline-block;
}
.colona a {
  border-bottom: 1px solid #262626;
  opacity: 0.7;
}
.colona a:hover {
  opacity: 0.5;
}
.colona table {
  width: 100%;
  margin: 20px auto;
}
.colona .movie {
  text-align: center;
}
.colona_product img {
    width: 50%;
}
/*
.colona p:nth-of-type(1) {
  text-align: center;
}
*/

.cntentsWrp {
	width: 100%;
	margin-top: 80px;
}
.cntentsWrp ul {
	padding-left: 4%;
}
.cntentsWrp ul li {
	width: 45%;
	margin-right: 4%;
	margin-left: 0px;
}
.cntentsWrp ul li  img {
	width: 100%;
	height: auto;
	min-width: 100px;
}
.contents_box {
	width: 100%;
}
.contents_box .cmt_box {
	padding-left: 5px;
}
.cmt_box h2 {
	font-size: 12px;
}
.cmt_box p:nth-child(2)  {
	font-size: 14px;
}
.cmt_box p {
	font-size: 12px;
}
.more .button {
	width: 50%;
	max-width: 109px;
	max-height: 36px;
}
#styleWrp {
	margin-top: 0px;
	margin-bottom: 0px;
}
.style_logo {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	max-width: 274px;
}
.style_logo h1 img {
	width: 100%;
	height: auto;
}
.rolebox {
	width: 100%;
	height: auto;
}
.rolebox ul {
	width: 90%;
	height: auto;
}
.role {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 50%;
}
.role a img {
	width: 90%;
	height: 200%;
	max-width: 173px;
}
.stylebox {
	text-align: center;
}
.stylebox ul {
	width: 100%;
	height: auto;
}
.stylebox ul li {
	width: 45%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	height: auto;
}
.style_img {
	margin: 0 auto;
	float: none;
	min-width: 90%;
	max-width: 90%;
	max-height: 100%;
}
.style_img:after {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	left: 5%;
}
.style_img img {
	width: 90%;
	height: auto;
	left: auto;
}
.style_img:after {
	width: 220%;
	height: 210%;
}
#contentsWrp {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.left_clm {
	width: 100%;
	float: none;
	margin-top: 50px;
}
	
#movieWrp {
}
#movieWrp #movie_tit {
	width: 20%;
	margin-right: auto;
	margin-left: auto;
	min-width: 80px;
	max-width: 107px;
}
#movieWrp #movie_tit img {
	width: 100%;
	height: auto;
}
#ytWrp {
}
#ytWrp .Wrp{
	width: 100%;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
#ytWrp .yt {
}
#eventWrp {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#eventWrp .event_tit  {
	width: 31%;
	margin-right: auto;
	margin-left: auto;
}
#eventWrp .event_tit h1 img {
	width: 100%;
	height: auto;
	max-width: 113px;
}
	
#pressWrp {
	float: none;
	margin-top: 100px;
}
#pressWrp .press_tit {
	margin-right: auto;
	margin-left: auto;
	width: 25%;
}
#pressWrp .press_tit h1 img {
	width: 100%;
	height: auto;
	max-width: 97px;
}
#pressWrp .event {
	margin-bottom: 60px;
}
#pressWrp ul {
	text-align: left;
}
#pressWrp ul li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 49%;
	text-align: center;
	margin-bottom: 20px;
}
#pressWrp ul li a img {
	width: 80%;
	height: auto;
	max-width: 165px;
}
#blogWrp {
}
#blogWrp .blog_tit {
	width: 22%;
	margin-right: auto;
	margin-left: auto;
	max-width: 88px;
}
#blogWrp .blog_tit h1 img {
	width: 100%;
	height: auto;
}
#blogWrp ul {
	width: 100%;
	height: auto;
	text-align: left;
}
#blogWrp ul li {
	width: 49%;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	height: auto;
}
#blogWrp ul li .blogbox {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 5px;
	max-width: 150px;
}
#blogWrp ul li .blogbox a .thumb {
	width: auto;
	height: 140px;
}

#blogWrp ul li .blogbox a img {
	height: 100%;
	width: auto;
}
.right_clm {
	margin-left: auto;
	width: 100%;
	margin-right: auto;
	float: none;
	position: relative;
	margin-top: 0px;
	margin-bottom: 50px;
}
#newsWrp {
	border: 1px solid #CCCCCC;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding-left: 5%;
	float: none;
	width: 80%;
}
#news_tit {
	width: 21%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	max-width: 95px;
	min-width: 65px;
	margin-top: 20px;
}
#news_tit h1 img {
	width: 100%;
	height: auto;
}
#newsbox {
}
.news {
	border-bottom-style: dotted;
}
#salonWrp {
	margin-bottom: 50px;
}
#salonWrp .salon_tit {
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	max-width: 191px;
}
#salonWrp .salon_tit h1 img {
	width: 100%;
	height: auto;
}
#salonWrp .areabox {
}
#salonWrp .areabox ul {
	line-height: 20px;
}
#salonWrp .area_li {
	width: 100%;
	margin-bottom: 15px;
}
#salonWrp #s_list ul li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	width: 49%;
	margin-bottom: 30px;
	height: auto;
	text-align: center;
}
#s_list ul li .salonbox {
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.salonbox .s_img {
	width: 100%;
	height: auto;
}
.salonbox .s_img img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	max-width: 173px;
}
.salonbox  .s_img .reserve {
	width: 60%;
	height: auto;
	top: -21px;
}
.salonbox .s_img .reserve a img {
	width: 100%;
	height: auto;
}
.salonbox .s_addr {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: -17px;
}
.salonbox .s_addr h2 {
	font-size: 14px;
}
.salonbox .s_addr p {
	line-height: 20px;
	font-size: 12px;
}
.salonbox .s_addr .tel  {
	font-size: 14px;
}
.salonbox .s_addr span img {
	width: 30%;
	height: auto;
}
#brandWrp {
	margin-bottom: 0px;
}

.brand_logo {
	width: 25%;
	margin: 0 auto;
	height: auto;
}
.brand_logo h1 img {
	width: 100%;
	height: auto;
	max-width: 110px;
}
.brandbox {
}
.brandbox ul {
}
.brandbox ul li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	width: 49%;
	margin-bottom: 30px;
}
.brand_img {
	margin: 0 auto;
}
#snsWrp {
	margin-top: 0px;
}

#instagramWrp {
	float: none;
	margin-bottom: 50px;
	margin-top: 0px;
}
.left_clm {
	float: none;
}
.insta_tit {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	max-width: 241px;
	margin-top: 0px;
}
.insta_tit h1 img {
	width: 100%;
	height: auto;
	max-width: 241%;
}
.fb_tit {
	margin-bottom: 36px;
}

}

@media screen and (max-width:480px){
* {
}
/*コロナ対策*/
.colona {
  margin-bottom: 100px;
  text-align: left;
  letter-spacing: .1em;
}
.colona h2 {   
  width: 90%;
  padding-top: 20px;
  font-size: 130%;
  font-weight: 600;
  text-align: center;
  line-height: 1.5em;
}
.colona .text {
  font-size: 100%;
  font-weight: 600;
  margin: 20px 0;
  text-align: center;
}
.colona p:nth-of-type(1) {
  text-align: left;
}
.colona li {
  list-style-type: decimal;
  margin-left: 20px;
}
.colona .colona_box {
  width: 98%;
  margin: 0 auto;
  display: inline-block;
}
.colona a {
  border-bottom: 1px solid #262626;
  opacity: 0.7;
}
.colona a:hover {
  opacity: 0.5;
}
.colona table {
  width: 94%;
  margin: 20px auto;
}
.colona .view_pc {
  display: none;
}
.colona .view_sp {
  display: block;
}
.colona_product img {
    width: 70%;
}
/*--------------*/

.innerContents .read {
	margin-bottom: 70px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	margin-top: -20px;
}
#carousel {
}
.cntentsWrp {
	margin-top: 75px;
}
.cntentsWrp ul {
	text-align: center;
	padding-left: 0px;
}
.cntentsWrp ul li {
	width: 94%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.cntentsWrp ul li .contents_box {
	max-width: 300px;
}
.cntentsWrp ul li .contents_box .content_img {
	margin-right: auto;
	margin-left: auto;
}
.more {
	margin-top: -10px;
}
#styleWrp {
	margin-bottom: -70px;
}
.rolebox ul {
	width: 100%;
	height: auto;
}
.role {
	width: 50%;
	margin-bottom: 10px;
	height: 35px;
}
.role a img {
	height: 200%;
	width: 95%;
	max-width: 150px;
}
.stylebox ul {
	text-align: left;
	width: 102%;
	margin-left: -1%;
}
.stylebox ul li {
	width: 48%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.style_img      {
	min-width: 100%;
	max-width: 0%;
}
.style_img figcaption h2 {
	padding-top: 5px;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 5px;
	font-size: 12px;
}
#movieWrp {
	margin-bottom: 30px;
}
#pressWrp {
	margin-top: 0px;
}
#pressWrp .press_tit.event_tit {
	min-width: 90px;
}
#pressWrp .event {
	margin-bottom: 40px;
}
#pressWrp ul {
	margin-bottom: 30px;
}
#blogWrp {
	margin-bottom: 40px;
}
#blogWrp ul li .blogbox {
	font-size: 12px;
}
#blogWrp ul li .blogbox a .thumb {
	width: auto;
	height: 88px;
}
#blogWrp ul li .blogbox a img {
}
#newsWrp {
	width: 80%;
}
#newsWrp #news_tit h1 {
}
#newsbox .news .thumb {
	width: 60px;
	height: 60px;
}
#newsbox .news .thumb img {
}
#newsbox .news .shop_name {
	font-size: 14px;
}
#newsbox .news h2 {
	font-size: 14px;
}
#newsbox .news p {
	font-size: 12px;
}
.areabox table {
	width: 90%;
}
.areabox table tr td span {
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 3px;
}
#salonWrp {
	margin-top: 0px;
}
#s_list ul li .salonbox {
	width: 95%;
	max-width: 170px;
}
.salonbox .s_img .reserve {
	width: 80%;
}
.salonbox .s_addr {
	padding-left: 5px;
}
.salonbox .s_addr h2 {
	font-size: 13px;
	text-align: left;
}
.salonbox .s_addr p {
	line-height: 18px;
	font-size: 10px;
	text-align: left;
	margin-left: 4px;
}
.salonbox .s_addr .tel {
	font-size: 11px;
}
.salonbox .s_addr span img {
	width: 46%;
	font-size: 0px;
	display: inline-block;
	float: left;
	margin-bottom: 3px;
	max-width: 68px;
	margin-right: 3px;
}
#brandWrp {
	margin-bottom: -10px;
}
#brandWrp .brand_logo {
	padding-top: 30px;
	padding-bottom: 30px;
}
.brandbox figure .brand_img {
	max-width: 145px;
	min-width: 120px;
}
#snsWrp {
	margin-top: 0px;
}
#instagramWrp {
	margin-bottom: 0px;
}
#facebookWrp {
	display: none;
}
}