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

@media screen and (max-width:768px){
html{font-size:15px;}
body{font-size:100%;}
.content{width:94%;padding:0 3%;}
.pcOnly{display:none;}
.br-sp { display: inherit}
.br-pc { display: none;}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* header */
#home header { width: 100%;position: fixed; height:55px; background: none; top: 0; left: 0; z-index: 500; transition: .3s;}
#home header .head-content { width: 100%;}
#home header .head-content nav li a{ display: block; font-size:16px; font-weight: bold; color:#000;position:relative;}
#home header .head-content{width:100%;margin:0 auto;position:relative; height: 55px; transition: .3s;}
#home header .head-content nav ul { margin: 0 auto 0 auto; width:100%; text-align: center; transition: .3s;}
#home header .head-content nav li{float:none; display: inline-block;}
#home header .head-content nav li:last-child { margin-right: 0;}
.is-animation {height: 40px;}
#home header .head-content h1.logo { display: inherit; position: absolute;float: left; opacity: 0; transition: .3s;z-index: 1;}
#home header.is-animation .head-content h1.logo {width:230px;opacity: 1;  left: 20px; top: 15px;  margin: 0; text-align: left; transition: .3s;}
#home header.is-animation {background-color:#FFF!important;position:fixed; height:55px; top:0;box-shadow:0 0 20px rgba(0,0,0,0.25);}
#home header.is-animation .head-content { height: 55px;}

/* page-template */
body#home.page-template header,
body#home.page-template-default header,
body#home.post-template-default header  { width: 100%;position: fixed; height:55px; background: none; top: 0; left: 0; z-index: 500; transition: .3s;background:none;}
body#home.page-template main,
body#home.page-template-default main,
body#home.post-template-default main { padding-top: 55px;}

nav.pc-nav { display: none;}
.drawer-nav { z-index: 999!important;}
.head-content .drawer-hamburger{display:inherit; cursor: pointer; z-index: 11;}
.drawer--right .head-content .drawer-hamburger{width:40px;height:40px; z-index:999px!important; margin:auto 0;padding:10px;background:-moz-linear-gradient(top, #0c0c0c, #050505);background:-webkit-linear-gradient(top, #0c0c0c, #050505);background: linear-gradient(to bottom, #0c0c0c, #050505);border-radius:5px;position:absolute;top:0;bottom:0;right:5%;z-index:3;border:1px solid rgba(255,255,255,0.1);box-sizing:border-box;}
.head-content .drawer-hamburger-icon{margin-top:0;}
.head-content .drawer-hamburger-icon,.head-content .drawer-hamburger-icon:after,.head-content .drawer-hamburger-icon:before{background-color:#CCC;}
.drawer-overlay.drawer-toggle{background:rgba(0,0,0,0.65);}
ul.drawer-menu { width: 100%;}
ul.drawer-menu li { width: 100%; padding: 10px; border-bottom: 1px solid #CCC;}
	
.page-content h3 { font-size:15px;}

.Opening-sp { position: relative; z-index: 1; top: 0; left: 0; width: 100vw; height: 100vh;}
.Opening-sp .MainTxt { 
  position: absolute; 
  width: 100%;
  height: 90vh;
  left: 0;
  right: 0;
  top: 18vh;
  text-align: center;
  z-index: 9;
}

div#scroll {
  position: absolute;
  z-index: 333;
  left: 0;
  right: 0;
  top: 85%;
  text-align: center;
}

.Opening-sp .MainTxt img { 
  padding: 10px; 
  width: 80%; 
  position: relative;
}

.Opening-sp .swiper-container {
  position: absolute;
  overflow: hidden;
  width: 100vw;
  height: 90vh;
  left: 0;
  top: 0;
  z-index: 2;
}

.Opening-sp .swiper-container img {
  width: auto;
  height: 100%;
}

.Opening-sp .swiper-slide {
  /* width: auto!important;
  height: 100%; */
}

.Opening-sp .swiper-slide-active .slide-img,
.Opening-sp .swiper-slide-duplicate-active .slide-img,
.Opening-sp .swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 1s 1 normal both;  
  height: 100%;
  width: calc(100% + 200px);
  position: relative;
  left: -100px;
  top: 0;
}
.Opening-sp .slide-img img{
  display: block;
}

@keyframes zoomUp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}

#about h2:before,
#equipment h2:before,
#service h2:before,
#sample h2:before,
#access h2:before { content: '';position: absolute;top: -30px;display: inline-block;width: 5%;height: 5px;left: 50%;transform: translateX(-50%);background-color: #FFF;}

#terms h2:before,
#reserve h2:before { content: '';position: absolute;top: -30px;display: inline-block;width: 5%;height: 5px;left: 50%;transform: translateX(-50%);background-color: #000;}

#about h2 span,
#equipment h2 span,
#service h2 span,
#sample h2 span,
#reserve h2 span,
#access h2 span,
#terms h2 span { display: none;}
/* h3 {font-family: 'Dancing Script', cursive;  } */

.ico-phone { background: url(../images/ico_phone.png) no-repeat left top 4px; background-size: 24px 17px; padding-left: 30px;}
.ico-mail { background: url(../images/ico_mail.png) no-repeat left top 4px; background-size: 24px 17px; padding-left: 30px;}
.ico-phone-w { background: url(../images/ico_phone_w.png) no-repeat left top 4px; background-size: 24px 17px; padding-left: 30px;}
.ico-mail-w { background: url(../images/ico_mail_w.png) no-repeat left top 4px; background-size: 24px 17px; padding-left: 30px;}
.txt120 { font-size: 120%; font-weight: 500;}

/* bnr */
.bnr-flex {
  display: block;
  width: 100%;
  padding: 10px;
}
.bnr-flex a {
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
}

/* about */
#about { width: 100%;display: block;position: relative;z-index: 1; background: #333;}
#about:after { content: "";position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/about_bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; opacity: 0.4;}
#about h2 { position: relative; margin: 40px auto 15px auto; padding-top: 0.5em; background: url(../images/h2_about.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#about .txtbox {border-bottom: 2px solid rgba(0,0,0,0.1); padding: 20px; background: rgba(119,92,170,0.5); color: #FFF; margin: 0 10px;}
#about .txtbox a { color: #FFF;}
#about .txtbox p { text-align: justify; font-size: 14px; font-weight: 500; line-height: 1.8em;}
#about h3 { font-family: 'Dancing Script', cursive; font-size: 18px;font-weight: bold; margin-bottom: 10px; letter-spacing: 0.05em; line-height: 1.5;}
#about h4 { font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 10px;} 
#about .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 10px 0;}

/* before_after */
#before_after { width: 100%;display: block;position: relative;z-index: 1; background: #FFF;}
#before_after:after { content: "";position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/before_after_bg.jpg) no-repeat center top; background-size: cover; background-attachment: fixed; opacity: 0.4;}
#before_after .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 10px; box-sizing: border-box;}
#before_after h3 { border: 2px solid #000; padding: 5px 10px; background: #FFF; width: 240px; text-align: center; font-weight: bold; margin: 0 auto 30px auto; font-size: 14px; letter-spacing: 0.1em;}
#before_after p { color: #000;}
#before_after .twentytwenty-wrapper { min-height: 100%; margin-bottom: 20px;}
.twentytwenty-container img { height: auto;}

/* bnr */
#bnr { width: 100%;display: block;position: relative;z-index: 1; /* background: #f3f3f3; */ }
#bnr .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 0 20px 20px 20px;}
#bnr .wrapbox img { vertical-align: top; width: 100%; height: auto;}
#bnr h3 { border: 2px solid #000; padding: 5px 10px; background: #FFF; width: 240px; text-align: center; font-weight: bold; margin: 0 auto 30px auto; font-size: 14px; letter-spacing: 0.1em;}

/* equipment */
#equipment { width: 100%;}
#equipment h2 { position: relative; margin: 40px auto 15px auto; padding-top: 0.5em; background: url(../images/h2_equipment.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#equipment h3 { border: 2px solid #000; padding: 5px 10px; background: #FFF; width: 240px; text-align: center; font-weight: bold; margin: 0 auto 30px auto; font-size: 14px; letter-spacing: 0.1em;}
#equipment .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 10px 0;}

#equipment .floor { width: 100%; text-align: center; padding: 10px 0 10px 0;}
#equipment .floor img { width: 100%; padding: 0 10px; height: auto;}
#equipment .floor ul { width: 100%; text-align: left; padding: 0 0 0 30px;}
#equipment .floor li { width: 100%; float: none; text-align: left; font-size: 14px; list-style: disc; color: #FFF;}

#equipment .view { width: 100%; background: #FFF; text-align: center; padding:  0 0 20px 0;}
#equipment .view p { margin-bottom: 15px;}
#equipment .view .studio-list-box { width: 100%;overflow-y: hidden;margin: 0 auto 10px auto;}
#equipment .view .studio-list-box ul { width: 100%; margin: 0 -20px 0 0; padding: 0; height: 160px; list-style: none; text-align: center; vertical-align: top; overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
#equipment .view .studio-list-box li { width: auto; height: 160px; display: inline-block; margin: 0 2px; padding: 0; vertical-align: top; float: none; position: relative; overflow: hidden;overflow-wrap: break-word;}
#equipment .view .studio-list-box li img { width: 150px; height: 150px!important; height: auto; vertical-align: top; margin: 0; padding: 0;}
#equipment .view .studio-list-box li a { outline: none; vertical-align: top; margin: 0; padding: 0; display: block;}
#equipment .view .studio-list-box li a:hover { background: rgba(0,0,0,0.5);}
#equipment .view .studio-list-box li .mask { display:none; width:150px;height:150px;content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5);opacity: 0;color: #fff;display:flex;align-items: center;text-align: center;-webkit-transition:	all 0.6s ease;transition:all 0.6s ease; padding: 0.25em; z-index: 100!important; box-sizing: border-box; font-size: 13px;overflow-wrap: break-word;overflow-y:visible!important;white-space:normal!important; text-align: left;}
#equipment .view .studio-list-box li:hover .mask { opacity: 1;overflow-y:visible!important;white-space:normal!important; text-align: left;}

	
#equipment .gadget { width: 100%;  text-align: center; padding: 0 0 20px 0; background: #171717;
background: -moz-linear-gradient(45deg, #afafaf 1%, #171717 100%);
background: -webkit-linear-gradient(45deg, #afafaf 1%,#171717 100%);
background: linear-gradient(45deg, #afafaf 1%,#171717 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#171717',GradientType=1 );}
#equipment .gadget p { margin-bottom: 15px;}
#equipment .gadget p.desc { margin-bottom: 15px; color: #FFF;}
#equipment .gadget p.onlySP { color: #FFF;}
	
#equipment .gadget .gadget-list-box {padding:10px;background:rgba(255,255,255,0.1);width: 100%;overflow-y: hidden;margin: 0 auto 10px auto;}
#equipment .gadget .gadget-list-box ul { width: 100%;margin: 0 -20px 0 0; padding: 0; height: 200px; list-style: none; text-align: center; vertical-align: top; overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
#equipment .gadget .gadget-list-box li { width: auto; height: 200px; display: inline-block; margin: 0 2px; padding: 0; vertical-align: top; float: none;}
#equipment .gadget .gadget-list-box li img { width: auto; height: 150px!important; height: auto; vertical-align: top; margin: 0 0 10px 0; padding: 0;}
#equipment .gadget .gadget-list-box li a { outline: none; vertical-align: top; margin: 0; padding: 0; display: block;}
#equipment .gadget .gadget-list-box p { color: #000; font-size: 12px;}

#equipment .free { width: 100%;background: #FFF; text-align: center; padding:  0 0 20px 0;}
#equipment .free img { width: 100%; height: auto;}
#equipment .free .txtbox { width: 100%; float: none; text-align: left; padding: 0 10px; }
#equipment .free p { margin-bottom: 15px; }
#equipment .free h4 { font-weight: bold; font-size: 14px; padding: 10px 0;}
#equipment .free .freebox {float: none;width: 100%; padding: 0 10px;}
#equipment .free li { width: 100%; text-align: left; outline-style: none; margin-bottom: 0px; border-bottom: 1px solid #CCC;}
	

/* service */
#service { width: 100%;}
#service h2 { position: relative; margin: 40px auto; padding-top: 0.5em; background: url(../images/h2_service.png) no-repeat center top; background-size:  247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#service h3 { border: 2px solid #000; padding: 5px 10px; background: #FFF; width: 240px; text-align: center; font-weight: bold; margin: 0 auto 30px auto; font-size: 14px; letter-spacing: 0.1em;}
#service .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 10px;}
#service .wrapbox .form { margin-bottom: 40px;}
#service #fice p { font-size: 14px; text-align: center; margin: 0 auto 1em auto;}
#service #fice a { font-size: 14px;}
	
/* serviceページ */
.service-menu-box{margin-bottom:90px;}
.comment-box{max-width:100%;margin:0 auto;text-align:center;}
.comment-box p{font-size:14px; font-weight: 500; line-height:1.8;display:inline-block;text-align:left; color: #FFF;}
.service-menu-list{margin-bottom:20px;padding:10px;background:rgba(255,255,255,0.1);}
.service-menu-list li{width:100%;height:auto!important;margin:0 0 10px 0;padding:10px 15px;box-sizing:border-box;float:left;font-size:13px; font-weight: 500;box-shadow:0 0 10px rgba(0,0,0,0.20);text-align:center;position:relative; background: #FFF; letter-spacing: -0.04em;}
.service-menu-list li:first-child,
.service-menu-list li:nth-child(2) { min-height: 220px;}
.service-menu-list li:nth-of-type(4n){margin-right:0;}
.service-menu-list li:nth-child(n+5) { margin-bottom: 10px;}
.service-menu-list li:last-child { margin-bottom: 0;}
.service-menu-list li.no-title{padding-top:10px;text-align:left;}
.service-menu-list li a{width:230px;margin:0 auto;line-height:40px;font-size:14px;background:#5b4487 url(../images/icon-arrow-white02.png) no-repeat 15px center;display:block;color:#fff;font-weight:bold;position:absolute;bottom:20px;left:0;right:0;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out; text-decoration: none;}
.service-menu-list li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.20);background-position:16px center;}
.service-menu-list li b{width:36px; height: 36px; margin:0 auto 20px;font-size:14px;line-height:36px;text-align:center;border:2px solid #5b4487;display:block;border-radius:50%;color:#5b4487;background:#fff;}
.service-menu-list li span{margin-bottom:10px;font-size:14px;font-weight:bold;color:#5b4487;display:block;}

.onlySP { display: inherit;}

/* reserve */
#reserve { width: 100%; background: #FFF;}
#reserve h2 { position: relative; margin: 40px auto; padding-top: 0.5em; background: url(../images/h2_reserve.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#reserve h3 { border: 2px solid #000; padding: 5px 10px; background: #FFF; width: 240px; text-align: center; font-weight: bold; margin: 0 auto 30px auto; font-size: 14px; letter-spacing: 0.1em;}
#reserve .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 40px 10px;}
#reserve .wrapbox .form { margin-bottom: 40px;}
#reserve a { font-weight: bold;}
.cal_head,
.cal_bottom { display: inherit;}
.cal_head img,
.cal_bottom img { width: 100%; height: auto;}
.cal_bg { width: 100%; height: 100%;background: none; padding: 0 0;}
.cal_wrapper {max-width: 100%;min-width: 280px;margin: 2.0833% auto;}
.googlecal {position: relative;padding-bottom: 120%;height: 0;}
.googlecal iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
	
.reserve-table {width:100%;text-align:center;border:1px solid #e4e4e4; border-collapse: collapse; box-sizing:border-box; margin: 0;}
.reserve-table th,.reserve-table td{ display: block; border:1px solid #DDD;box-sizing:border-box; text-align: left; padding: 5px;}
.reserve-table th{width:100%;height:auto;background: #EEE;}
.reserve-table td{ width: 100%;height:auto; background: #FFF;}
.reserve-table .attention { background: #ff2b9a; border-radius: 6px; font-size: 12px; color: #FFF; padding: 2px 5px;}
.btn-confirm { background: #5b4487; border: 1px solid #5b4487; border-radius: 30px; width: 40%; color: #FFF; font-weight: bold;outline: none;}
.btn-confirm:hover { background: #FFF; color: #5b4487; border: 1px solid #5b4487;}
.btn-reset { background: #c4c4c4; border: 1px solid #c4c4c4; border-radius: 30px; width: 40%; color: #FFF; font-weight: bold;outline: none;}
.btn-reset:hover { background: #FFF; color: #c4c4c4; border: 1px solid #c4c4c4;}
	
input[type="text"] { width: 100%;}	
input, button, textarea, select {
  border: 1px solid #CCC;
  border-radius: 0;
  outline: none;
}
select.rental { width: 100%;}
	
/* news */
#news { width: 100%; background: #FFF; padding-top: 0;}
#news h2 { position: relative; margin: 20px auto; padding-top: 0.5em; background: url(../images/h2_news.png) no-repeat center top; background-size: 245px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#news .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 40px 10px 0 10px;}

/* article */
.article-box {
	width: 100%;
  display: block;
}

.article-box article {
	display: block;
  width: 100%;
  border-bottom: 1px dotted #CCC;
  padding: 15px 0;
}

.article-box article a {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
  text-decoration: none;
}

.article-box article a .img_wrap {
  display: inline-block;
	max-width: 100px;
  max-height: 100px;
	width: 100%;
	overflow: hidden;
}

.article-box article a .img_wrap img {
	width: 100%;
	height: auto;
	vertical-align: top;
	line-height: 0;
}

.article-box article a .text_wrap {
    display: inline-block;
    text-align: left;
    width: calc(100% - 120px);
}

.article-box article a .text_wrap time {
	padding-top: 0;
	display: block;
	color: #666;
  font-size: 14px;
}
.article-box article a .text_wrap h3 {
	padding-top: 10px;
	display: block;
	font-weight: bold;
	font-size: 15px;
  color: #000;
  line-height: 1.25;
}

/* access */
#access { width: 100%;}
#access h2 { position: relative; margin: 20px auto; padding-top: 0.5em; background: url(../images/h2_access.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#access h3 { width: 200px; text-align: left; padding: 10px 0;}
#access h3 img { width: 200px!important; height: auto!important;}
#access .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 0;}
#access .wrapbox img { width: 100%; height: auto;} 
#access .wrapbox .txtbox { text-align: center; margin: 0 auto; width: 100%; padding: 0 10px;}
#access .wrapbox .txtbox p { margin-bottom: 10px; text-align: left; color: #FFF;}
#access .wrapbox .btnMap { text-align: left; margin-top: 20px;}
#access .wrapbox .btnMap a { display: block; font-weight: bold; color: #FFF; background: #5b4487; font-size: 14px; letter-spacing: 0.2em; border-radius: 30px; width: 280px; height: 50px; line-height: 50px; text-align: center;text-decoration: none; position: relative;}
#access .wrapbox .btnMap a:before { position: absolute; content: ''; background: url(../images/icon_map.png) no-repeat left top; left: 13px; top: 13px; width: 24px; height: 24px; background-size: 24px 24px;}
.btn { text-align: center; margin: 0 auto;}
.btn a { display: block; font-weight: bold; color: #FFF; background: #5b4487; font-size: 14px; letter-spacing: 0.2em; border-radius: 30px; width: 280px; height: 50px; line-height: 50px; text-align: center;text-decoration: none; position: relative; margin: 20px auto;}
#access .wrapbox .btnBabel { text-align: left; margin-top: 20px;}
#access .wrapbox .btnBabel img { width: auto; height: 18px; padding: 16px 70px 0 70px;}
#access .wrapbox .btnBabel a { display: block; font-weight: bold; color: #FFF; background: #5bc9bd; font-size: 14px; letter-spacing: 0.2em; border-radius: 30px; width: 280px; height: 50px; line-height: 50px; text-align: center;text-decoration: none; position: relative;}

/* terms */
#terms { width: 100%;background: #FFF;border-bottom: 1px solid #EEE;}
#terms h2 { position: relative; margin: 20px auto; padding-top: 0.5em; background: url(../images/h2_terms.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#terms .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 10px;}
#terms .wrapbox .termsbox ul { text-align: left; margin-bottom: 15px; padding-left: 20px;}
#terms .wrapbox .termsbox li { list-style: disc;font-size: 12px;}
#terms .wrapbox .termsbox li p { font-size: 12px;}
#terms .wrapbox .termsbox h4 { font-weight: bold; text-align: left; margin-bottom: 15px;}

/* sample */
#sample { width: 100%; background: #171717;
background: -moz-linear-gradient(45deg, #afafaf 1%, #171717 100%);
background: -webkit-linear-gradient(45deg, #afafaf 1%,#171717 100%);
background: linear-gradient(45deg, #afafaf 1%,#171717 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#171717',GradientType=1 );}
#sample h2 { position: relative; margin: 20px auto; padding-top: 0.5em; background: url(../images/h2_sample.png) no-repeat center top; background-size: 247px 48px; height: 48px;text-indent: 100%;white-space: nowrap;}
#sample .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 10px;}
#sample .sample-list-box { width: 100%;overflow-y: hidden;margin: 0 auto;}
#sample .sample-list-box ul { margin: 0 -20px; padding: 0; height: 150px; list-style: none; text-align: center; vertical-align: top; overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
#sample .sample-list-box li { width: auto; height: 150px; display: inline-block; margin: 0 2px; padding: 0;}
#sample .sample-list-box li img { width: auto; height: 150px!important; height: auto; vertical-align: top; margin: 0; padding: 0;}
#sample .sample-list-box li a { outline: none; vertical-align: top; margin: 0; padding: 0; display: block;}
#sample .sample-list-box p { color: #FFF;}
#sample .bnr img { width: 100%; height: auto;}
	
/* price */
.price-list .sale { font-weight: bold; color: #ff2f56; font-size: 1.1rem;}

/* page */
#page .wrapbox { width: 100%; text-align: center; margin: 0 auto; padding: 20px 10px;}
	
/* topへ戻る */
p.pagetop{margin-bottom:43px;right:10px;}
p.pagetop a{margin-bottom:0;position:initial;}
	
/* footer */
footer{background: #333; padding-top: 20px;}
.footer-box{width:100%;margin:0 auto 10px auto;padding:25px 0 30px 0; background: url(../images/footer_frame_sp.png) no-repeat center top; background-size: 98% 98%;}
.footer-box h3{margin-bottom:25px;font-size:15px;color:#fff;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;letter-spacing:2px;}
.footer-info{width:100%;float:none;}
.footer-logo { width: auto; text-align: center; margin: 0 auto;}
.footer-logo img { width:219px; height: auto; margin-bottom: 10px; }
.copyright{padding:40px 0;text-align:center;background:#222;}
.copyright p{font-size:12px;color:rgba(255,255,255,0.85);}
ul.bnr_footer { display: block; flex-wrap: wrap; width: 100%; margin: 0 auto 10px auto; text-align: center; justify-content: center; padding: 0 30px; }
ul.bnr_footer li { list-style: none; width: 100%; margin-right: 0; padding: 0; margin-bottom: 10px}
ul.bnr_footer li img { width: 100%; height: auto;}
ul.bnr_footer li:last-child { margin-right: 0;}

/* sns-list */
.sns-list{ width: 100%; margin:0 auto 0 auto; padding: 0; text-align: center;}
.sns-list ul { display: flex; text-align: center; margin: 0 auto;}
.sns-list li{width:88px;margin:0 5px 0 0; display: inline-block;}
.sns-list li:last-child { margin-right: 0;}
.sns-list li.ph a{width:88px;height:31px;float:left;position:relative;display:block;z-index:2;overflow:hidden;-webkit-transform:scale(1);transform:scale(1);}
.sns-list li a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);}

.footer-tw { text-align: center; margin: 10px auto 20px auto; justify-content: center;}
.footer-tw a{width:50px;height:50px; border-radius:50%;background:rgba(255,255,255,0.25);position:relative;display:block;z-index:2;overflow:hidden; text-align: center; margin: 0 auto; text-decoration: none;}
.footer-tw a:after{content:"";width:100%;height:100%;top:0;left:0;-webkit-transform:scale(.1);transform:scale(.1);display:block;z-index: -1;}
.footer-tw a:hover:after{background-color:rgba(255,255,255,0.45);-webkit-transform:scale(1);transform:scale(1);}
.footer-tw a,
.footer-tw a:after,
.footer-tw a img{-webkit-transition:all .3s;transition:all .3s;}
.footer-tw img{width:auto;height:25px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;}

}