@charset "utf-8";

html {
	font-size: 62.5%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	color: #666666;
	letter-spacing: 0.03em;
	-webkit-animation: fadeIn 1s ease 0s 1 normal;
    animation: fadeIn 1s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a {
	color: #666666;
	text-decoration:none;
	margin:0;
	padding:0; 
}
img {  
	max-width: 100%;  
	height: auto; 
	border: none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}  
li {
	list-style:none;
}
ul {
	margin:0;
	padding:0; 
}
div, h1, h2, h3, h4, ol, ul, li, p, dl, dt, form, span {
	margin:0;
	padding:0;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
/*　マウスオーバー半透明  */
.push:hover {
	filter: alpha(opacity=70);
	 -moz-opacity:0.70;
 	opacity:0.70;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

/* =================================== */
/*　ヘッダーナビ  */
/* =================================== */
@media screen and (max-width:760px){
#navmenu .titlemenu {
		display:none;
	}
#navmenu .title {
	width:100%;!important
	text-align:center;
	}	
}
@media screen and (min-width:761px){
#responsivemenu {
		display:none;
	}
}
a {
	text-decoration:none;
}
ul , li {
	padding:0;
	margin:0;
	list-style:none;
}
#navmenu {
	width:100%;
	background-color: rgba(255,255,255,0.9);
	z-index:3;
	padding:15px 10px;
	box-sizing:border-box;
}
@media screen and (min-width:761px){
#navmenu {
	position:fixed;
}
}
#navmenu .navmenu-contents {
	max-width:1000px;
	margin: 0 auto;
}
#navmenu .title {
	width:25%;
	float:left;
	box-sizing:border-box;
}
#navmenu .title img {
	max-width:250px;
}
@media screen and (max-width:760px){
#navmenu {
	padding:5px 10px;
}
#navmenu .title {
	width:20%;
	padding:0;
}
#navmenu .title img {
	max-width:200px;
}	
#navmenu .insta {
	display:none;
}
}
#navmenu .headmenu {
	width:70%;
	float:left;
}
#navmenu .insta {
	width:5%;
	float:right;
	padding-top:20px;
	box-sizing:border-box;
}
#navmenu .insta img {
	max-width:30px;
}
#navmenu .titlemenu {
	float:right;
	text-align:right;
}
#navmenu .titlemenu li {
	display:inline-block;
	box-sizing:border-box;
	padding:10px;
	position: relative;
}
@media screen and (max-width:1000px){
	#navmenu .titlemenu li {
	padding:10px 3px;
}
}
#navmenu .titlemenu li a {
	padding:10px;
	text-decoration:none;
	font-size: 17px;
	font-size: 1.7rem;
	
	position: relative;
  display: inline-block;
  text-decoration: none;
}
#navmenu .titlemenu li a:hover {
	color:#33a77e;
}
#navmenu .title-mainmenu::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #33a77e;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#navmenu .title-mainmenu:hover::after {
  transform: scale(1, 1);
}

.headmenu ul li .submenu {
	display: none;
}
.headmenu ul li:hover .submenu {
	display: block;
}
#navmenu .submenu li {	

}
#navmenu li .submenu a {
	display:block;
	text-align:left;
	padding:0 0 0 20px;
	box-sizing:border-box;
}
#navmenu li .submenu a:hover {
	color:#fff;
}

#navmenu .submenu {
	position:absolute;
	top: 55px;
	z-index: 9999;
	left:0;
	background-color:#eeeeee;
	background-color: rgba(190,190,190,0.3);
}
.sub-list{
	width:140px;
	height:50px;
	text-align:left;
	cursor:pointer;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
}
.sub-list a{	
	line-height:50px;
	transition:all .3s ease;
	z-index:2;
	position:relative;
}
.effect{
	width:140px;
	height:50px;
	left:-140px;
	background:#33a77e;
	background-color: rgba(51,167,126,0.8);
	position:absolute;
	transition:all .3s ease;
	z-index:1;
}
.sub-list:hover .effect{
	left:0;
}

/**レスポンシブナビ**/
#responsivemenu .drawer-hamburger {
	width:3rem;
	background-color:#ffffff;
	top:5px;
	padding:14px .95rem 25px;
}

.r-menu-item {
	color:#333;	
	padding:20px 10px;
	border-bottom:1px solid #CCC;
	display:block;
}
.r-menu-subitem {
	color:#333;	
	padding:10px 20px;
	border-bottom:1px solid #CCC;
	display:block;
}
.r-menu-item:hover ,
.r-menu-subitem:hover {
	color:#33a77e;
}
.r-menu-item img.sm-instaicon {
	width:30px;
}
.r-menu-item img.sm-instaicon:hover {
	opacity:0.6;
}

/* =================================== */
/*　トップページ　スライド  */
/* =================================== */
#imagefade {
	max-width:1200px;
	margin:0 auto;
	/*overflow: hidden;*/
	padding-top:100px;
	position: relative;
	padding-left:10px;
	padding-right:10px;
}
#imagefade .image {
    width: 1200px;
    height: 650px;
    overflow: hidden;
    position: relative;
	z-index:1;
}
#imagefade .image img {
    top: 0;
    left: 0;
    position: absolute;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius:0 50px 0 50px;
}
#imagefade .logotitle {
    top: 45%;
    left: 30px;
    position: absolute;
	z-index:2;
}
@media screen and (max-width:760px){
#imagefade .logotitle {
	display:none;
}
}
@media screen and (max-width:760px){
#imagefade {
	padding-top:50px;
}
}
@media screen and (max-width:1000px){	
#imagefade .image {
    width: 100%;
	height: auto;
}
#imagefade .image img {
	max-width: 100%;
	height: auto;
}
#imagefade .image:before {
    content: "";
    display: block;
    padding-top: 67%; /* 1:1.6 */
}
}


/* =================================== */
/*　トップページ  */
/* =================================== */

/* ----------------------------------- */
/*　共通  */
/* ----------------------------------- */
#index-contents ,
#page-contents  {
	clear: both;
	margin-top:50px;
	margin-bottom:150px;
}
@media screen and (max-width:760px){
#index-contents {
	margin-top:0;
	margin-bottom:50px;
}
#page-contents  {
	margin-bottom:50px;
}
}
#page-contents  {
	clear: both;
	margin-top:50px;
	margin-bottom:150px;
}
#index-contents .contents {
	max-width: 1000px;
	margin:0 auto;
	padding:70px 10px;
}
@media screen and (max-width:760px){
#index-contents .contents {
	padding:50px 10px;
}
}
#page-contents .contents {
	max-width: 1000px;
	margin:0 auto;
	padding:0 10px;
}
#index-contents h2 {
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
	padding-bottom:20px;
	margin-bottom:55px;
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	color:#33a77e;
	background-image:url(../img/kiritori.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
@media screen and (max-width:760px){
#index-contents h2 {
	font-size:25px;
	font-size:2.5rem;
}
}
#page-contents h2 {
	font-size:25px;
	font-size:2.5rem;
	text-align:center;
	padding-bottom:30px;
	font-weight:500;
}
@media screen and (max-width:760px){
#page-contents h2 {
	font-size:20px;
	font-size:2.0rem;
}
}
#page-contents h3 {
	font-size:20px;
	font-size:2.0rem;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#666666;
	border-bottom:1px solid #666666;
	font-weight:normal;
}
#page-contents h4 {
	font-size:20px;
	font-size:2.0rem;
	text-align:center;
	padding-bottom:30px;
}
#page-title {
	max-width: 1200px;
	margin:0 auto;
	padding:100px 10px 0 10px;
}
@media screen and (max-width:760px){
#page-title {
	padding-top:50px;
}
}
#page-title h1 {
	margin:165px 50px;
	padding:5px 15px;
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	font-size:25px;
	font-size:2.5rem;
	display:inline-block;
	background-color: rgba(255,255,255,0.5);
}
@media screen and (max-width:760px){
#page-title h1 {
	margin:100px 20px;
	font-size:20px;
	font-size:2.0rem;
}
}
@media screen and (max-width:480px){
#page-title h1 {
	margin:50px 20px;
}
}
#page-contents .section {
	padding-top:200px;
}
@media screen and (max-width:480px){
#page-contents .section {
	padding-top:100px;
}
}
#page-contents .serviceimage {
	padding-top:50px;
}
#page-contents .sejyutsu-photo p {
	padding-top:5px;
	text-align:center;
}
#page-contents .sejyutsu-image {
	padding-top:30px;
}
#page-contents .sejyutsu-photo {
	padding:30px;
}
@media screen and (max-width:480px){
.rowimg {
	padding-top:15px;
}
}
@media screen and (max-width:480px){
#page-contents p {
	font-size:90%;
}
}
 
/*　マウスオーバー半透明  */
.opacity:hover {
	filter: alpha(opacity=70);
	 -moz-opacity:0.70;
 	opacity:0.70;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
/*　ボタンアニメーション  */
.kakomi-button {
  position: relative;
  display: block;
  padding: 15px 30px;
  border: 1px solid #666666;
  color: #666666;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .2s;
}
.kakomi-button::before,
.kakomi-button::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
}
.kakomi-button::before {
  top: -1px;
  left: -1px;
}
.kakomi-button::after {
  bottom: -1px;
  right: -1px;
}
.kakomi-button:hover {
  color: #33a77e;
}
a.kakomi-button:hover {
	background-color: rgba(51,167,126,0.1);
}
.kakomi-button:hover::before,
.kakomi-button:hover::after {
  width: 100%;
  height: 100%;
}
.kakomi-button:hover::before {
  border-bottom-color: #33a77e;
  border-left-color: #33a77e;
  transition: height .3s, width .3s .3s;
}
.kakomi-button:hover::after {
  border-top-color: #33a77e;
  border-right-color: #33a77e;
  transition: height .3s, width .3s .3s;
}
@media (max-width: 480px) {
.kakomi-button {
  padding: 15px;
}
}
/*　電話ボタン  */
.tel-button {
  display: block;
  padding: 15px 40px;
  border: 1px solid #666666;
  color: #666666;
  text-align: center;
  text-decoration: none;
  outline: none;
}

@media (min-width: 480px) {
.tel-button {
pointer-events: none;
}
}
/*　サービスボタンアニメーション  */
.webyoyaku-button {
  border: 1px solid #666666;
  transition: all .2s;
  border-radius:0 50px 0 50px;
  margin:10px;
}
.webyoyaku-button img {
  border-radius:0 50px 0 50px;
}
.webyoyaku-button:hover {
  color: #33a77e;
  border: 1px solid #33a77e;
}
.webyoyaku-button a {
	display:block;
	border-radius:0 50px 0 50px;
}
.webyoyaku-button a:hover {
	background-color: rgba(51,167,126,0.1);
}
/*　リンクアイコン  */
.icon-link {
	display: inline-block;
    width: 25px;
    height: 15px;
    background: url(../img/link.png) no-repeat;
	vertical-align:middle;
}

/* ----------------------------------- */
/*　コンセプト  */
/* ----------------------------------- */
#top-concept .concept-contents {
	max-width: 1000px;
	margin:0 auto;
	padding:50px 10px 70px 10px;
}
@media screen and (max-width:480px){
#top-concept .concept-contents {
	padding:0 10px 70px 10px;
}
}
#top-concept p {
	line-height:2.0em;
	padding-bottom:10px;
}
@media screen and (max-width:480px){
#top-concept p {
	line-height:1.6em;
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
}
}
#top-concept img {
	border-radius:0 50px 0 50px;
}
#top-concept .concept-title {
	font-size:40px;
	font-family: 'Caveat', cursive;
}
#top-concept .concept-text {
	padding:20px 0;
}
@media screen and (max-width:480px){
#top-concept .concept-title {
	font-size:30px;
	text-align:center;
}
}
#top-concept .family {
	background: linear-gradient(transparent 50%, #f0f0e2 50%);
	margin:5px;
	box-sizing:border-box;
}
@media screen and (max-width:480px){
#top-concept .family {
	display:inline-block;
	width:45%;
	box-sizing:border-box;
	margin:0 5px 5px 5px;
	text-align:center;
}
}
/* ----------------------------------- */
/*　予約・カレンダー  */
/* ----------------------------------- */
#top-reserve .reservetime {
	padding-bottom:30px;
}
#top-reserve .yoyaku-button {
	max-width: 380px;
	margin-top:20px;
}
@media screen and (max-width:480px){
#top-reserve .reserve {
	text-align:center;
	padding-bottom:70px;
}
#top-reserve .reserve img,
#top-reserve .reserve p {
	text-align:center;
}
#top-reserve .yoyaku-button {
	margin:15px auto;
}
}
/* ----------------------------------- */
/*　instagram  */
/* ----------------------------------- */
#instafeed {
	overflow:hidden;
}
#instafeed li {
	width:20%;
	float:left;	
	padding:10px;
	box-sizing:border-box;
}
@media screen and (max-width:480px){
#instafeed li {
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}
}
.trim-wrap{
  position:relative;
  width:100%;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#ffffff;
  display: block;
}
.trim-wrap img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:100%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}


#instafeed li a:hover {
	filter: alpha(opacity=70);
	 -moz-opacity:0.70;
 	opacity:0.70;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

/* ----------------------------------- */
/*　新着情報  */
/* ----------------------------------- */
#top-news {
}
#top-news .news-list{
	width: 100%;
}
#top-news li{
	padding:10px 0;
	border-bottom:1px solid #999;
	text-align:justify;	
}
#top-news li a:hover{
	color:#33a77e;
	text-decoration:none;
}
#top-news .news-day {
	display:inline-block;
	padding-right:15px;
	box-sizing:border-box;
}
@media screen and (max-width:480px){
#top-news .news-day {
	display:block;
	width:100%;
}
}

/* ----------------------------------- */
/*　お問い合わせ  */
/* ----------------------------------- */
#contact .mailicon::before {
	content: "";
	display: inline-block;
	background: url('../img/mail.png')no-repeat;
    background-size: auto;
	background-size: contain;
	width: 28px;
	height: 22px;
	top: 50%;
	left:20px;
	position:absolute;
	transform: translateY(-50%);
	padding-top: 5px;
}
/* =================================== */
/*　コンテンツ  */
/* =================================== */
.page-setsumei {
	text-align:center;
	font-size:110%;
	line-height:2.0em;
	padding-bottom:150px;
}
@media screen and (max-width:480px){
.page-setsumei {
	padding-bottom:50px;
}
}
/*　タイトル  */
.page-image {
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:0 50px 0 50px;
}
.title-hair {
	background-image:url(../img/title-hair.JPG);
}
.title-menu {
	background-image:url(../img/title-menu.JPG);
}
.title-marbb {
	background-image:url(../img/title-marbb.JPG);
}
.title-bymach {
	background-image:url(../img/title-bymach.JPG);
}
.title-info {
	background-image:url(../img/title-info.JPG);
}
.title-reserve {
	background-image:url(../img/title-reserve.JPG);
}
.title-news {
	background-image:url(../img/title-news.JPG);
}
/* ----------------------------------- */
/*　メニュー  */
/* ----------------------------------- */

#manu .menu-list {
	padding:15px 15px 100px 15px;
}
@media screen and (max-width:480px){
#manu .menu-list {
	font-size:90%;
	padding:10px 10px 50px 10px;
}
}
#manu .flex {
	display: flex;
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
	padding-top:7px;
}
#manu hr.line {
	position: relative;
	top: calc(50% - 1px);
	margin: 0 10px;
	border: none;
	border-top: dashed 1px #cccccc;
}
#manu .line-wrapper {
	flex: auto;
}
#manu .memo {
	font-size:80%;
}
#manu .menu-memo {
	font-size:80%;
	padding-top:30px;
}
#manu .subtitle {
	font-weight:bold;
	color:#33a77e;
	padding-top:15px;
}
#manu .motone {
	font-size:80%;
	color:#bbbbbb;
}
#manu .menu-linkbutton {
	text-align:center;
	padding:20px 0;
}
#manu .menu-linkbutton a {
	color:#33a77e;
	padding:2px 10px;
}
#manu .menu-linkbutton a:hover {
	background:#33a77e;
	background-color: rgba(51,167,126,0.2);
	transition:all .3s ease;
}
#manu .menu-yoyakubutton {
	max-width:300px;
	margin:30px auto 100px auto;
}
#menu-top {
	text-align:center;
	margin-bottom:50px;
	width:0 auto;
}
#menu-top .menu-toptitle {
	font-size:32px;
	font-size:3.2rem;
	text-align:center;
	display:inline-block;
	padding:5px 50px;
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	color:#33a77e;
	border-bottom:2px solid #33a77e;
	border-top:2px solid #33a77e;
}
@media screen and (max-width:480px){
#menu-top .menu-toptitle {
	font-size:25px;
	font-size:2.5rem;
}
}

.sejyutsu-list {
	text-align:center;
}
.sejyutsu-list li {
	display:inline-block;
	padding:10px;
}
.sejyutsu-list li p {
	text-align:center;
	padding-top:5px;
}
#menu-servicebanner {
	padding-top:100px;
}
#menu-servicebanner ul {
	text-align:center;
	padding-top:100px;
}
#menu-servicebanner ul li {
	display:inline-block;
	padding:0 30px;
}
/* ----------------------------------- */
/*　BYMACH  */
/* ----------------------------------- */
.bymach-point {
	text-align:center;
	padding:20px 0 50px 0;
}
.bymach-point li {
	display:inline-block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	color:#33a77e;
	background-color: rgba(51,167,126,0.2);
	padding:10px 20px;
	width:180px;
	margin:5px;
	border-radius:0 10px 0 10px;
}
.skin-point {
	text-align:center;
	padding:20px 0 50px 0;
}
.skin-point li {
	display:inline-block;
	font-size:25px;
	font-size:2.5rem;
	font-weight:500;
	color:#33a77e;
	padding:10px 20px;
	margin:0 5px;
}
.skin-point li:before {
	content:url(../img/bymach-skincare.png);
	margin-right:5px;
	vertical-align:middle;
}
.menu-pricebutton {
	max-width:350px;
	margin:0 auto;
	padding:50px 0;
}
@media screen and (max-width:480px){
.skin-point li {
	display:inline-block;
	text-align:center;
	width:100%;
	padding:2px 10px;
	box-sizing:border-box;
}
}

/* ----------------------------------- */
/*　予約  */
/* ----------------------------------- */
@media screen and (max-width:480px){
#reserve .webyoyaku {
	padding-top:30px;
}
}
#reserve .yoyaku-button {
	max-width: 350px;
	margin:0 auto;
}
#reserve h2 {
	font-family: 'Signika', sans-serif;
	font-weight:normal;
}
#reserve p.time {
	text-align:center;
	padding-top:30px;
}
#reserve p.yoyaku-memo {
	text-align:center;
	padding:10px 0 30px 0;
	font-size:80%;
}
/* ----------------------------------- */
/*　インフォメーション  */
/* ----------------------------------- */
#information .room h4 {
	font-size:30px;
	font-size:3.0rem;
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	padding-top:20px;
}
#information .room p {
	text-align:center;
	line-height:1.7em;
}
#information img {
	border-radius:0 50px 0 50px;
}
#information .box3 {
	display:none;
}
@media screen and (max-width:480px){
#information .box3 {
	display:block;
	width:100%;
}
#information .box2 {
	display:block;
	width:100%;
}
#information .box1 {
	display:none;
	width:100%;	
}
}
#map p {
	padding-top:15px;
}
#map .accessinfo {
	padding:0 20px;
}
#map .salonname {
	font-size:110%;
}
#map h2 {
	font-family: 'Signika', sans-serif;
	font-weight:normal;
	font-size:30px;
	font-size:3.0rem;
}
/* ----------------------------------- */
/*　お知らせ  */
/* ----------------------------------- */
#news {
	padding-top:30px;
}
#news p {
	padding-right:30px;
}
@media screen and (max-width:480px){
#news p {
	padding-right:0;
}
}
#news .yoyaku-button {
	max-width: 350px;
	margin:30px 0;
}
/* ----------------------------------- */
/*　ヘアギャラリー  */
/* ----------------------------------- */
#hair .hairstyle {
	padding:10px;
}
#hair p {
	line-height:1.7em;
	padding:10px 0;
}
#hair .hairstyle-image {
	padding-top:15px;
}
#hair .theme {
	font-size:18px;
	font-size: 1.8rem;
	padding:15px 3px;
	margin-bottom:20px;
	border-bottom:1px solid #aaaaaa;
}
#hair .hair-top {
	overflow:hidden;
	display: table;
}
#hair .hair-top3 {
	display:none;
}
#hair .hair-top2 {
	width:41.66666%;
	display: table-cell;
	vertical-align:top;
	padding:0 20px;
}
#hair .hair-top1 {
	width:58.33333%;
	display: table-cell;
	padding:0 10px;
}
@media screen and (max-width:480px){
#hair .hair-top {
}
#hair .hair-top3 {
	display:block;
	width:100%;
}
#hair .hair-top2 {
	display:block;
	width:100%;
	padding:0;
}
#hair .hair-top1 {
	display:none;
	width:100%;
	
}
}
.styling {
	padding-top:50px;
	text-align:right;
	font-size: 13px;
	font-size: 1.3rem;
}
/* =================================== */
/*　フッター  */
/* =================================== */
#footer {
	background-image:url(../img/footer-bg.gif);
}
#footer-contents {
	max-width: 1000px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top:20px;
	font-size: 13px;
	font-size: 1.3rem;
	padding:50px 0;
	clear: both;
}
#footer-contents .footer-address img {
	max-width: 150px;
}
#footer-contents .footer-address a {
	color:#33a77e;
}
#footer-contents .footer-address p {
	padding-top:5px;
}
#footer-contents p.parking {
	padding-top:10px;
	font-size:90%;
}
#footer-contents h3 {
	font-size:25px;
	font-size:2.5rem;
	text-align:center;
	padding-bottom:20px;
	font-family: 'Signika', sans-serif;
	font-weight:normal;
}
#footer-contents .footer-button {
	max-width: 250px;
	margin:0 auto;
	padding-bottom:20px;
}
#footer .copyright {
	font-size: 11px;
	font-size: 1.1rem; 
	text-align:center;
	padding: 30px 0 10px 0;
	clear:both;
}
@media screen and (max-width:480px){
#footer .footer-address {
	text-align:center;
}
}


/*　トップへ戻るスクロール  */
#topscroll{ 
    position: relative; 
    z-index: 100; 
    margin: 0; 
    padding: 0; 
}
 
#topscroll-btn{
    display: block;
    position: fixed;
    z-index: 9999;
    bottom: -250px;
    right: 10px;
    width: 35px;
    height: 35px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    transition: 2s;
    -webkit-transition: 2s;
	border:1px solid #33a77e;
	color:#33a77e;
	padding:5px;
}
/*　改行  */
@media screen and (min-width:480px){
.br-s {
	display:none;
}
}
 
#topscroll-btn:hover{ 
    background-color: rgba(51,167,126,0.1);
    transform: translateY(-10px);
}
/*　フェードアニメ  */
.animation {
   opacity : 0;
  transform: translateY(20px);
transition: all 1s;
}