@charset "utf-8";
@font-face {
  font-family: "Yu Gothic";
  font-display: auto;
  font-weight: 500;
  src: local("Yu Gothic-Medium"),
  local('Yu Gothic Medium'),
  local('YuGothic-Regular');
  
}
@font-face {
  font-family: "Yu Gothic";
  font-display: auto;
  font-weight: bold;
  src: local("Yu Gothic-Bold"),
  local('Yu Gothic');
}
/* reset.css ------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, p, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
img{
  vertical-align: bottom;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* common.css ------------------------- */
/* 1.基本情報
* -----------------------------*/
html { font-size:62.5%; }
body {
	background: #fff url(../img/common/bg-body_pc.png) repeat-y left top;
	color:#555;
	font-size: 1.5rem;
	font-family: "Helvetica Neue", Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '游ゴシック体', 'YuGothic',"BIZ UDPGothic", Helvetica, sans-serif;
	line-height:1.85;
	letter-spacing: 0.08em;
}

body.none-sidebg {
	background-image: none;
}
a {
  color:#002b81;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a.noline:hover {	
text-decoration: none !important;	
}	
a.txt-link.link-blue {	
color: #195a96;	
}
a.txt-link.link-bk {	
color: #333;	
}
a.txt-link.underline {
	text-decoration: underline;
}
a.txt-link.underline:hover {
	text-decoration: none;
}
a:hover img {
	opacity:0.9;
}
a,form,input,select,iframe,textarea,button,.flexcroll {
	 outline:0px none black;
}
a[href^="tel:"] {
	color: #333;
}
@media (min-width: 768px){
	a[href^="tel:"] {
		pointer-events: none;
		color: #333;
	}
	
}
.bold{
	font-weight: bold !important;
}
.small{
	font-size: 12px;
}
.red{
	color:#a70007 !important;
}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#wrap{
	background: #fff;
	margin-left: 200px !important;
}
#wrap img{
	max-width: 100%;
	height: auto;
}

.page-inner { 
	padding-left: 7.5%;
	padding-right: 7.5%;
	position: relative;
}

@media screen and (min-width:769px){
	.sp{
		display: none;
	}
}

@media screen and (max-width:991px){
	.page-inner {	
		padding-left: 5%;	
		padding-right: 5%;	
	}	
}

@media screen and (max-width:768px){
	body {
		background: #fff;
/*		font-size:13px;*/
		font-size: 1.45rem;
		line-height:1.6;
	}
	#wrap{
		margin-left: 0 !important;
	}
	.pc{
		display: none;
	}
}

@media screen and (max-width:480px){	
	.page-inner.sp-full {	
	padding-left: 0;	
	padding-right: 0;	
	}	
}


/* flex style -------------- */
.flex {
	display: flex;
	flex-direction: column;
}
.flex.wrap {
	flex-wrap: wrap;
	flex-direction: row;
}
.flex.wrap.center {	
align-items: center;	
}	
.flex.wrap.between {	
justify-content: space-between;	
}


/* padding・margin --------- */
.m-pt60 { padding-top: 60px;}
.m-pt50 { padding-top: 50px;}
.m-pt40 { padding-top: 40px;}
.m-pt30 { padding-top: 30px;}
.m-pt20 { padding-top: 20px;}	
.m-pt15 { padding-top: 15px;}	
.m-pt10 { padding-top: 10px;}
.s-pt5 { padding-top: 5px;}

.m-pb60 { padding-bottom: 60px;}
.m-pb50 { padding-bottom: 50px;}
.m-pb40 { padding-bottom: 40px;}
.m-pb30 { padding-bottom: 30px;}
.m-pb20 { padding-bottom: 20px;}
.m-pb10 { padding-bottom: 10px;}

.m-mt40 { margin-top: 40px;}
.m-mt30 { margin-top: 30px;}
.m-mt20 { margin-top: 20px;}
.m-mt10 { margin-top: 10px;}
.s-mt5 { margin-top: 5px;}

.m-mb70 { margin-bottom: 70px;}
.m-mb60 { margin-bottom: 60px;}
.m-mb50 { margin-bottom: 50px;}
.m-mb40 { margin-bottom: 40px;}
.m-mb30 { margin-bottom: 30px;}
.m-mb20 { margin-bottom: 20px;}
.m-mb15 { margin-bottom: 15px;}
.m-mb10 { margin-bottom: 10px;}
.s-mb5 { margin-bottom: 5px;}

.m-mr10 { margin-right: 10px;}

.s-pl10 { padding-left: 10px;}

@media screen and (max-width: 480px) {
	.m-pt60 { padding-top: 30px;}
	.m-pt50 { padding-top: 25px;}
	.m-pt40 { padding-top: 20px;}
	.m-pt30 { padding-top: 15px;}
	.m-pt20 { padding-top: 10px;}
	
	.m-pb60 { padding-bottom: 30px;}
	.m-pb50 { padding-bottom: 25px;}
	.m-pb40 { padding-bottom: 20px;}
	.m-pb30 { padding-bottom: 15px;}
	
	.m-mt40 { margin-top: 20px;}
	
	.m-mb70 { margin-bottom: 35px;}
	.m-mb60 { margin-bottom: 30px;}
	.m-mb50 { margin-bottom: 25px;}
	.m-mb40 { margin-bottom: 20px;}
	.m-mb30 { margin-bottom: 15px;}
	
}



/* font-style -------------- */
.f-jamin {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.f-jahan {font-family: "Hannari", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.f-crm { font-family: 'Crimson Pro', serif, Arial;}

.f-sz24 { font-size: 2.4rem;}
.f-sz22 { font-size: 2.2rem;}	
.f-sz20 { font-size: 2rem;}	
.f-sz18 { font-size: 1.8rem;}
.f-sz17 { font-size: 1.7rem;}
.f-sz16 { font-size: 1.6rem;}
.f-sz15 { font-size: 1.5rem;}
.f-sz14 { font-size: 1.4rem;}
.f-sz13 { font-size: 1.3rem;}
.f-sz12 { font-size: 1.2rem;}
.f-sz11 { font-size: 1.1rem;}

.f-gold { color: #a28e61; }
.f-orange { color: #ff3300;}
.f-red { color: #b12704;}
.f-c333 {color: #333}
.f-pink {color: #ff5e93;}
.f-pink2 {color: #e4007b;}
.f-wh { color: #fff;}

.f-bold { font-weight: bold;}
.f-normal { font-weight: normal;}

.ls-l { letter-spacing: 0.15em;}



@media screen and (max-width: 480px) {	
.f-sz24 { font-size: 2.05rem;}	
.f-sz22 { font-size: 1.85rem;}	
.f-sz20 { font-size: 1.8rem;}	
.f-sz18 { font-size: 1.7rem;}	
.f-sz17 { font-size: 1.65rem;}	
.ls-l { letter-spacing: 0.08em;}	
}

/* common -------------- */
.block { display: block;}
.iblock { display: inline-block;}

.text-center,.stxt-center { text-align: center;}	
.text-right { text-align: right;}

.border-b4 { border-bottom: 4px solid #f0f0ee;}
.border-b1 { border-bottom: 1px solid #f0f0ee;}
.border-t4 { border-top: 4px solid #f0f0ee;}
.border-t1 { border-top: 1px solid #f0f0ee;}	
.border-1 { border: 1px solid #d8d8d6;}	

@media screen and (max-width: 768px) {	
	.stxt-center {	
		text-align: left;	
	}	
}

/* icon ----------- */	
.icon {	
	display: inline-block;	
	position: relative;	
}	
.icon.i-arrow::after {	
	position: absolute;	
	content:"";	
	top: 50%;	
	left: 50%;	
	width: 45%;	
	height: 45%;	
	background: url("../img/common/icon_arrow_wh.svg") no-repeat center 50%;	
	transform: translate(-50%,-50%);	
}	
.i-arrow.ar-ss {	
	width: 14px;	
	height: 14px;	
	top: 1px;	
	margin-right: 5px;	
}	
.i-arrow.ar-ss::after {	
	width: 50%;	
	height: 50%;	
}	
.i-arrow.ar-sm {	
	width: 20px;	
	height: 20px;	
}	
.icon.hasbg::before {	
	display: block;	
	position: absolute;	
	content:"";	
	width: 100%;	
	height: 100%;	
	border-radius: 50%;	
}	
.icon.hasbg.bg-dblue::before {	
	background: #0a1531;	
}	
.icon.hasbg.bg-blue::before {	
	background: #195a96;	
}	
.icon.hasbg.bg-pink::before {	
	background: #ff5e93;
}

/* ヘッダーbanner 特急キャンペーン ----------- */
.ban-header-speedCP {
	background-color: #000;
	position: relative;
}
@media screen and (min-width: 769px) {
	.ban-header-speedCP.pc {
		background: #000 url("../img/common/banpc_header_speedCP.jpg") repeat-x left top;
		background-size: auto 45px;
		height: 45px;
		width: 100%;
	    text-indent: -99999999px;
	}
}
@media screen and (max-width: 768px) {
	.ban-header-speedCP.sp {
		text-align: center;
	}
	#wrap .ban-header-speedCP.sp img {
		max-width: 450px;
	}
}
@media screen and (max-width: 480px) {
	#wrap .ban-header-speedCP.sp img {
		max-width: none;
		width: 100%;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  2.ヘッダー
* --------------------------------------------------------------------------------------------------*/
#pcHeader{
	font-size: 12px;
}
#pcHeader .hTop{
	font-weight: bold;
	text-align: right;
	padding: 10px 15px 0 15px;
	overflow: hidden;
}
#pcHeader .hTop ul{
	display: inline-block;
	letter-spacing: -.4em;
	padding-bottom: 10px;
}

#pcHeader .hTop ul li{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}

#pcHeader .hTop ul li a{
	color: #1e1e1e;
	padding: 10px;
}

#pcHeader .hTop ul li img{
	margin-right: 10px;
	width: 30px;
    height: 30px;
}

@media (max-width: 991px) {
	#pcHeader .hTop ul li a{
		padding: 10px 5px;
	}
}

#pcHeader .hTop ul.hMenu li{
	line-height: 20px;
	border-right: 1px solid #e3e4e7;
	padding:0 5px;
}
/*
#pcHeader .hTop ul.hMenu li:last-child{
	border-right: none;
}*/

#pcHeader .hTop ul.hMenu li a{
	background:url(../img/common/icon_arrow02.png) no-repeat 10px center;
	padding: 5px 10px 5px 23px;
	display: block;
}

#pcHeader .hTop ul.hMenu li a:hover {
	background-color: #f6f6eb;
	text-decoration: none !important;
}

#pcHeader .hTop ul.hMpage {
}
#pcHeader .hTop ul.hMpage li {
	line-height: 30px;
}
#pcHeader .hTop ul.hMpage li:first-child {
	margin-right: 5px;
}
#pcHeader .hTop ul.hMpage li:last-child {
	border-right: 1px solid #e3e4e7;
}
#pcHeader .hTop ul.hMpage li a:hover {
	background-color: #f6f6eb;
}
#pcHeader .hTop ul.hMpage .i-mypage {
	display: inline-block;
	position: relative;
}
#pcHeader .hTop ul.hMpage .badge {
	display: inline-block;
	width: 19px;
	height: 19px;

	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #ff0054;

	color: #fff;
	font-size: 1.0rem;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;

	position: absolute;
	bottom: -3px;
	right: 0;
	z-index: 1;
}

@media (max-width: 991px) {
	#pcHeader .hTop ul.hMpage .pc-only {
		display: none;
	}
	#pcHeader .hTop ul.hMpage li:last-child img {
		margin-right: 0;
	}	
}

#pcHeader .hTop ul.snsList li{
	line-height: 30px;
	margin-right: 5px;
}
#pcHeader .hTop ul.snsList li:last-child{
	margin-right: 0;
}

#pcHeader .hTop ul li.icon-only a {
	display: block;
	padding: 0px;
}

#pcHeader .hTop ul.snsList li a:hover {
	background-color: #f6f6eb;
}

#pcHeader .hTop ul li.icon-only img {
	margin-right: 4px;
}

#pcHeader .hTop ul.snsList li:last-child img{
	margin-right: 0;
}

/* サイド */
#pcSide{
	width: 200px;
	height: 100%;
	color: #fff;
	background: url(../img/common/bg_side01.png);
	padding-top: 10px;
	position: fixed;
	left: 0;
	top: 0;
	z-index:9999;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#pcSide.scroll{
	position: absolute;
}
#pcSide p{
	text-align:center;
}
#pcSide h1{
	text-align: center;
	border-top: 1px dotted #293147;
	padding-top: 25px;
	margin: 10px 15px 20px;
}

#pcSide h1 a {
	display: block;
}


/* マイページ */
.mypage {
	border-top: 1px solid #293147;
}
.mypage .toMyp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #293147;
	box-sizing: border-box;
	color: #b3a16b;
	cursor: pointer;
	transition: background-color ease 0.3s;
}
.mypage .toMyp .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
}
.mypage .toMyp .icon.i-newmember {
	/*width: 23px;*/
	background: url("../img/common/i-register_pcside.svg") no-repeat left bottom;
	background-size: 24px auto;
}
.mypage .toMyp .icon.i-login {
	/*width: 18px;*/
	background: url("../img/common/i-login_pcside.svg") no-repeat left bottom;
	background-size: 24px auto;
}
.mypage .toMyp .icon.i-mypage {
	/*width: 18px;*/
	background: url("../img/common/s-mypage.svg") no-repeat left 50%;
	background-size: 18px auto;
}
.mypage .toMyp:hover {
	background-color: #505878;
}
.mypage .pull {
	display: none;  /*js用*/
}

.mypage .txt {
	display: table;
	table-layout: auto;
	width: calc(100% - 38px);
}
.mypage.login .txt {
	width: calc(100% - 38px);
}
.mypage.logout .txt {
	width: 100%;
}
.mypage .txt > span {
	display: inline-block;
	vertical-align: middle;
}
.mypage .txt img {
	margin-right: 10px;
	vertical-align: middle;
}
.mypage .plus {
	width: 38px;
	position: relative;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.mypage .plus:before,
.mypage .plus:after {
	content: "";
	display: block;
	width: 8px;
	height: 2px;
	background-color: #b3a16b;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -4px;
	z-index: 1;
}
.mypage .plus:after {
	transform: rotate(-90deg);
	transition: transform ease 0.3s;
}
.mypage .open .plus:after {
	transform: rotate(0deg);
}
.mypage .list li {
	border-bottom: 1px solid #293147;
}
.mypage .list a {
	display: block;
    background: url(../img/common/icon_arrow07.png) no-repeat 93% center;
    background-size: 5px auto;
	padding-left: 15px;
	color: #b3a16b;
	line-height: 45px;
}
.mypage .list a:hover {
	text-decoration: none;
	background-color: #505878;
}
.mypage .list img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

/* マイページバナー */
.ban-menberbenefit {
	clear: both;
	text-align: center;
}
.ban-menberbenefit > a {
	display: block;
}
@media screen and (min-width:481px){
	#wrap .ban-menberbenefit img.sp {
		max-width: 420px;
	}
}

/* ナビ */
.gnavi ul{
	background:#0b152f;
/*	border-top: 1px solid #293147;*/
}
.gnavi ul li{
	border-bottom: 1px solid #293147;
}
.gnavi ul li a{
	display: block;
	background:#0b152f url(../img/common/icon_arrow01.png) no-repeat 93% center;
	background-size:4px auto;
/*	color: #fff;
	padding: 10px 15px;*/
}
.gnavi ul li a:hover{
	background-color: #505878;
}
.gnavi ul li a:hove img{
	opacity:1;
}

/* hover animate
------------------------------------------------- */
/* hvr-fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #505878;
  color: white;
}

/* gnav */
#page-skill .gnavi ul li:first-child a{
	background-color: #505878;
}

#page-serviceList .gnavi ul li:nth-child(2) a{
	background-color: #505878;
}

#page-flow .gnavi ul li:nth-child(3) a{
	background-color: #505878;
}

#page-brandList .gnavi ul li:nth-child(4) a{
	background-color: #505878;
}

#page-worksList .gnavi ul li:nth-child(5) a{
	background-color: #505878;
}

#page-price .gnavi ul li:nth-child(6) a{
	background-color: #505878;
}


/* formBtn */
ul.formBtn li a{
	display: block;
	color: #fff;
	padding: 15px 20px 15px 13px;
	line-height: 1.4;
	background:url(../img/common/icon_arrow01.png) no-repeat 93% center;
	background-size:4px auto;
	font-weight: bold;
}
ul.formBtn li.applyBtn a{
	background-color: #ec9933;
}

ul.formBtn li.applydownBtn a{
	background-color: #83c928;
}

ul.formBtn li.contactBtn a{
	background-color: #7a6f51;/* #a28e61 */
	font-weight: normal;
	font-size: 11px;
}
ul.formBtn li.memberBtn a{
	background-image: url(../img/common/icon_login01.png);
	background-repeat: no-repeat;
	background-position: 93% center;
	background-color: #2f384f;
	background-size: auto;
	font-weight: normal;
}
ul.formBtn li a:hover{
	text-decoration: none;
	opacity:0.9;
}
ul.formBtn li.memberBtn a:hover{
	background-color: #555c6e;
}



#pcSide .shopBtn{
	background:#fff;
	margin: 15px 15px 5px 15px;
}
#pcSide .shopBtn a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 28px;
	background:#0b152f url(../img/common/icon_arrow01.png) no-repeat 95% center;
	background-size:4px auto;
	border: 1px solid rgba(255,255,255,.5);
}
#pcSide .shopBtn a:hover{
	text-decoration: none;
	opacity:0.9;
}
#pcSide .shopBtn a.recruit {
    color: "fff";
    text-align: center;
    line-height: 28px;
    background: #a08c5d url(../img/common/icon_arrow01.png) no-repeat 95% center;
    background-size: 4px auto;
    border: 1px solid #a08c5d;
}
#pcSide .shopBtn:has(a.recruit) {
	margin-top: 0;
}

#spHeader{
	display: none;
}
#spSide{
	display: none;
}
@media screen and (max-width:768px){
	#pcHeader{
		display: none;
	}

	#spHeader{
		font-size: 14px;
		display: block;
	}
	#spHeader *{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#spHeader .hTop{
		height: 106px;
		text-align:center;
		background:#0b152f;
		overflow: hidden;
	}
	#spHeader h1{
		width: 33%;
		height: 106px;
		border-right: 1px solid #293147;
		float:left;
	}
	#spHeader h1 a {
		display: block;
		padding-top: 16px;
	}
	#spHeader h1 img{
		width: 98px;
	}
	#spHeader .hRight{
		width: 67%;
		float:left;
		overflow: hidden;
	}

	#spHeader .telBtn{
		height: 59px;
		border-bottom: 1px solid #293147;
		padding-top: 12px;

		width: calc(100% - 100px);
		border-right: 1px solid #293147;
		float: left;
	}
	#spHeader .spHmypage {
		height: 59px;
		width: 100px;

		border-bottom: 1px solid #293147;
		float: left;
	}
	#spHeader .spHmypage a {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	    color: #fff;
	}
	#spHeader .spHmypage a:hover {
		text-decoration: none;
	}
	#spHeader .spHmypage .i-mypage {
		position: relative;
		padding-bottom: 6px;
	}
	#spHeader .spHmypage img {
		width: 21px;
		max-width: inherit;
	}
	#spHeader .spHmypage .badge {
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    border: 2px solid #0b152f;
	    border-radius: 50%;
	    background-color: #ff0054;
	    color: #fff;
	    font-size: 1.0rem;
	    font-family: Arial, sans-serif;
		font-weight: bold;
		line-height: 20px;
	    text-align: center;
	    vertical-align: middle;
		position: absolute;
	    bottom: 0px;
	    right: -10px;
	    z-index: 1;
	}
	#spHeader .spHmypage .txt {
	    display: block;
	    font-size: 1.1rem;
	    line-height: 1;
		color: #b3a16b;
	}

	#spHeader .telBtn img{
		width: 162.5px;
	}
	#spHeader .telBtn p{
		color:rgba(255,255,255,.6);
		font-size: 9px;
		margin-top: 5px;
		
		line-height: 1;
		
	}
	#spHeader .shopBtn{
		width: 50%;
		height: 47px;
		border-right: 1px solid #293147;
		float:left;
	}
	#spHeader .shopBtn a{
		display: block;
		color:#fff;
		line-height: 47px;
		background:url(../img/common/icon_arrow01.png) no-repeat 85% center;
		background-size:6px auto;
		padding-right: 15px;
	}
	#spHeader .menuBtn{
		width: 50%;
		height: 47px;
		color:#5dd7f5;
		line-height: 47px;
		background:url(../img/common/btn_menu01.png) no-repeat 88% center;
		background-size:17.5px auto;
		padding-right: 20px;
		float:left;
	}
	#spHeader ul.formBtn li a{
		font-size: 18px;
		line-height: 47.5px;
		background-size:7px auto;
	}
	#spHeader ul.formBtn li.memberBtn a{
		background-size: auto;
		font-weight: normal;
	}
	
	#spHeader ul.sns-icon-sp {
/*
		display:table;
		table-layout: auto;
		width: 100%;
*/
		display: flex;
		border-top: 1px solid #293147;
	}
	#spHeader ul.sns-icon-sp li {
		/*
		display: table-cell;
		vertical-align: middle;
		width: 33.3333%;
		text-align: center;
		*/
		text-align: center;
	}
	#spHeader ul.sns-icon-sp li a:hover {
		text-decoration: none;
		opacity: 0.9;
	}
	#spHeader ul.sns-icon-sp li.list-wl {
		width: calc(66.666666% - 1px);
	}
	#spHeader ul.sns-icon-sp li.list-wl a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    background: #0b152f url(../img/common/icon_arrow01.png) no-repeat 93% center;
	    background-size: 6px auto;
		color: #fff;
		line-height: 1.5;
		padding: 13px 0;
	}
	#spHeader ul.sns-icon-sp li.list-wl img {
	    width: 17px;
	    margin-right: 20px;
	    opacity: 0.5;
	}
	#spHeader ul.sns-icon-sp li.list-ig a {
		display: block;
		line-height: 1.2;
		padding: 15px 0;
		background-color: #b32cb0;
        height: 47px;
	}
	#spHeader ul.sns-icon-sp li.list-ig {
		width: calc(33.333333% + 1px);
	}
	#spHeader ul.sns-icon-sp li.list-ig img {
		height: 15px;
		vertical-align: middle;
	}

	/* サイド */
	#spSide{
		display: block;
		font-size: 14px;
		background:#0b152f;
		position: fixed;
		right: 0;
		top: 0;
		z-index:0;
		overflow-y: scroll;
		padding-bottom: 90px;
	}

	#spSide .sp-smenu {
		border-top: 1px solid #293147;
	}

	#spSide .sp-smenu li {
		border-bottom: 1px solid #293147;
	}

	#spSide .sp-smenu li a {
		display: block;
		padding: 10px 15px;
		color: #fff;
		background: #0b152f url(../img/common/icon_arrow01.png) no-repeat 95% 50%;
		background-size: 4px auto;
/*		font-size: 55%;*/
	}


	#spSide .sp-smenu li:nth-child(n + 8) a {
		font-size: 80%;
	}


	#spSide .sp-smenu li a:hover {
		text-decoration: none !important;
		background-color: #505878;
	}

	ul.formBtn li a{
		line-height: 1.4;
		font-size: 55%;
		padding: 8px 15px;
	}
}


@media (max-width: 480px) {
	#spHeader .telBtn{
		width: calc(100% - 65px);
		padding: 5px;
		display: flex;
    	flex-direction: column;
    	justify-content: center;
	}
	#spHeader .spHmypage {
		width: 65px;
	}

}
@media (max-width: 350px) {
	#spHeader .spHmypage .txt {
		letter-spacing: 0;
	}
	#spHeader h1 img {
		width: 90px;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  3.サイドバー（PC max-width:768px）
* --------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#sb-site { min-height: inherit !important;}
}

@media screen and (max-width: 768px) {
	html, body, #sb-site, 
	.sb-site-container, 
	.sb-slidebar {
		/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	html, body {
		width: 100%;
	}

	html {
		height: 100%; /* Site is as tall as device. */
	}

	body {
		min-height: 100%;
		height: auto;
		position: relative; /* Required for static Slidebars to function properly. */
		overflow-x: hidden;
	}

	/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
	html.sb-scroll-lock.sb-active:not(.sb-static) {
		overflow: hidden;
	}

	/* ----------
	 * 002 - Site */

	#sb-site, .sb-site-container {
		/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
		width: 100%;
		min-height: 100vh;
		position: relative;
		z-index: 1; /* Site sits above Slidebars */
		background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
	}

	/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
	#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
		content: ' ';
		display: table;
	}

	#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
		clear: both;
	}

	/* ---------------
	 * 003 - Slidebars
	 */

	.sb-slidebar {
		height: 100%;
		overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
		position: fixed;
		top: 0;
		z-index: 0; /* Slidebars sit behind sb-site. */
		display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
		background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */
	}

	.sb-slidebar, .sb-slidebar * {
		-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
	}

	.sb-left {
		left: 0; /* Set Slidebar to the left. */
	}

	.sb-right {
		right: 0; /* Set Slidebar to the right. */
	}

	html.sb-static .sb-slidebar,
	.sb-slidebar.sb-static {
		position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
	}

	.sb-slidebar.sb-active {
		display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	}

	.sb-style-overlay {
		z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
	}

	.sb-momentum-scrolling {
		-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
	}

    .sb-slidebar { width: 30%;}	
    .sb-width-thin { width: 15%;}
    .sb-width-wide { width: 45%;}
}
@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar { width: 70%;}
	.sb-width-thin { width: 55%;}
	.sb-width-wide { width: 85%;}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar { width: 55%;}
	.sb-width-thin { width: 40%;}
	.sb-width-wide { width: 70%;}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */
 
@media (max-width: 768px) {
	.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
		-webkit-transform: translate( 0px );
		   -moz-transform: translate( 0px );
		     -o-transform: translate( 0px );
		        transform: translate( 0px );
		
		-webkit-transition: -webkit-transform 400ms ease;
		   -moz-transition:    -moz-transform 400ms ease;
		     -o-transition:      -o-transform 400ms ease;
		        transition:         transform 400ms ease;
		
		-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
		-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
	}
}
/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

/* ----------------------------------------------------------------------------------------------------
*  4.メインコンテンツ
* --------------------------------------------------------------------------------------------------*/
#container{
	margin-left: 20px !important;
	margin-right: 20px !important;
	position: relative;
}

#container .lClm{
	margin-right: 280px;
	min-height: 380px;
}

h2, h3, h4, h5, h6{
	color: #000;
	line-height: 1.3;
}
.ttl01{
	width: 100%;
	height: 80px;
	text-align:center;
	background:url(../img/common/bg_title01.png);
	display:table;
}
.ttl01 span{
	display:table-cell;
	vertical-align: middle;
	font-family: "Hannari", serif;
	color: #111;
	font-size: 26px;
}
.ttl02{
	color:#1e1e1e;
	font-size: 28px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.5;
	text-align:center;
	margin-bottom: 30px;
}
.ttl02 span{
	display: block;
	color:#a08c5d;
	font-size: 13px;
	font-family: 'Crimson Pro', serif;
	font-weight: 400;
	margin-bottom: 5px;
	letter-spacing:0.5 !important;
}

.ttl02 span.mini {
	display: inline;
	margin-bottom: 0px;
	color:#1e1e1e;
	font-size: 26px;
}


.detailBtn a{
	display: block;
	width: 130px;
	color: #fff;
	font-size: 11px;
	letter-spacing:.05em;
	line-height: 25px;
	text-align:center;
	background:url(../img/common/icon_arrow01.png) no-repeat 93% center;
	background-size:4px auto;
}
.detailBtn a:hover{
	text-decoration: none;
	opacity:0.9;
}
.btn a {
	color: #fff;
}
.btn input{
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.btn a{
	display: block;
}
.btn a:hover,
.btn input:hover{
	text-decoration: none;
	opacity:0.9;
	cursor:pointer;
}


/* パンくず */
.breadcrumb{
	color:#000;
	border-bottom: 1px solid #f0f0ee;
	padding:7px 20px;
	position: relative;
}
.breadcrumb ul{
}
.breadcrumb ul li{
	display: inline-block;
	font-size: 11px;
}
.breadcrumb ul li::after{
	content:">";
	padding:0 10px;
}
.breadcrumb ul li:last-child::after{
	content:none;
}
.breadcrumb ul li a{
	color:#a28e61;
}
.breadcrumb ul li img{
	width: 14px;
	vertical-align: middle;
}

.breadcrumb .s-header-member {
	position: absolute;
	right: 2%;
    top: 7px;
	font-size: 1.25rem;
	display: flex;
	flex-direction: row;
}
.breadcrumb .s-header-member .sbox-logout {
	margin-left: 5px;
}
.breadcrumb .s-header-member .sbox-logout a {
	color: #1e1e1e;
	letter-spacing: 0;
} 
.breadcrumb .s-header-member .sbox-logout a .icon {
	display: inline-block;
	position: relative;
	padding-left:  30px;
}

.breadcrumb .s-header-member .sbox-logout a .icon.i-logout::before {
	content:"";
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	top: -16px;
	left: 5px;
	background: url("../img/common/icon-logout_gold.svg") no-repeat center 50%;
}


.imgBg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

@media screen and (max-width:768px){
	#container{
		margin: 0 !important;
	}
	#container .lClm{
		margin-right: 0;
		min-height: 1px;
	}

	.ttl01{
		height: 75px;
	}
	.ttl01 span{
		font-size: 2.1rem;
	}
	.ttl01 img{
		width: auto;
		max-height:19px;
	}
	.ttl02{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.ttl02 span{
		font-size: 12px;
	}

	.breadcrumb{
		display: none;
	}
}

@media screen and (max-width:480px){
	.ttl01 span{
		font-size: 21px;
	}	
}

/* サブナビ */
.snavi{
	background:#a28e61;
}
.snavi ul{
/* 	background:#fff; */
	overflow: hidden;
}
.snavi ul li{
	background:#a28e61;
	padding:10px 0;
	float:left;
}
.snavi ul li:hover{
	opacity:0.9;
}
.snavi ul li a{
	display: block;
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 20px;
	text-align:center;
	border-right: 1px solid #b3a27d;
}
.snavi ul li:last-child a{
	border-right: none;
}
.snavi ul li a:hover{
	text-decoration: none;
}
.snavi ul li span::before{
	content:"";
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	background:url(../img/common/icon_arrow05.png) no-repeat;
	margin: 0 10px 4px 0;
}
@media screen and (max-width:768px){
	.snavi ul{
		background-color: #ffffff;
	}
	.snavi ul li{
		width: 100% !important;
		margin-bottom: 1px;
		float:none;
	}
	.snavi ul li:nth-child(2n) a{
		border-left: none;
	}
}



/* このアイテムの関連事例 */
.relatedCaseArea{
	background:#fafaf3;
	padding:50px 7.5%;
	position: relative;
}
.relatedCaseArea h3{
	color:#000;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 30px;
	margin-bottom: 20px;
}
.relatedCaseArea h3::before{
	content:"";
	display: inline-block;
	vertical-align: bottom;
	width: 30px;
	height: 30px;
	background:url(../img/common/icon_relate01.png) no-repeat left top;
	margin-right: 10px;
}
.relatedCaseArea .sliderArea{
	position: relative;
}
.relatedCaseArea .sliderArea ul li{
	background:#f3f3eb;
}
.relatedCaseArea .sliderArea ul li:nth-child(2n){
	background:#fff;
}
.relatedCaseArea .sliderArea ul li a{
	display: block;
	color:#666;
}

.relatedCaseArea .sliderArea ul li a:hover {
	text-decoration: none !important;
}
.relatedCaseArea .sliderArea ul li .image {
	aspect-ratio: 1/1;
}
.relatedCaseArea .sliderArea ul li .image img{
	width: 100%;
	height: 100% !important;
	display: block;
	object-fit: cover;
}
.relatedCaseArea .sliderArea ul li .text{
	line-height: 1.4;
	padding:15px;
}
.relatedCaseArea .sliderArea ul li .text p.name{
	color:#000;
	font-weight: bold;
	padding-bottom: 12px;
	margin-bottom: 12px;
	position: relative;
}
.relatedCaseArea .sliderArea ul li .text p.name::after{
	content:"";
	display: block;
	width: 10px;
	height: 1px;
	background:#a28e61;
	position: absolute;
	left: 0;
	bottom: 0;
}

.relatedCaseArea .sliderArea ul li .text p.price {
	font-size: 90%;
}

.relatedCaseArea .sliderArea ul li .text p.price span{
	color:#970000;
}
.relatedCaseArea .sliderArea .arrows p{
	position: absolute;
	top: 50%;
	margin-top: -21px;
}
.relatedCaseArea .sliderArea .arrows p.prevBtn{
	left: -6%;
}
.relatedCaseArea .sliderArea .arrows p.nextBtn{
	right: -6%;
}
.relatedCaseArea .sliderArea .arrows p:hover{
	opacity:0.9;
	cursor:pointer;
}
.relatedCaseArea p.moreBtn{
	position: absolute;
	top: 60px;
	right: 7.5%;
}
.relatedCaseArea p.moreBtn a{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 16px;
	background:url(../img/common/icon_arrow04.png) no-repeat left top;
	background-size:14px auto;
	padding:0 20px;
}
@media screen and (max-width:768px){
	.relatedCaseArea{
		padding:30px 15px;
	}
	.relatedCaseArea h3{
		font-size: 17px;
		line-height: 21px;
		text-align:center;
		margin-bottom: 15px;
	}
	.relatedCaseArea h3::before{
		width: 21px;
		height: 21px;
		background-size:21px auto;
		margin-right: ８px;
	}
	.relatedCaseArea .sliderArea ul li .text{
		font-size: 10px;
		padding:10px;
	}
	.relatedCaseArea .sliderArea ul li .text p.name{
		font-size: 10.5px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	.relatedCaseArea .sliderArea ul li .text p.name::after{
		width: 5px;
	}
	.relatedCaseArea .sliderArea .arrows p{
		width: 26px;
		margin-top: -13px;
	}
	.relatedCaseArea .sliderArea .arrows p.prevBtn{
		left: -15px;
	}
	.relatedCaseArea .sliderArea .arrows p.nextBtn{
		right: -15px;
	}
	.relatedCaseArea p.moreBtn{
		position: static;
		margin-top: 10px;
	}
	.relatedCaseArea p.moreBtn a{
		display: block;
		font-size: 14px;
		line-height: 1.4;
		text-align:left;
		background-position:15px center;
		border: 1px solid #0b152f;
		padding:6px 10px 6px 35px;
	}

	.relatedCaseArea p.moreBtn a:hover {
		text-decoration: none !important;
	}
}




/* このアイテムに関連するお客様の声 */
.reviewArea{
	padding:50px 7.5% 70px;
	border-top: 1px solid #f0f0ee;
}

.no-border .reviewArea {
	border-top: none !important;
}

.reviewArea h3{
	color:#000;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 30px;
	margin-bottom: 25px;
}
.reviewArea h3::before{
	content:"";
	display: inline-block;
	vertical-align: bottom;
	width: 30px;
	height: 30px;
	background:url(../img/common/icon_review01.png) no-repeat left top;
	margin-right: 10px;
}
.reviewArea ul.reviewList{
	color:#444;
	line-height: 1.66;
	margin-bottom: 45px;
	background: url(../img/common/bg_linegrey.gif) repeat-y 50% top;
	width: 100%;
}
.reviewArea ul.reviewList {
	margin-left: -5%;
}

.reviewArea ul.reviewList li{
	float:left;
	padding: 0 5% 30px 5%;
}

.grid-sizer,
.reviewitem {
	width: 40%;
}

.reviewArea ul.reviewList li:nth-last-child(-n+2){
	padding-bottom: 0;
}

/*.reviewArea ul.reviewList li:nth-child(2n-1){
	float:left;

}

.reviewArea ul.reviewList li:nth-child(2n){
	padding-right: 0;

}*/

.reviewArea ul.reviewList li .rating{
	color:#646464;
	font-size: 90%;
}

.reviewArea ul.reviewList li .rating span{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
}
.reviewArea ul.reviewList li .rating img{
	vertical-align: middle;
}
.reviewArea ul.reviewList li .title{
	color:#333;
	font-weight: bold;
	margin:5px 0 7px;
}
.reviewArea ul.reviewList li p {
	line-height: 1.3;
}

.reviewArea ul.reviewList li p + br {
	display: block;
	height: 0;
	line-height: 1.0;
}

.reviewArea ul.reviewList li p + br + br {
	display: none;
}

.reviewArea ul.reviewList li .reviewer{
	color:#639eb6;
	margin-top: 7px;
	font-size: 90%;
}
.reviewArea ul.reviewList li .reviewer span{
	color:#646464;
	padding:0 1em;
}
.reviewArea ul.reviewBtn{
	text-align:center;
}
.reviewArea ul.reviewBtn li{
	display: inline-block;
	margin:0 10px 10px 10px;
}



.reviewArea ul.reviewBtn li a{
	display: block;
	width: 270px;
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 45px;
	background:#a28e61 url(../img/common/icon_arrow01.png) no-repeat 94% center;
	background-size:6px auto;
}
.reviewArea ul.reviewBtn li a:hover{
	text-decoration: none;
	opacity:0.9;
}
.reviewArea ul.reviewBtn li a::before{
	content:"";
	display: inline-block;
	width: 14px;
	height: 17px;
	background:url(../img/common/icon_review02.png);
	vertical-align: middle;
	margin:0 8px 4px 0;
}
.reviewArea ul.reviewBtn li.reviewBtn02 a::before{
	width: 18px;
	height: 18px;
	background:url(../img/common/icon_review03.png);
}
@media screen and (min-width:769px){
	.reviewArea ul.reviewBtn li a::before{
		margin-left: -20px;
	}
}
@media screen and (max-width:768px){
	.reviewArea{
		padding:0;
	}
	.reviewArea h3{
		display: none;
	}
	.reviewArea ul.reviewList{
		display: none;
	}

	.reviewArea ul.reviewBtn {
		padding: 15px;
	}

	.reviewArea ul.reviewBtn li{
		display: block;
		text-align:left;
		margin:0;
	}
	.reviewArea ul.reviewBtn li a{
		width: 100%;
		font-size: 16.5px;
		line-height: 47.5px;
		padding:0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.reviewArea ul.reviewBtn li.reviewBtn02{
		display: none;
	}
}



/* メルマガ会員募集 */
.mMagazineArea{
	background-color:#f1f7f5;
	background-image:url(../img/common/bg_mMagazine01.png), url(../img/common/bg_mMagazine02.png);
	background-repeat:no-repeat, no-repeat;
	background-position:3% bottom, 97% bottom;
	padding: 40px 0 30px 0;
}
.mMagazineArea>dl{
	width: 90%;
	margin: 0 5%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
}
.mMagazineArea dl dt{
	width: 250px;
	/*display:table-cell;
	vertical-align: middle;*/
	color:#4aa27c;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	text-align:center;
	padding:0 3% 0 0;
	position: relative;
}


.mMagazineArea dl dt::before{
	content:"無料";
	background:url(../img/common/bg_balloon01.png);
	display: block;
	width: 51px;
	height: 50px;
	color:#fff;
	font-size: 14px;
	text-align:center;
	line-height: 50px;
	position: absolute;
	left: -10px;
    top: -55px;
}
.mMagazineArea dl dt span{
	display: block;
	color:#1e1e1e;
	font-size: 30px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	white-space: nowrap;
}
.mMagazineArea dl dd{
/*	display: inline-block;
	float: left;
	vertical-align: middle;*/
}
.mMagazineArea dl dd.tokuten{
/*	width: 230px;*/
	width: 330px;
	border-left: 1px solid #e2eae7;
	border-right: 1px solid #e2eae7;
	padding-left: 3%;
    padding-right: 3%;
}
.mMagazineArea dl dd.tokuten p{
	color:#a08c5d;
	font-size: 1.5rem;
	font-weight: bold;
	background:url(../img/common/icon_present01.png) no-repeat left top;
	padding:3px 0 3px 40px;
	margin-bottom: 10px;
}
.mMagazineArea dl dd.tokuten ol{
	font-size: 16px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.5;
	margin-bottom: 15px;
}
.mMagazineArea dl dd.tokuten .free {
	display: block;
	font-size: 14px;
	line-height: 1.5;
}

.mMagazineArea dl dd.tokuten ol li span{
	color:#a08c5d;
	font-size: 20px;
	font-family: 'Crimson Pro', serif;
	font-weight: 400;
	padding-right: 5px;
}
.mMagazineArea dl dd.tokuten .box1{
	font-size: 12px;
	line-height: 18px;
	padding-top: 15px;
	padding-right: 15px;
/* 	border-top: 1px solid #e2eae7; */
}
.mMagazineArea dl dd.register{
	min-width: 300px;
	max-width: 412px;
	padding:0 0 0 3%;
}
.mMagazineArea dl dd.register p{
	width: 290px;
	display: inline-block;
	vertical-align: middle;
	margin:25px 15px 5px 0;
	float: left;
}
.mMagazineArea dl dd.register p a{
	display: block;
	color:#fff;
	font-size: 16px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 50px;
	text-align:center;
	background-color:#4aa27c;
	background-image:url(../img/common/icon_email01.png), url(../img/common/icon_arrow01.png);
	background-repeat:no-repeat, no-repeat;
	background-position:10% center, 93% center;
}
.mMagazineArea dl dd.register p a:hover{
	text-decoration: none;
	opacity:0.9;
}
.mMagazineArea dl dd.register .qrCode{
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 5px 0;
	float: left;
}


@media screen and (max-width:1350px){
	.mMagazineArea>dl {
		
		flex-direction: row;
    	flex-wrap: wrap;
	}
	.mMagazineArea dl dt{
		width: 100%;
    	display: block;
		margin-bottom: 15px;
	}
	.mMagazineArea dl dt::before {
		left: 50%;
		margin-left: -160px;
	}
	.mMagazineArea dl dd.tokuten {
		border-left: none;
	    width: 300px;
	}
	.mMagazineArea dl dd.register {
		min-width: inherit;
    	max-width: none;
    	padding: 0 0 0 3%;
	}

}
@media screen and (max-width:1055px){
	.mMagazineArea>dl {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.mMagazineArea dl dd.tokuten {
		border-right: none;
	    width: auto;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	.mMagazineArea dl dd.register {
    	padding: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width:768px){
	.mMagazineArea{
		background-position:3% 5%, 96% 64%;
		background-size:30px auto, 25px auto;
		padding: 20px 15px 30px;
	}
	.mMagazineArea>dl{
		display:block;
	}
	.mMagazineArea dl dt{
		width: 100%;
		display:block;
		font-size: 11px;
		padding:0;
		margin-bottom: 15px;
	}
	.mMagazineArea dl dt::before{
		width: 45px;
		height: 44px;
		color:#fff;
		font-size: 12px;
		line-height: 44px;
		background-size:100% auto;
		margin-left: -125px;
    	top: -35px;
	}
	.mMagazineArea dl dt span{
		font-size: 18px;
	}
	.mMagazineArea dl dd{
		display:block;
		float: none;
	}
	.mMagazineArea dl dd.tokuten{
		width: 100%;
		text-align:center;
		border: none;
		padding: 0;
		margin-bottom: 15px;
	}
	.mMagazineArea dl dd.tokuten p{
		display: inline-block;
		font-size: 13px;
		background-size:20px auto;
		padding:2px 30px;
		margin-bottom: 5px;
	}
	.mMagazineArea dl dd.tokuten ol{
		font-size: 14px;
	}
	.mMagazineArea dl dd.tokuten ol li span{
		font-size: 17px;
	}
	.mMagazineArea dl dd.register{
		width: 100%;
		min-width:0;
		max-width: 100%;
		padding: 0;
		clear: both;
	}
	.mMagazineArea dl dd.register p{
		width: 100%;
		display: inline-block;
		margin:0 auto;
	}

	.mMagazineArea dl dd.register p a{
		font-size: 15px;
		line-height: 47.5px;
		text-align:left;
		background-size:15px auto, 7px auto;
		background-position:15px center, 93% center;
		padding:0 40px;
	}
	.mMagazineArea dl dd.register .qrCode{
		display: none;
	}
}



/* 修理&クリーニング実績 */
.performanceArea{
	padding-top: 70px;
}

.performanceArea h2{
	font-size: 28px;
	margin-bottom: 35px;
}
.performanceArea .sliderArea{
	position: relative;
}
.performanceArea .sliderArea ul li{
	position: relative;
}
.performanceArea .sliderArea ul li:nth-child(2n)::after{
	content:"";
	display: block;
	width: 1px;
	height: 160px;
	background:#fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index:4;
}
.performanceArea .sliderArea ul li a{
	display: block;

	color:#222;
}

.performanceArea .sliderArea ul li a:hover {
	text-decoration: none !important;
}


.performanceArea  .imageArea{
	padding:0 8% 0 16%;
	margin-bottom: -10%;
	overflow: hidden;
	position: relative;
	z-index:2;
}
.performanceArea .sliderArea ul li:nth-child(2n) .imageArea{
	padding:0 16% 0 8%;
}
.performanceArea .sliderArea ul li:nth-child(2n) .imageArea::before{
	content:"";
	display: block;
	width: 1px;
	height: 100%;
	background:#f0f0ee;
	position: absolute;
	left: 0;
	top: 0;
	z-index:3;
}
.performanceArea  .imageArea .before{
	width: 33%;
	float:left;
}
.performanceArea  .imageArea .before img{
	width: 100%;
	height: 52.188%;
}
.performanceArea  .imageArea .after{
	width: 63%;
	float:right;
}
.performanceArea  .imageArea .image{
	position: relative;
}
.performanceArea  .imageArea .image img{
	width: 100%;
}
.performanceArea  .imageArea .image p.caption{
	width: 100%;
	color:#fff;
	font-size: 13px;
	background:rgba(0,0,0,.6);
	padding:5px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.performanceArea  .textArea{
	height: 130px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3;
	background:#f6f6eb;
	padding:30px 8% 0 16%;
}
.performanceArea .sliderArea ul li:nth-child(2n) .textArea{
	padding:30px 16% 0 8%;
}
.performanceArea  .textArea p.date{
	font-size: 11px;
	margin-bottom: 10px;
	color: #0b152f;
}
.performanceArea  .textArea p.date span{
	display: block;
	font-weight: normal;
	color: #666666 !important;
}
.performanceArea .sliderArea .arrows p{
	position: absolute;
	top: 50%;
	margin-top: -21px;
}
.performanceArea .sliderArea .arrows p.prevBtn{
	left: 2%;
}
.performanceArea .sliderArea .arrows p.nextBtn{
	right: 2%;
}
.performanceArea .sliderArea .arrows p:hover{
	opacity:0.9;
	cursor:pointer;
}
@media screen and (max-width:768px){
	.performanceArea{
		padding-top: 25px;
	}
	.performanceArea h2{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.performanceArea .sliderArea ul li:nth-child(2n)::after{
		content:none;
	}
	.performanceArea  .imageArea{
		padding:0 15px;
		margin-bottom: -18px;
	}
	.performanceArea .sliderArea ul li:nth-child(2n) .imageArea{
		padding:0 15px;
	}
	.performanceArea .sliderArea ul li:nth-child(2n) .imageArea::before{
		content:none;
	}
	.performanceArea  .imageArea .image p.caption{
		font-size: 9px;
		padding:1px 5px;
	}
	.performanceArea  .textArea{
		height: 85px;
		font-size: 12.5px;
		padding:30px 35px 0;
	}
	.performanceArea .sliderArea ul li:nth-child(2n) .textArea{
		padding:30px 35px 0;
	}
	.performanceArea  .textArea p.date{
		font-size: 10px;
		margin-bottom: 5px;
	}
	.performanceArea  .textArea p.date span{
		display: block;
	}
	.performanceArea .sliderArea .arrows p{
		width: 26px;
		top: auto;
		bottom: 50px;
		margin:0 0 -13px;
	}
	.performanceArea .sliderArea .arrows p.prevBtn{
		left: 3px;
	}
	.performanceArea .sliderArea .arrows p.nextBtn{
		right: 3px;
	}
}


/* Service Menu */
#page-home .serviceMenuArea {
	border-top: 1px solid #f0f0ee;
}

.serviceMenuArea .menuTop{
	padding: 65px 5%;
	position: relative;
}

.serviceMenuArea span.obi-menu{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
}
.serviceMenuArea .menuTop .box{
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.serviceMenuArea .menuTop .lClm{
	padding-right: 3%;
	float:left;
	border-right: 1px solid #f0f0f0;
}

.serviceMenuArea .menuTop .rClm{
	padding-left: 3%;
	float:right;
}
.serviceMenuArea .menuTop h3{
	text-align:center;
	background:#a08c5d;
	padding:10px 10px;
	margin-bottom: 13px;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	position: relative;
}

.serviceMenuArea .menuTop h3::after{
	content:"";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top: 10px solid #a28e61;
	position: absolute;
	left: 50%;
	bottom: -25px;
	margin-left: -8px;
	z-index:10;
}

.serviceMenuArea .menuTop p{
	color:#666;
	font-size: 13px;
	line-height: 1.5;
	text-align:center;
	margin-bottom: 30px;
}

.serviceMenuList dl{
	width: 47%;
}
.serviceMenuList dl.left{
	float:left;
}
.serviceMenuList dl.right{
	float:right;
}
.serviceMenuList dl dt{
	color:#131b30;
	padding-left: 17px;
	margin-bottom: 10px;
	position: relative;
	font-size: 120%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.serviceMenuList dl dt::before{
	content:"";
	display: block;
	width: 9px;
	height: 2px;
	background:#a08c5d;
	position: absolute;
	left: 0;
	top: 13px;
}



#page-home .serviceMenuList dl dd ul:nth-child(2) {
	border-top: none !important;
}

.serviceMenuList dl dd ul{
	border-top: 1px solid #e9e4d6;
}
.serviceMenuList dl dd ul li{
	padding: 2px 0;
	font-size: 13px;
	line-height: 1.25;
	border-bottom: 1px solid #e9e4d6;
}
.serviceMenuList dl dd ul li a{
	display: block;
	color:#333;
	background: #f7f7ef url(../img/common/icon_arrow03.png) no-repeat 95% center;
	background-size:5px auto;
	padding:8px 20px 8px 15px;
}

.serviceMenuList dl dd ul li a:hover {
	background-color: #fff;
	text-decoration: none !important;
}

.serviceMenuArea .menuBtm {
	padding-top: 65px;
}

.serviceMenuArea .menuBtm>ul{
	border: 1px solid #f0f0ee;
	margin: 0 5%;
}

.serviceMenuArea .menuBtm ul:last-child{
	border-top: none;
}

.serviceMenuArea .menuBtm>ul>li{
	width: 50%;
	padding:35px 35px;
	float:left;
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serviceMenuArea .menuBtm>ul>li:nth-child(2n){
	border-left: 1px solid #f0f0ee;
}
.serviceMenuArea .menuBtm>ul>li .image{
	width: 200px;
	height: 200px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	text-align:center;
	float:left;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.serviceMenuArea .menuBtm>ul>li>.image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.serviceMenuArea .menuBtm>ul>li>.image > a:hover {
	text-decoration: none !important;
}

.serviceMenuArea .menuBtm>ul>li.jacket .image{
	color:#8d98b7;
	background:url(../img/common/icon_jecket01.png) no-repeat center 100px;
	border: 5px solid #8d98b7;
}

.serviceMenuArea .menuBtm>ul>li.jacket .image a {
	color:#8d98b7 !important;
}

.serviceMenuArea .menuBtm>ul>li.jacket>.image > a:hover {
	background-color: rgba(141,152,183,0.15);
}

.serviceMenuArea .menuBtm>ul>li.bag .image{
	color:#c2b391;
	background:url(../img/common/icon_bag01.png) no-repeat center 105px;
	border: 5px solid #c2b391;
}

.serviceMenuArea .menuBtm>ul>li.bag .image a {
	color:#c2b391 !important;
}

.serviceMenuArea .menuBtm>ul>li.bag>.image > a:hover {
	background-color: rgba(194,179,145,0.15);
}

.serviceMenuArea .menuBtm>ul>li .image span{
	padding-top: 25px;
	display: block;
	font-size: 28px;
	font-family: 'Crimson Pro', serif;
	font-weight: 400;
}
.serviceMenuArea .menuBtm>ul>li .image br{
	display: none;
}
.serviceMenuArea .menuBtm>ul>li .text{
	margin-left: 220px;
}
.serviceMenuArea .menuBtm>ul>li .text .logoArea{
	margin-bottom: 20px;
}
.serviceMenuArea .menuBtm>ul>li .text .logoArea .logo{
	width: 84px;
	margin-bottom: 10px;
}
.serviceMenuArea .menuBtm>ul>li .text .logoArea p{
	font-size: 90%;
	line-height: 1.57;
}
@media screen and (max-width:1200px){
	.serviceMenuArea .menuBtm>ul>li .image{
		float:none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.serviceMenuArea .menuBtm>ul>li .text{
		margin-left: 0px;
	}
	.serviceMenuArea .menuBtm>ul>li .text .logoArea .logo{
		float: left;
		margin-right: 10px;
	}
	.serviceMenuArea .menuBtm>ul>li .text .logoArea{
		margin-bottom: 40px;
	}
}
@media screen and (min-width:1500px){
	.serviceMenuArea .menuBtm>ul>li .text .logoArea{
		overflow: hidden;
	}
	.serviceMenuArea .menuBtm>ul>li .text .logoArea .logo{
		margin-bottom: 0;
		float:left;
	}
	.serviceMenuArea .menuBtm>ul>li .text .logoArea p{
		margin-left: 100px;
	}
}
.serviceMenuArea .menuBtm>ul>li.jacket .text .logoArea p{
	color:#444;
}
.serviceMenuArea .menuBtm>ul>li.bag .text .logoArea p{
	color:#444;
}
.serviceMenuArea .menuBtm>ul>li .text ul{
}
.serviceMenuArea .menuBtm>ul>li .text ul li{
	margin-top: 2px;
}
.serviceMenuArea .menuBtm>ul>li .text ul li a{
	display: block;
	color:#fff;
	font-size: 12px;
	line-height: 30px;
	background-image:url(../img/common/icon_arrow01.png);
	background-repeat:no-repeat;
	background-position:95% center;
	padding:0 10px;
}
.serviceMenuArea .menuBtm>ul>li.jacket .text ul li a{
	background-color:#505878;
}
.serviceMenuArea .menuBtm>ul>li.bag .text ul li a{
	background-color:#a08c5d;
}
.serviceMenuArea .menuBtm>ul>li .text ul li a:hover{
	text-decoration: none;
	opacity:0.9;
}
@media screen and (max-width:768px){
	.serviceMenuArea .menuTop{
		height: auto;
		padding: 20px 0 0 0;
	}

	.ttl02 span.mini {
		font-size: 14px;
	}

	.serviceMenuArea .menuTop h3 {
		font-size: 15px;
	}

	.serviceMenuArea .menuTop .box{
		width: 100%;
		padding: 0 15px 20px 15px !important;
	}
	.serviceMenuArea .menuTop .lClm{
		float:none;
	}
	.serviceMenuArea .menuTop .rClm{
		float:none;
	}
	.serviceMenuArea .menuTop h3{
		margin-bottom: 12px;
	}
	.serviceMenuArea .menuTop p{
		font-size: 12px;
		margin-bottom: 20px;
	}
	.serviceMenuArea .menuTop p br{
		display: none;
	}
	.serviceMenuList dl{
		width: 48%;
	}
	.serviceMenuList dl dt{
		padding-left: 15px;
		margin-bottom: 5px;
		position: relative;
	}
	.serviceMenuList dl dt::before{
		width: 7px;
		height: 2px;
	}
	.serviceMenuList dl dd ul li a{
		display: block;
		color:#333;
		background:#f7f7ef url(../img/common/icon_arrow03.png) no-repeat 95% center;
		background-size:5px auto;
		padding:12px 20px 12px 10px;
	}

	.serviceMenuList dl dd ul li a:hover {
		background-color: #fff;

	}

	.serviceMenuArea .menuBtm{
		padding: 20px 15px 15px 15px;
	}
	.serviceMenuArea .menuBtm>ul{
		border: none;
		padding:0;
		margin: 0;
	}

	.serviceMenuArea .menuBtm>ul>li{
		width: 48%;
		padding:0;
		margin-bottom: 20px;
	}
	.serviceMenuArea .menuBtm>ul>li:nth-child(2n){
		border-left: none;
		float:right;
	}
	.serviceMenuArea .menuBtm>ul>li .image{
		width: 100%;
		height: 140px;
		font-size: 10px;
		float:none;
		margin-bottom: 1px;
	}

	.serviceMenuArea .menuBtm>ul>li .image span {
		padding-top: 20px;
	}


	.serviceMenuArea .menuBtm>ul>li.jacket .image{
		background-size:30px auto;
		background-position:center 83px;
		border-width:3px;
	}
	.serviceMenuArea .menuBtm>ul>li.bag .image{
		background-size:55px auto;
		background-position:center 83px;
		border-width:3px;
	}
	.serviceMenuArea .menuBtm>ul>li .image span{
		font-size: 22px;
	}
	.serviceMenuArea .menuBtm>ul>li .image br{
		display: block;
	}
	.serviceMenuArea .menuBtm>ul>li .text{
		margin-left: 0;
	}
	.serviceMenuArea .menuBtm>ul>li .text .logoArea{
		display: none;
	}
	.serviceMenuArea .menuBtm>ul>li .text ul{
		width: 100%;
		position: static;
	}
	.serviceMenuArea .menuBtm>ul>li .text ul li{
		margin-top: 1px;
	}
	.serviceMenuArea .menuBtm>ul>li .text ul li a{
		line-height: 18px;
		background-size:4px auto;
		background-position:95% center;
		padding: 10px;
	}
}

@media screen and (max-width:640px){
	.serviceMenuList dl {
		width: 100%;
		margin-bottom: 25px;
	}

	.serviceMenuList dl.left {
		float: none;
	}

	.serviceMenuList dl.right {
		float: none;
	}
}


/* Order Information */
.orderInfoArea{
	padding: 70px 7.5%;
	border-top: 1px solid #f0f0f0;
}
.orderInfoArea h3{
	font-size: 30px;
	font-family: 'Crimson Pro', serif;
	font-weight: 400;
	margin-bottom: 20px;
}
.orderInfoArea .infoBox{
	width: 100%;
	line-height: 1.75;
	background: #fef7ea;
	border: 3px solid #fff1d6;
	padding: 20px 35px 20px 45px;
	margin-bottom: 30px;
	display: table;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.orderInfoArea .infoBox>dt{
	width: 185px;
	color:#0b152f;
	font-size: 14px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background:url(../img/common/bg_info01.png) no-repeat right center;
	display: table-cell;
	vertical-align: middle;
}
.orderInfoArea .infoBox>dt span{
	font-size: 16px;
}
.orderInfoArea .infoBox>dd{
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.orderInfoArea .infoBox>dd dl dt{
	color:#f18228;
	font-size: 15px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 7px;
}
.orderInfoArea .infoBox>dd dl dt::before{
	content:"◎";
	padding-right: .2em;
}
.orderInfoArea .infoBox>dd dl dd{
	font-size: 1.3rem;
	padding-left: 1.2em;
	margin-bottom: 25px;
}
.orderInfoArea .infoBox>dd dl dd:last-child{
	margin-bottom: 0;
}
.orderInfoArea .infoBox>dd dl dd ul{
	line-height: 1;
	margin: 10px 0;
	overflow: hidden;
}
.orderInfoArea .infoBox>dd dl dd ul li{
	border-right: 1px solid #666;
	padding-right: 12px;
	margin-right: 12px;
	float:left;
}
.orderInfoArea .infoBox>dd dl dd ul li:last-child{
	border-right: none;
}
.orderInfoArea .infoBox>dd .detailBtn{
	margin-top: 5px;
}
.orderInfoArea .infoBox>dd .detailBtn a{
	background-color:#e08d5d;
}

.orderInfoArea .guideArea{
	overflow: hidden;
}
.orderInfoArea .guideArea>dl{
	width: 47%;
}
.orderInfoArea .guideArea dl.lClm{
	float:left;
}
.orderInfoArea .guideArea dl.rClm{
	float:right;
}
.orderInfoArea .guideArea>dl>dt{
	color:#0b152f;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #e9e4d6;
	padding:0 0 8px 17px;
	margin-bottom: 20px;
	position: relative;
}
.orderInfoArea .guideArea>dl>dt::before{
	content:"";
	display: block;
	width: 9px;
	height: 2px;
	background:#a08c5d;
	position: absolute;
	left: 0;
	top: 12px;
}
.orderInfoArea .guideArea dl dt{
	overflow: hidden;
}
.orderInfoArea .guideArea dl dt span{
	color:#a08c5d;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	float:right;
}
.orderInfoArea .guideArea dl dt span.detailBtn a{
	background-color:#3a415e;
}
.orderInfoArea .guideArea>dl>dd{
	font-size: 13px;
	padding:0 10px 0 20px;
	margin-bottom: 40px;
}

.orderInfoArea .guideArea>dl.lClm>dd dl{
	margin-top: 15px
}
.orderInfoArea .guideArea>dl.lClm>dd dl dt{
	color:#0b152f;
	font-weight: bold;
}
.orderInfoArea .guideArea>dl.rClm>dd dl dt{
	color:#a08c5d;
	font-size: 13.5px;
	font-weight: bold;
	margin-bottom: 5px;
}
.orderInfoArea .guideArea>dl.rClm>dd dl dd{
	margin-bottom: 25px;
}
.orderInfoArea .guideArea>dl.rClm>dd dl dd p{
	margin-bottom: 10px;
}
.orderInfoArea .guideArea>dl.rClm>dd span{
	font-weight: bold;
}
.orderInfoArea .guideArea>dl.rClm>dd strong{
	color:#a70007;
	font-weight: bold;
}
@media screen and (max-width:768px){
	.orderInfoArea{
		display: none;
	}
}


/* 右サイド */
#rSide{
	width: 250px;
	font-size: 12px;
	line-height: 1.5;
	position: absolute;
	top: 0;
	right: 0;
}
#rSide .box{
	border: 1px solid #dcdcdc;
	padding:15px;
	margin-bottom: 10px;
}
#rSide ul{
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #a28e61;
	padding-top: 15px;
	margin: 10px 0;
}
#rSide ul li{
	border: 1px solid #a28e61;
	border-bottom: none;
}
#rSide ul li a{
	color:#a28e61;
	background:url(../img/common/icon_arrow03.png) no-repeat 94% center;
	background-size:6px auto;
	padding:8px 20px 8px 10px;
}
#rSide ul li a:hover{
	color:#fff;
	background:#a28e61 url(../img/common/icon_arrow01.png) no-repeat 94% center;
	background-size:6px auto;
}
#rSide .applyBtn{
	border: 1px solid #ec9933;
	padding:1px;
	margin-bottom: 5px;
}
#rSide .applyBtn a{
	background-color:#ec9933;
	background-image:url(../img/common/icon_applyBtn01.png), url(../img/common/icon_arrow01.png);
	background-repeat:no-repeat, no-repeat;
	background-size:24px auto, 6px auto;
	background-position:6px center, 94% center;
	padding: 15px 20px 15px 34px;
	letter-spacing: 0;
}

#rSide .applyBtn02{
	border: 1px solid #83c928;
	padding:1px;
	margin-bottom: 10px;
}
#rSide .applyBtn02 a{
	background-color:#83c928;
	background-image:url(../img/common/icon_applyBtn02.png), url(../img/common/icon_arrow01.png);
	background-repeat:no-repeat, no-repeat;
	background-size:24px auto, 6px auto;
	background-position:6px center, 94% center;
	padding: 15px 20px 15px 34px;
}

#rSide .mmLink{
	background:url(../img/common/icon_mail02.png) no-repeat left 4px;
	padding-left: 20px;
}
#rSide .retateLink{
	background:url(../img/common/icon_memo01.png) no-repeat left 3px;
	padding-left: 20px;
}
#rSide .reviewLink{
	background:url(../img/common/icon_star01.png) no-repeat left 2px;
	padding-left: 20px;
}
#rSide dl.securityBox{
	color:#000;
	text-align:center;
	background:#f8f8f8;
	padding:8px;
}
#rSide dl.securityBox dt span{
	background:url(../img/price/i_safe.png) no-repeat left 50%;
	padding: 1px 0 1px 16px;
}


@media screen and (max-width:768px){
	#rSide{
		width: 100%;
		position: static;
	}
	#rSide .box{
		border: none;
		padding:0;
		margin-bottom: 0;
	}
	#rSide ul{
		display: none;
	}
	#rSide .applyBtn{
		margin-bottom: 10px;
	}
	#rSide .applyBtn a,
	#rSide .applyBtn02 a{
		font-size: 16.5px;
		background-size:20px auto, 6px auto;
		background-position:12px center, 95% center;
		padding:15px 20px 15px 40px;
	}
	#rSide .mmLink{
		display: none;
	}
	#rSide .retateLink{
		display: none;
	}
	#rSide .reviewLink{
		display: none;
	}
	#rSide dl.securityBox{
		display: none;
	}
}


/* ----------------------------------------------------------------------------------------------------
*  4.フッター
* --------------------------------------------------------------------------------------------------*/
#footer{
	font-size: 12px;
	background:#fbfbf5;
}
#footer .switchBtn{
	display: none;
}

#footer .fNavi{
	padding: 50px 6% 60px;
	overflow: hidden;
	display: flex;
}
#footer .fNavi dl{
	width: 25%;
	border-right: 1px solid #edede1;
	padding: 0 3%;
	/*float:left;*/
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .fNavi dl:last-child{
	border-right: none;
}
#footer .fNavi dl dt{
	color:#0b152f;
	font-size: 19px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.3;
	margin-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 0;
}

#footer .fNavi dl dd{
	line-height: 1.8;
}

#footer .fNavi dl dd ul li a{
	color:#444;
	display: block;
	padding: 2px 10px;
	font-size: 13px;
}

#footer .fNavi dl dd ul li a:hover {
	text-decoration: none !important;
	background: #f3f3eb;
}

#footer .gnavi{
	display: none;
}
#footer .menuBtn{
	display: none;
}

#footer .snsArea{
	text-align:center;
	background:#f6f6eb;

}
#footer .snsArea li{
	display: inline-block;
	vertical-align: middle;
	margin:0 10px;
}

#footer .snsArea li.memberBtn {
	display: none;
}

#footer .snsArea li.icon-only {
	margin: 0;
}

#footer .snsArea li.icon-only img {
	padding-right: 0;
}
/*
#footer .snsArea li.sns-icon-pc {
	display: block;
}
*/
#footer .snsArea li.sns-icon-sp {
	display: none;
}

#footer .snsArea li a{
	display: block;
	padding: 10px;
	color:#222;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.3rem;
    letter-spacing: 0.003rem;
}

#footer .snsArea li a:hover {
	background-color: #efefdd;
	text-decoration: none !important;
}

#footer .snsArea li.memberBtn a:hover {
	background-color: #2f384f;
	opacity: 0.9;
}

#footer .snsArea li img{
	vertical-align: middle;
	padding-right: 10px;
}

#footer .contactArea{
	text-align:center;
	background:#fff;
	padding:40px 0;
}
#footer .contactArea p{
/*	margin-bottom: 20px;*/
}
#footer .contactArea p span{
	color:#000;
	font-size: 1.5rem;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	vertical-align: middle;
}
#footer .contactArea p img{
	display: inline-block;
	vertical-align: middle;
	margin:0 20px 3px;
}

#footer .contactArea ul {
	margin: 0 auto;
	padding: 0 7.5%;
}

#footer .contactArea ul li{
	width: 40%;
	display: inline-block;
	margin:0 1%;
}

#footer .contactArea ul li.applyBtn{
	width: 65%;
	max-width:600px;
}
#footer .contactArea ul li.contactBtn{
	width: 25%;
	max-width:240px;
}
#footer .contactArea ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	padding: 15px 20px;
	background:url(../img/common/icon_arrow01.png) no-repeat 95% center;
}


/* new お申込みボタン */
#footer .contactArea ul li.applyBtn02{
	width: 35%;
	margin-left: 0;
}

/* new ダウンクリーニングボタン */
#footer .contactArea ul li.applydownBtn{
	width: 35%;
}

/* new お問合せボタン */
#footer .contactArea ul li.contactBtn02{
	width: 23%;
	margin-right: 0;
}

#footer .contactArea ul li.applydownBtn a{
	background-color: #83c928;
}



#footer .contactArea ul li.applyBtn a,
#footer .contactArea ul li.applyBtn02 a{
	background-color: #ec9933;
}
#footer .contactArea ul li.contactBtn a,
#footer .contactArea ul li.contactBtn02 a{
	background-color: #b5b591;
	font-size: 15px;
}


#footer .contactArea ul li a:hover{
	text-decoration: none;
	opacity:0.9;
}

#footer .fBtm{
    display: flex;
    justify-content: center;

	text-align:center;
	padding:35px 15px;
}
#footer .fBtm .logo{
	display: inline-block;
	vertical-align: middle;
	border-right: 1px solid #eeeee1;
	padding-right: 30px;
	margin-right: 30px;
}
#footer .fBtm .tel{
	display: none;
}
#footer .fBtm p{
	display: inline-block;
	vertical-align: middle;
	text-align:left;
}
#footer .fBtm .sp-only {
	display: none;
}

#footer .copyright{
	color:#a28e61;
	font-size: 10px;
	background:#fff;
	padding:20px 30px 90px 30px;
	overflow: hidden;
}
#footer .copyright span{
	float:right;
}

@media screen and (max-width:1300px){
	/* new お申込みボタン */
	#footer .contactArea ul li.applyBtn02{
		width: 49%;
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
	}

	/* new ダウンクリーニングボタン */
	#footer .contactArea ul li.applydownBtn{
		width: 49%;
		float: right;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}

	/* new お問合せボタン */
	#footer .contactArea ul li.contactBtn02{
		clear: both;
		display: block;
		width: 100%;
		margin: 0;
	}
}


@media screen and (max-width:980px){
	/* new お申込みボタン,new ダウンクリーニングボタン */
	#footer .contactArea ul li.applyBtn02,
	#footer .contactArea ul li.applydownBtn{
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		display: block;
	}
}

@media screen and (max-width:768px){
	#footer{
		font-size: 14px;
		margin-top: 15px;
	}
	#footer .switchBtn{
		width: 100%;
		font-size: 13px;
		font-weight: bold;
		border-top: 2px solid #18223a;
		padding:15px 10px;
		display: table;
		border-spacing:5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footer .switchBtn span{
		display: table-cell;
		vertical-align: middle;
		padding-right: 5px;
	}
	#footer .switchBtn a{
		display: table-cell;
		vertical-align: middle;
		color:#fff;
		text-align:center;
		line-height: 40px;
		border-radius: 5px;
		padding:0 15px;
	}
	#footer .switchBtn a.spBtn{
		background:#505878;
	}
	#footer .switchBtn a.pcBtn{
		background:#9ca9cb;
	}

	#footer .fNavi{
		display: none;
	}
	#footer .gnavi{
		display: block;
	}

	#footer .flex{
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#footer .contactArea{
		-webkit-order: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	#footer .menuBtn{
		-webkit-order: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	#footer .snsArea{
		-webkit-order: 3;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 3;
		order: 3;
	}

	#footer .snsArea{
		text-align:left;
		padding: 0;
		overflow: hidden;
	}
	#footer .snsArea li{
		display: block;
		width: 50%;
		font-size: 12.5px;
		border-bottom: 1px solid #fff;
		margin:0;
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#footer .snsArea li:nth-child(2n){
		border-left: 1px solid #fff;
	}
	#footer .snsArea li.memberBtn {
		display: block;
	}
	#footer .snsArea li.memberBtn a {
	    background-image: url(../img/common/icon_login01.png);
	    background-repeat: no-repeat;
	    background-position: 93% center;
	    background-size: auto;
	    background-color: #2f384f;
	    font-weight: normal;
	    color: #fff;
	    padding: 0 10px;
	    line-height: 50px;
	}
	#footer .snsArea li.icon-only {
		width: 33.33333%;
		border-right: none;
		border-left: none;
		text-align: center;
	}
	#footer .snsArea li.sns-icon-pc {
		display: none;
	}
	#footer .snsArea li.sns-icon-sp {
		display:table;
		table-layout: auto;
		width: 100%;
		border-left: none;
	}
	#footer .snsArea li.sns-icon-sp li {
		display: table-cell;
		vertical-align: middle;
/*		width: 33.3333%;*/
		width: 50%;
		text-align: center;
/*		border-left: none;*/
	}
	#footer .snsArea li.sns-icon-sp li.list-fb a, #footer .snsArea li.sns-icon-sp li.list-fb a:hover {
		background-color: #4c6495;
	}
	#footer .snsArea li.sns-icon-sp li.list-tw a, #footer .snsArea li.sns-icon-sp li.list-tw a:hover {
		background-color: #50abf1;
	}
	#footer .snsArea li.sns-icon-sp li.list-ig a, #footer .snsArea li.sns-icon-sp li.list-ig a:hover {
		background-color: #b32cb0;
	}
	#footer .snsArea li.sns-icon-sp li.list-fb img, #footer .snsArea li.sns-icon-sp li.list-tw img, #footer .snsArea li.sns-icon-sp li.list-ig img {
		padding-right: 5px;
	}
	#footer .snsArea li.sns-icon-sp li img {
		height: 15px;
		vertical-align: middle;
	}
	#footer .snsArea li.sns-icon-sp li a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px 0;
		color: #fff;
	}
	#footer .snsArea li.sns-icon-sp li a:hover {
		text-decoration: none;
		opacity: 0.9;
	}
	#footer .snsArea li a{
		display: block;
		padding:10px 0 10px 10px;
	}
	#footer .snsArea li img{
		margin-right: 0;
		padding-right: 5px;
	}

	#footer .contactArea{
		padding:0;
	}
	#footer .contactArea p{
		display: none;
	}
	#footer .contactArea ul li{
		width: 100%;
		max-width:100%;
		display: block;
		margin:0;
	}
	#footer .contactArea ul li a{
		font-size: 18px;
		text-align:left;
		line-height: 1.4;
		padding: 15px 20px 15px 15px;
	}

	#footer .menuBtn{
		display: block;
		color:#5dd7f5;
		line-height: 47.5px;
		text-align:center;
		background:#0b152f;
		padding-right: 20px;
	}
	#footer .menuBtn::after{
		content:"";
		display :inline-block;
		vertical-align: middle;
		width: 17.5px;
		height: 14px;
		background:url(../img/common/btn_menu01.png) no-repeat;
		background-size:100% auto;
		margin-left: 7px;
	}
	#footer .fBtm{
		display: block;
		padding:20px 15px;
	}
	#footer .fBtm .logo{
		display: block;
		border-right: none;
		padding-right: 0;
		margin:0 0 15px;
	}
	#footer .fBtm .tel{
		display: block;
		margin-bottom: 18px;
	}
	#footer .fBtm .tel a{
		color:#444;
	}
	#footer .fBtm .tel img{
		width: 162.5px;
	}
	#footer .fBtm .tel span{
		display: block;
		font-size: 9px;
		margin-top: 3px;
	}
	#footer .fBtm p{
		display: block;
		font-size: 1.3rem;
		text-align: center;
	}
	#footer .fBtm .sp-only {
		display: block;
	}
	#footer .copyright{
		font-size: 9px;
		text-align:center;
		padding:10px 10px 80px 10px;
	}
	#footer .copyright span{
		display: block;
		margin-top: 2px;
		float:none;
	}
}

@media (max-width: 480px) {
	#footer .copyright{
		padding-bottom: 70px;
	}
}


/* box_otherlinks */
.box_otherlinks {
	width: 100%;
	padding: 35px 0;
	background: #f3f3eb;
	position: relative;
	clear: both;
}


.box_otherlinks dl {
	padding: 0 7.5%;
	display: table;
	table-layout: fixed;
	width: 85%;
}

.box_otherlinks dl dt {
	width: 150px;
	display: table-cell;
	vertical-align: middle;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 116%;
}

.box_otherlinks dl dd {
	display: table-cell;
	vertical-align: middle;
}

.box_otherlinks dl dd ul li {
	float: left;
	display: inline-block;
	margin: 5px 8px;
	min-width: 150px;
}

.box_otherlinks dl dd ul li a {
	display: block;
/*	padding: 4px 18px;*/
	padding: 5px 18px;
	background: #c4b690;
	color: #fff;
	text-align: center;
}

.box_otherlinks dl dd ul li a span {
	padding-left: 15px;
	background: url(../img/common/icon_arrow01.png) no-repeat left 50%;
	background-size: 6px auto;
	font-size: 95%;
}

.box_otherlinks dl dd ul li a:hover {
	text-decoration: none !important;
	background-color: #b3a16b;
}

@media screen and (max-width:1060px){
	.box_otherlinks dl {
		padding: 0 5%;
		display: block;
		width: 90%;
	}
	.box_otherlinks dl dt,
	.box_otherlinks dl dd {
		width: 100% !important;
		display: block !important;
	}

	.box_otherlinks dl dt {
		text-align: center;
	}

}

@media screen and (max-width:375px){
	.box_otherlinks {
		padding: 20px 0;
	}

	.box_otherlinks dl dd ul {
		padding: 4px 0;
	}
	.box_otherlinks dl dd ul li {
		display: block;
		width: 100%;
		margin: 1px 0;
		min-width: 100%;
	}
}


#main .contactArea{
	text-align:center;
	background:#fff;
	padding:50px 0;
	border-top: 1px solid #f0f0ee;
}

#main .contactArea ul li{
/*
	width: 40%;
	max-width:420px;
*/
	display: inline-block;
    margin: 0 1%;
}

/* new applyBtn */
#main .contactArea ul {
    margin: 0 auto;
    padding: 0 7.5%;
}

#main .contactArea ul li.applyBtn02 {
    width: 35%;
    margin-left: 0;
}

#main .contactArea ul li.applydownBtn {
    width: 35%;
}

#main .contactArea ul li.contactBtn02 {
    width: 23%;
    margin-right: 0;
}

/* old applyBtn */
#main .contactArea ul li.applyBtn{
	width: 65%;
	max-width:600px;
}
#main .contactArea ul li.contactBtn{
	width: 25%;
	max-width:240px;
}
#main .contactArea ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
    padding: 15px 20px;
	background:url(../img/common/icon_arrow01.png) no-repeat 95% center;
}
#main .contactArea ul li.applyBtn a,
#main .contactArea ul li.applyBtn02 a{
	background-color: #ec9933;
}
#main .contactArea ul li.contactBtn a,
#main .contactArea ul li.contactBtn02 a{
	background-color: #b5b591;
	font-size: 15px;
}

#main .contactArea ul li.applydownBtn a {
    background-color: #83c928;
}

#main .contactArea ul li a:hover{
	text-decoration: none;
	opacity:0.9;
}



@media screen and (max-width:1450px){
	/* new お申込みボタン */
	#main .contactArea ul li.applyBtn02{
		width: 49%;
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
	}

	/* new ダウンクリーニングボタン */
	#main .contactArea ul li.applydownBtn{
		width: 49%;
		float: right;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}

	/* new お問合せボタン */
	#main .contactArea ul li.contactBtn02{
		clear: both;
		display: block;
		width: 100%;
		margin: 0;
	}
}


@media screen and (max-width:1120px){
	/* new お申込みボタン,new ダウンクリーニングボタン */
	#main .contactArea ul li.applyBtn02,
	#main .contactArea ul li.applydownBtn{
		width: 100%;
		float: none;
		margin: 0 0 10px 0;
		display: block;
	}
}


@media screen and (max-width:1060px){
	#main .contactArea{
		padding:25px 15px;
	}

	#main .contactArea ul li{
		width: 100%;
		display: block;
		margin:0;
		max-width: 100%;
		margin: 5px 0;
	}
}


/* page-flow */
#page-flow #c-orderflow {
	display: none;
}

#c-orderflow {
	padding: 65px 5%;
	border-top: 1px solid #f0f0f0;
}

#c-orderflow .ttl02 span {
	color: #505878 !important;
}

#c-orderflow .btn-orderflow {
    display: none;
}

#step-order {
	text-align: center;
	max-width: 1225px;
	margin: 0 auto;
}

#step-order img {

	text-align: center;
}

@media screen and (max-width:768px){
	#c-orderflow {
		padding: 15px 15px;
		display: block;
		border-bottom: 1px solid #f0f0f0;
		clear: both;
	}

	#c-orderflow .ttl02,
	#c-orderflow #step-order {
		display: none;
	}

	#c-orderflow .btn-orderflow {
		display: block;
		width: 100%;
	}

	#c-orderflow .btn-orderflow a {
		display: block;
		background-color: #505878;
		background-image: url(../img/common/icon_arrow01.png);
		background-repeat: no-repeat;
		background-position: 95% center;
		padding: 0 10px;
		color: #fff;
		line-height: 38px;
		font-size: 16px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	#c-orderflow .btn-orderflow a:hover{
		text-decoration: none;
		opacity:0.9;
	}

	#footer .contactArea ul li.applyBtn{
		width: 100%;
		max-width: inherit;
	}
	#footer .contactArea ul li.applyBtn a{
		line-height: 28px;
	}
	#footer .contactArea ul li.contactBtn{
		width: 100%;
		max-width: inherit;
	}
	#footer .contactArea ul {
		padding: 0;
	}

	#footer .contactArea ul li {
		margin-bottom: 0 !important;
	}


}


/* #fx-formBtn*/
#fx-formBtn {
	width: 100%;
	position: fixed;
	bottom: -70px;
	left: 0;
	z-index: 100;
	-webkit-transition: -webkit-all 400ms ease;
	   -moz-transition:    -moz-all 400ms ease;
	     -o-transition:      -o-all 400ms ease;
	        transition:         all 400ms ease;
}
#fx-formBtn .fx-formwrap {
	display: table;
	table-layout: auto;
	width: 100%;
	padding-left: 200px;
	padding-right: 70px;
	box-sizing: border-box;
}
#fx-formBtn.fancybox-margin .fx-formwrap {
	padding-right: 85px;
}
#fx-formBtn .fx-formwrap .btn-list {
	display: table-cell;
	background-color: #fff;
}
#fx-formBtn .fx-formwrap .btn-list a {
	display: block;
	height: 70px;
	background: url(../img/common/icon_arrow01.png) no-repeat 95% center;
	position: relative;
}
#fx-formBtn .fx-formwrap .btn-list a .btn-txt {
	display: table;
	table-layout: auto;
	padding: 0 40px 0 5%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
#fx-formBtn .fx-formwrap .btn-list a .btn-txt .icon {
	display: table-cell;
	vertical-align: middle;
	width: 30px;
	height: 30px;
}
#fx-formBtn .fx-formwrap .btn-list a .btn-txt .icon img {
	max-width: 100%;
	width: 100%;
	height: 100%;
}
#fx-formBtn .fx-formwrap .btn-list a .btn-txt .txt {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	color: #fff;
	font-size: 1.75rem;
	line-height: 1.3;
	font-weight: bold;
}
#fx-formBtn .fx-formwrap .btn-list a:hover {
	text-decoration: none;
	opacity: 0.9;
}
#fx-formBtn .fx-formwrap .applyBtn {
	width: 38%;
}
#fx-formBtn .fx-formwrap .applyBtn a {
	background-color: #ec9933;
}
#fx-formBtn .fx-formwrap .applydownBtn {
	width: 38%;
}
#fx-formBtn .fx-formwrap .applydownBtn a {
	background-color: #83c928;
}
#fx-formBtn .fx-formwrap .contactBtn {
	width: 24%;
}
#fx-formBtn .fx-formwrap .contactBtn a {
	background-color: #b5b591;
}

#fx-formBtn .sp-only {
	display: none;
}
#fx-formBtn .sp-only-s {
	display: none;
}

#fx-formBtn.slidein {
	bottom: 0;
}

@media (max-width: 991px) {
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt {
		padding: 0 30px 0 5%;
	}
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt .icon {
		display: none;
	}
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt .txt {
		display: block;
		padding-left: 0;
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	#fx-formBtn {
		position: fixed;
		bottom: -70px;
		left: 0;
		z-index: 100;
	}
	#fx-formBtn .fx-formwrap {
		padding-left: 0;
		padding-right: 0;
	}
	#fx-formBtn .fx-formwrap .btn-list a {
		background-image: none;
	}
	#fx-formBtn .fx-formwrap .applyBtn {
		width: 40%;
	}
	#fx-formBtn .fx-formwrap .applydownBtn {
		width: 40%;
	}
	#fx-formBtn .fx-formwrap .contactBtn {
		width: 20%;
	}
	#fx-formBtn .fx-formwrap .btn-list a i {
		display: none;
	}
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt {
		display: block;
		padding: 0;
		width: 90%;
		left: 50%;
		top: 50%;
		transform: translate(-50% , -50%);
	}
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt .txt {
		font-size: 15px;
		text-align: center;
	}
	#fx-formBtn .sp-only {
		display: block;
	}
	#fx-formBtn .pc-only-txt {
		display: none;
	}
}

@media (max-width: 480px) {
	#fx-formBtn {
		bottom: -60px;
	}
	#fx-formBtn .fx-formwrap .btn-list a {
		height: 60px;
	}
	#fx-formBtn .fx-formwrap .btn-list a .btn-txt .txt {
		font-size: 3.7vw;
	}
	#fx-formBtn .sp-only-s {
		display: block;
	}
}


/* ページトップ */
#pagetop{
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 101;
}
#pagetop {
	-webkit-transition: -webkit-bottom 400ms ease;
	   -moz-transition:    -moz-bottom 400ms ease;
	     -o-transition:      -o-bottom 400ms ease;
	        transition:         bottom 400ms ease;
/*	transform: translateY(100%);*/
	bottom: -70px;
}
#pagetop.slidein {
/*	transform: translateY(0%);*/
	bottom: 0;
}
#pagetop a{
	display: block;
	width: 70px;
	height: 70px;
	text-indent:-9999px;
	overflow: hidden;
	background-image: url(../img/common/btn_pagetop01.png);
	background-color: #0a1531;
}
#pagetop a:hover{
	opacity:0.9;
}

@media (max-width: 768px) {
	/* ページトップ */
	#pagetop{
		background:#fff;
		padding:0 15px;
		position: static;
		transform: translateY(0);
	}
	#pagetop a{
		display: block;
		width: 100%;
		height: 38px;
		color:#fff;
		font-size: 13px;
		line-height: 38px;
		text-align:center;
		text-indent:0;
		background:#9ca9cb url(../img/common/icon_pagetop01.png) no-repeat 30% center;
		background-size:14px auto;
		border-radius:3px 3px 0 0;
		padding-top: 2px;
	}
	#pagetop a:hover{
		opacity:0.9;
	}
}