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

/*-----------------------------------------------------
	html tags
-------------------------------------------------------*/
html {
	overflow-y: scroll;
}
/*body {
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	color:#666666;
	background:#FFF;
	font: 13px/1.231 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	width: 100%;
}*/
img {
	border: 0;
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.6;
}
li {
	list-style: none;
}
address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}
table {
	border-collapse: collapse;
	font-size: 100%;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #313131;
	text-decoration: none;
}
/*
     font size index
 70% =  9px   131% = 17px
 77% = 10px   139% = 18px
 85% = 11px   147% = 19px
 93% = 12px   154% = 20px
100% = 13px   162% = 21px
108% = 14px   170% = 22px
116% = 15px   177% = 23px
124% = 16px   185% = 24px
*/


/*固定ヘッダー*/
#headerFix{
	position:fixed;
	width:100%;
	z-index:1000;
}
#headerFix h1 {
	padding:10px;
	border-bottom:1px #cccccc solid;
}
#headerFix h1 a img {
	width: 52px;
}
/*スライドメニュー*/
#headerFix .slideMenu .slideBtn{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	width:45px;
	height:44px;
	border-left:1px #cccccc solid;
}
#headerFix .slideMenu .slideBtn img {
	width:100%;
	height:auto;
}
#headerFix .slideMenu ul {
	display:none;
}
#headerFix .slideMenu li {
	/*background:#f9f9f9;*/
	text-align:left;
	font-size:85%;
	width:50%;
	float:left;
}
#headerFix .slideMenu li a {
	display:block;
	padding:10px;
	/*background:#efefef;*/
	border-bottom:1px #cccccc solid;
	/*font-size:108%;*/
	font-weight:bold;
}

#headerFix .slideMenu li a:nth-child(odd) {
	border-right:1px #cccccc solid;
}

/*************************/

#headerFix .slideMenu li a {
	position: relative;
	display: block;
	padding: 15px 25px 15px 15px;
	border-bottom: 1px solid #ccc;
}
#headerFix .slideMenu li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*************************/

#headerFix , #header {
	/*background-color: #fbfbfb;*/
	background-color:rgba(251,251,251,0.9);
}
#headerFix ~ #main {
	padding:47px 0 0;
}








/*--------------*/



#box{
	width:100%;
	height:240px;
	/* border-top:solid #6e6e6e 5px; メインの上 のグレーのライン */
	/* border-bottom:solid #000000 15px; メイン下の黒のライン */
}


/*--------------*/




article h2 {
	margin:0px 0px 12px 0px;
	font-size:80%;
	font-weight:normal;
}


article h3 {
	color:#b5a179;
	font-weight:bold;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}


article h2.t_line {
	padding:15px 0px 0px 0px;
	background:url(../png/h2_bg.png) no-repeat center top;
}


.line_top {
	padding:30px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	background:url(../png/h2_bg.png) no-repeat center top;
}


.damion{
	font-family: 'Damion', cursive;
	font-display: swap;
	font-size:210%;
	color:#b5a179;
	font-weight:normal;
}


article div{
	padding:10px;
}



.con{
	margin:0px 0px 0px 0px;
	text-align:left;
	font-size:93%;
}

.con_02{
	margin:0px 0px 30px 0px;
	text-align:left;
	font-size:93%;
}

.con h2,.con_02 h2{
	margin:0px;
	padding:0px;
	color:#b5a179;
	font-size:100%;
}




#top_blog ul,#top_blog li{
	margin:0px;
	padding:0px;
}

#top_blog li{
	clear:both;
	width:100%;
	height:60px;
	line-height:1.2em;
	text-align:left;

	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}


#top_blog li:nth-child(even){
background:#eeeeee;
}

#top_blog li:nth-child(odd){
background:#ffffff;
}


#top_blog li a{
	display:block;
	padding:10px;
	width:100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#top_blog li img{
	float:left;
	margin:0px 10px 0px 0px;
	text-align:center;
}

#top_blog li span{
	color:#7f7361;
	font-size:77%;
	text-align:right;
}




/*ul#top_salon{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}*/

#family_salon{
	margin:0px 0px 50px 0px;
}


#top_salon li,#family_salon li,#top_newbrand li{
	clear:both;
	width:100%;
	line-height:1.2em;
	text-align:left;
	font-size:108%;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#top_salon li:nth-child(even),#family_salon li:nth-child(even),#top_newbrand li:nth-child(even){
background:#eeeeee;
}

#top_salon li:nth-child(odd),#family_salon li:nth-child(odd),#top_newbrand li:nth-child(odd){
background:#ffffff;
}


#top_salon li a,#family_salon li a,#top_newbrand li a{
	display:block;
	padding:10px;
	height:100px;
	color:#666;
}

#top_salon li img,#family_salon li img,#top_newbrand li img{
	float:left;
	padding:0px 10px 0px 0px;
	text-align:center;
}

#top_salon li span,#family_salon li span,#top_newbrand li span{
	color:#999999;
	font-size:77%;
}




.bottom_list{
	margin:20px auto 25px;
	width:98%;
}


.bottom_list div{
	float:left;
	width:31.3%;
	margin:0px 1% 5px;
	padding:7px 0px;
	background:#aaa;
	color:#FFF;
	font-size:93%;
	border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

.bottom_list.aoyama div{
	background:#c1b08e;
}

.bottom_list.rita div{
	background:#443e31;
}

.bottom_list.omotesando div{
	background:#444444;
}

.bottom_list.amelie div{
	background:#444444;
}

.bottom_list.ovarl div,.bottom_list.ovarl_jingumae div{
	background:#333333;
}

.bottom_list.jeno div{
	background:#aaaaaa;
}

.bottom_list.ginza div{
	background:#625c50;
}

.bottom_list.cherie div{
	background:#e2785d;
}

.bottom_list.kokubunji div{
	background:#cf8f35;
}

.bottom_list.color div{
	background:#c98ea8;
}

.bottom_list.coco div{
	background:#abd6e3;
}

.bottom_list.ciena div{
	background:#3989a4;
}

.bottom_list.namikidori div{
	background:#d5c6b1;
}

.bottom_list.mila div{
	background:#aaaaaa;
}

.bottom_list div a{
	color:#FFF;
}



#topics{
	margin:0px 0px 30px;
}


#top_topics li,#topics li{
	clear:both;
	width:100%;
	line-height:1.2em;
	text-align:left;
	font-size:85%;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#top_topics li:nth-child(even),#topics li:nth-child(even){
background:#eeeeee;
}

#top_topics li:nth-child(odd),#topics li:nth-child(odd){
background:#ffffff;
}


#top_topics li a,#topics li a{
	display:block;
	padding:10px;
	min-height:80px;
	color:#666;
}

#top_topics li img,#topics li img{
	float:left;
	padding:0px 10px 20px 0px;
	text-align:center;
}

#top_topics li p,#topics li p{
	font-size:77%;
}

#top_topics li span,#topics li span{
	color:#999999;
	font-size:77%;
}





.salon_sns{
	margin:20px 0px;
}



/*****************/



.top_collection_2020ss{
	width:96%;
	margin:2% auto;
	padding: 2%;
	background-color: #fff;
	border: solid 1px #aaa;
	box-sizing: border-box;
	font-family: 'Caveat', cursive,'Noto Sans JP', sans-serif;
	font-display: swap;
}

.top_collection_2020ss ul{
	display: flex;
}

.top_collection_2020ss li{
	width:33.333333333%;
	justify-content: space-between;
}

.top_collection_2020ss li img{
	width:100%;
  height:auto;
  vertical-align: bottom;
}

.hair2020ss_title{
	text-align:center;
	font-family: 'Caveat', cursive;
	font-display: swap;
	font-size: 131%;
	margin: 2% 0;
	line-height: 1.2;
}

.hair2020ss_title .m{
	font-size: 77%;
}

/*****************/


#instagram{
	clear:both;
	padding:0;
}

#instagram ul{
	width:96%;
	margin:0 auto;
}

#instagram li{
	float:left;
	width: 31%;
	height: 31%;
	/*max-width: 150px;*/
	position: relative;
	margin:1%;
}

#instagram li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

#instagram li a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#instagram li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
}


.instagram{
	text-align:left;
	color:#666;
}

.insta_list{
}

.insta_list ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  /* margin: 3vw 0 2vw; */
  margin: 0 0 2vw;
}

/* .insta_list img{
  width: 13vw;
  padding: 0 .25vw;
} */


/*************************/


.f_menu{
	text-align:left;
	background:#000;
	color:#fff;
	border-top: 1px solid #666;
}


.f_menu div {
	position: relative;
	height: 0;
	overflow: hidden;
	/*box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;*/
}
.f_menu input:checked + label::after {
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.f_menu:checked ~ div {
	height:auto;
	border-bottom: 1px solid #666;
}


.f_menu ul li a {
	position: relative;
	display: block;
	background:#333;
	padding: 12px 25px 12px 10px;
	border-bottom: 1px solid #666;
}
.f_menu ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.f_menu ul li a:link {
	color: #fff;
	text-decoration: none;
}
.f_menu ul li a:visited {
	color: #fff;
	text-decoration: none;
}


.f_menu ul li span {
	font-size:85%;
}

/*************************/


.accordion{
	text-align:left;
	background:#000;
	color:#fff;
}


.accordion input {
	display: none;
}
.accordion label {
	position: relative;
	display: block;
	padding: 10px;
	border-bottom: 1px solid #333;
	cursor: pointer;
}

.accordion label span{
	font-size:77%;
}

.accordion label::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -7px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.accordion div {
	position: relative;
	height: 0;
	overflow: hidden;
	/*box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1) inset;
	transition: height .2s ease-in-out;*/
}
.accordion input:checked + label::after {
	margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion input:checked ~ div {
	height:auto;
	border-bottom: 1px solid #666;
}




/*************************/

.accordion ul li a {
	position: relative;
	display: block;
	background:#333;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px solid #666;
}
.accordion ul li a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*************************/

.accordion ul li a:link {
	color: #fff;
	text-decoration: none;
}
.accordion ul li a:visited {
	color: #fff;
	text-decoration: none;
}


.accordion ul li span {
	font-size:85%;
}


/*
top image
*/


/*#portfolio{
margin:0px auto 0px;
padding:0px;
width:320px;
}*/

/*#portfolio li{
	position:absolute;
}*/


/*#portfolio img{
margin:0px;
padding:0px;
}


.slider {
	position:relative;
	background:#fff url(../img/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
}*/



/*.title{
border-style:solid;
border-width:1px 0px 1px 0px;
border-color:#ab9488;
padding:10px;
text-align:left;
background:#bdaca3 url(../../img/arrow_u.gif) no-repeat right;
}*/



#sns{
	margin:20px auto 30px;
	padding:0px;
	width:60%;
}

#sns li{
	float: left;
	margin:0px 6%;
	padding:0px;
	width:13%;
}

#sns li img{
	width:100%;
}



/*.twitter{
	float:left;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:35px;
}

.fb-like{
	height:35px;
}
*/

.imgtext img{
	vertical-align:middle;
}

.s{
	font-size:11px;
}

.brown{
	color:#bdaca3;
}

/* 赤色 */
.red {
	color:#cc0000;
}



/*************************/

.sns_bottom{
	border-bottom:1px solid #333;
	height:auto;
	max-height:auto;
	-webkit-font-smoothing:antialiased;
	padding:1em 0 .5em 1em;
	overflow:hidden;
	background:#000;
	border-top:solid #6e6e6e 5px;
	}

.sns_bottom div{
	float:left;
	margin-right:3px
	}


	.google_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

	.google_map iframe,
	.google_map object,
	.google_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/*------------------------------------------------------------
	スタッフリスト トップページ
------------------------------------------------------------*/

.staff_member_top {
}

.staff_member_top ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-self: start;
	/* justify-content:space-evenly; */
}

.staff_member_top li{
	width: 25%;
	margin-bottom: 5%;
}

.staff_member_top img{
	width: 90%;
}


/*------------------------------------------------------------
	スタッフリスト
------------------------------------------------------------*/

.staff_member{
	margin:0px auto 50px;
	padding:0px;
	width:98%;
}


.staff_member ul{
	margin:0px;
	padding:0px;
	display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}


.staff_member li{
	float:left;
	margin:0px 0px 30px;
	width:50%;
	/* height:220px; */
	text-align:center;
	line-height:1.4em;
}

.staff_member li span{
	font-size:70%;
	color:#999;
}

.staff_member li span:first-of-type{
	line-height:1.1em;
}

.staff_member li img{
	width: 80%;
}




/*------------------------------------------------------------
	プロフィール
------------------------------------------------------------*/

#profile_photo{
	margin:15px 0px 10px 0px;
	/* height:300px;
	overflow: hidden; */
}

.profile{
	text-align:left;
	font-size:93%;
}

.profile span{
	color:#bdaca3;
}

#profile_sns{
	margin:5px 0px;
}

#profile_sns img{
	margin:0 6px;
	width: 36px;
}

/*#staff_profile ul{
	margin:0 auto;
	width:230px;
}

#staff_profile li{
	float:left;
	width:115px;
	height:30px;
	overflow: hidden;
}

#staff_profile li a{
	height:30px;
}*/

#staff_profile span.s_b{
	font-size:85%;
}

#staff_profile h2 span{
	font-size:77%;
	font-weight:normal;
}

#profile_tel span{
	font-size:85%;
}

#profile_tel span.tel{
	color:#b5a179;
}



/*------------------------------------------------------------
	テキストインフォメーション
------------------------------------------------------------*/

.info_text{
	font-family: "游ゴシック", YuGothic,"Roboto Condensed", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-display: swap;
	text-align: inherit;
	line-height: inherit;
	text-align: left;
	line-height: 1.8em;
	width: 90%;
	margin: 10% auto;
}

.info_text h1{
	margin:0 0 10% 0;
	font-size: 124%;
	font-weight: normal;
}

.info_text h1+img{  /* h1の次にくるimgには */
	margin-top: 0px;
}

.info_text p{
}

.info_text .b{
	font-weight: bold;
}

.info_text .u{
	text-decoration: underline;
}

.info_text .c{
	text-align: center;
}

.info_text .r{
	text-align: right;
}

.info_text img{
	width: 100%;
	margin: 5% auto;
}

.info_text img.info_text_photo{
	margin: -5% auto 5%;
}

img.qr{
	width: 40%;
}


.info_text div.info_4photos{
	display: flex;
	flex-wrap: wrap;
}

.info_text div.info_4photos img{
	width: 50%;
}



.photo_gallery{
}

.photo_gallery ul{
	width: 100%;
  overflow-x: auto;
  white-space: nowrap; /* 横にスライドさせる。ただし文字が折り返しをしないので、liで解除する。 */
}

.photo_gallery li{
  width: 70%;
  margin: 0 1% 24px;
  display: inline-block;
  white-space: initial; /* 横にスライドのdivの中に折り返しをつける */
}

.photo_gallery img{
}


/* 980：PC（デスクトップ/タブレット横）	 */
@media screen and (min-width: 768px){

}


/* 980以上：PC（デスクトップ） */
@media screen and (min-width: 980px){
	.photo_gallery ul{
		overflow-x: initial;
		white-space: initial;
		display: flex;
		flex-wrap: wrap;
	}

	.photo_gallery li{
    display: initial;
    width: 45%;
	}
}



/*------------------------------------------------------------
	NEWSシステム
------------------------------------------------------------*/

/*** News list css start ***/
/******************************/

div.pan{
  /* max-width: $l-width; */
  margin: 0 auto;
  padding: 16px;
	text-align: left;
	font-size: 10px;
}


.en_upp{
	text-transform: uppercase; /* すべての文字を大文字*/
}


.news-list {
	width: 90%;
  margin: 16px auto;
  padding: 0;
}

.news-list li {
	border-bottom: 1px dashed #999;
  padding-top: 8px;
  padding-bottom: 8px;
	text-align: left;
	font-size: 12px;
}

.news-list li:first-child {
	border-top: 1px dashed #999;
}

.news-list a {
}

.news-list time {
  flex: 0 0 auto;
}

.news-list img {
  /* margin-bottom: 2px;
  margin-right: 8px; */
}

#contents .news-list p {
	margin: 0;
}


.con_t{
	clear:both;
	margin:24px auto 0;
}

.con_tb{
	clear:both;
	margin:24px auto 48px;
}

.tb{
	clear:both;
	margin:4% auto 8%;
}

.con_c{
	clear:both;
	margin:0px auto 0px;
	text-align:center;
}

.con_in {
	/* width:94%; */
  margin: 0 auto;
}


.news-list-guide h2{
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}

.news-list-guide{
	text-align: left;
	padding: 8px 0px 0px 0px;
	background: url(../png/h2_bg.png) no-repeat center top;
}

.news-list-guide time{
	font-size: 10px;
}

.news-list-guide img {
	width: 100%;
}

.news-list-guide a:link,.news-list-guide a:visited {
	text-decoration: underline;
}

.instagram_embed_code .con_in{
	max-width: 480px;
}

/*** News list css end ***/
/******************************/




/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

.up_b{
	text-align:right;
	padding:10px;
}


#gFooter {
	padding:10px 0px 30px;
	text-align:center;
	font-size:77%;
	background:#000;
	color:#fff;
	/*border:solid #333333;
	border-width:1px 0px 0px 0px;*/
}

#gFooter div{
	padding:10px 0px 0px;
}

.footerlist{
	margin:0;
	text-align:left;
	/*width:285px;*/
}

.footerlist li{
	padding:5px 10px;
}

/*#gFooter small{
	font-size:85%;
}*/

#gFooter a:link {
	color: #fff;
	text-decoration: none;
}
#gFooter a:visited {
	color: #fff;
	text-decoration: none;
}





.bottom{
	width:60%;
	margin:30px auto 30px;
	padding:8px 5px;
	background:#333;
	color:#FFF;
	font-size:93%;
	border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

.bottom_g{
	width:60%;
	margin:30px auto 30px;
	padding:8px 5px;
	background:#b5a179;
	color:#FFF;
	font-size:93%;
	border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

.bottom a ,.bottom_g a{
	display:block;
}

.bottom a:link ,.bottom_g a:link {
	color:#FFF;
	text-decoration: none;
}
.bottom a:visited ,.bottom_g a:visited {
	color:#FFF;
	text-decoration: none;
}

.shadowimg{
	border:#e8e8e8 solid 1px;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(100, 100, 100, 0.2);
}

.shadowimg_g{
	border:#e5dac5 solid 1px;
	box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.08) inset, 0 14px 10px -8px rgba(100, 100, 100, 0.2);
}



#under_banner{
	margin:15px 0;
}





.top_banner a:link,.top_banner a:visited {
	/* font-size:13px;
	font-weight:500; */
	/* width:70%; */
	/* max-width: 320px; */
	margin:8% auto 5%;
	/* padding:3% 0; */
	display:block;
	/* border:solid 1px #333;
	background: #fff; */
	text-align:center;
	letter-spacing:0.1em;
	/* color: #000; */
}

.top_banner a:hover,.top_banner a:active {
	display:block;
}

.button_top_banner a:link,.button_top_banner a:visited {
	font-size:13px;
	font-weight:500;
	width:70%;
	max-width: 320px;
	margin:8% auto 5%;
	padding:3% 0;
	display:block;
	border:solid 1px #333;
	background: #fff;
	text-align:center;
	letter-spacing:0.1em;
	color: #000;
}

.button_top_banner a:hover,.button_top_banner a:active {
	display:block;
}




#movie{
	width: 94%;
	margin: 0 auto;
}

.frame_video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-top: 15px;
}

.frame_video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}




.u {
	text-decoration: underline;
}

.b {
	font-weight:bold;
}
/* 
.u{
	border-bottom: 1px solid;
	padding-bottom: 3px;
} */



/* 赤色 */
.red {
	color:#cc0000;
}


/* 青色 */
.blue {
	color:#0fa7b5;
}


/* 緑色 */
.green {
	color:#a8cb1d;
}


/* ピンク色 */
.pink {
	color:#fa6499;
}

.pink16_b {
	color:#fa6499;
	font-size:16px;
	font-weight:bold;
}



.spink {
    color:#f245ab;
	}


/* オレンジ色 */
.orange {
	color:#ff9c00;
}

/* 黄色 */
.yellow {
	color:#ffd800;
}


/* 紫色 */
.purple {
	color:#a80a6e;
}


/* 灰色 */
.sgray {
	color:#aaaaaa;
}

.gray {
	color:#777777;
}



/* 水色 */
.lightblue {
	color:#55a8c5;
}


/* 金色 */
.gold {
	color:#744c00;
}








/*
Back to top button
*/
#backside {
	position: fixed;
	bottom: 40px;
	right: 10px;
}

#backside img{
	width: 100%;
}

#backside a {
	width: 30px;
	height: 30px;
	overflow:hidden;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#backside a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#backside span {
	width: 30px;
	height: 30px;
	display: block;
	margin-bottom: 7px;
	text-indent:-9999px;
	/* rounded corners */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}


.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}



.clear {
	clear:both;
}


.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{
    display: inline-block;
}
/* clearfix for ie7 */
.clearfix {
    display: block;
}


#kirikaePc{
	color:#999;
	font-size:108%;
}

#kirikaePc a:link,#kirikaePc a:visited{
	color:#fff;
}



/*#anchorToPcInSp{
	color:#999;
	font-size:108%;
}

#anchorToPcInSp a:link,#anchorToPcInSp a:visited{
	color:#fff;
}*/