@charset "UTF-8";
/* Fixed margin Col */
/* base
=========================================== */
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;

	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype");
}

/*! ------------------------------------------------------
	common
------------------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	color: #111;
	font: 1.4rem/1.8 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Noto Sans Japanese","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,sans-serif;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 0.05em;
	background: url(../img/bg_01.png) 0 0 repeat-y;
	background-size: contain;
}
img {
	max-width: 100%;
	vertical-align: top;
	outline: none;
}
a {
	text-decoration: none;
	outline: none;
}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{
	box-sizing: border-box;
}
em {
	color: #ba0404;
	font-style: normal;
	font-weight: 700;
}
input[type="text"], input[type="submit"], input[type="button"], select, textarea, button {
	border-radius: 0;
	font-family: "Noto Sans Japanese","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 1.6rem;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	-webkit-box-sizing: content-box;
	        box-sizing: border-box;
	border: none;

	-webkit-appearance: none;
	-webkit-appearance: button;
	   -moz-appearance: button;
	        appearance: button;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input[type="text"]:focus {
	outline: 0;
}
input[type="text"] {
	border: solid 1px #8f8e8e;
	text-indent: 0.5em;
}
select {
	width: 70%;
	height: 45px;
	border: solid 1px #8f8e8e;
	background: url(../img/bg_select01.png) no-repeat right top;
	background-size: auto 45px;
	text-indent: 0.5rem;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
textarea {
	border: solid 1px #8f8e8e;
}

/*! clearfix
---------------------------------------------- */
.cf:after {
	display: block;
	clear: both;
	content: '';
}

/*! ------------------------------------------------------
	共通余白
------------------------------------------------------- */
.secIn{
	padding-right: 4.7%;
	padding-left: 4.7%;
}

/*! ------------------------------------------------------
	共通ボタン
------------------------------------------------------- */
.btn {
	display: block;
	text-decoration: none;
}
.btn > span {
	display: block;
	position: relative;
	color: inherit;
}
.btn > span::before {
	position: absolute;
	top: 50%;
	font-family: "icomoon";
	content: "";
}
.btnCmn01 {
	line-height: 1.1;
	border-radius: 6px;
	background: linear-gradient(to bottom, #9c0024 0%, #7a001b 100%);
	background-color: #7a001b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9c0024), to(#7a001b));
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.15em;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#9c0024', EndColorStr='#7a001b');
}
.btnCmn01 a {
	display: block;
	position: relative;
	padding: 20px 0;
	color: #fff;
	font-size: 1.6rem;
}
.btnCmn01 a > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 44%;
	left: 5%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #a08036 transparent transparent transparent;
/*
	width: 7px;
	height: 6px;
	margin-top: -3px;
	background: url(../img/ico_down02.png) no-repeat 50% top;
	background-size: 7px;
*/
}

/*! ------------------------------------------------------
	共通-タイトル
------------------------------------------------------- */
.tit {
	text-align: center;
}
.titCmn01 {
	line-height: 1.1;
	padding: 15px;
	background: url(../img/bg_race01.png) 0 0 repeat #e78d90;
	background-size: 100% auto;
}
.titCmn01 > span {
	position: relative;
	padding-left: 12px;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 0.08em;
    font-weight: 600;
}
.titCmn01 > span::before {
	display: block;
	position: absolute;
	top: 50%;
    left: 0;
    margin-top: -0.6em;
	width: 5px;
	height: 1.2em;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 50%, #e9e7e7 50%, #e9e7e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#e9e7e7 50%,#e9e7e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#e9e7e7 50%,#e9e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e7',GradientType=0 ); /* IE6-9 */
	background-size: 5px;
	content: "";
}

/*! ------------------------------------------------------
	共通パーツ
------------------------------------------------------- */
/*! LINE ---------- */
.btnLine {
	overflow: hidden;
	margin: 0 6.55%;
	border-radius: 6px;
	background: linear-gradient(to bottom, #cfb262 0%, #bf9848 100%);
	background-color: #bf9848;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cfb262), to(#bf9848));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#cfb262', EndColorStr='#bf9848');
}
.btnLine a {
	display: block;
	height: 55px;
	line-height: 55px;
	background: url(../img/bg_line01.png) no-repeat right bottom;
	background-size: 42px;
	color: #fff;
	font-weight: 700;
	font-size: 1.4rem;
	letter-spacing: 0.15em;
}
.btnLine a span{
	font-size: 1.5rem;
}
.btnLine a .ico {
	display: inline-block;
	position: relative;
	top: -7px;
	left: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin: 0 5px 0 10px;
	background: url(../img/ico_line01.png) no-repeat 50% 50%;
	background-size: 40px;
	text-indent: 100%;
	white-space: nowrap;
}
@media screen and (min-width: 321px) {
	.btnLine {
		text-align: center;
	}
	.btnLine a {
		text-indent: -25px;
	}
}

/*! フレーム ---------- */
.frame {
	position: relative;
}
.frame::before, .frame::after {
	display: block;
	position: absolute;
	width: 50%;
	height: 13px;
	background: url(../img/ico_frame01.png) no-repeat;
	background-size: 13px;
	content: '';

	-webkit-box-reflect: right;
}
.frame::before {
	top: 0;
	left: 0;
}
.frame::after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(-180deg);
}

/*! 流れ ---------- */
.flowList li {
	display: block;
    position: relative;
    padding: 13px 0 13px 45px;
    border: solid 1px #d85c6f;
    border-radius: 5px;
    background: #fff;
    font-weight: 700;
    font-size: 1.6rem;
	color: #d85c6f;
}
.flowList li:not(:last-child){
	margin-bottom: 20px;
}
.flowList li:not(:last-of-type)::after {
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	width: 12px;
	height: 8px;
	margin-left: -6px;
	background: url(../img/ico_down01.png) no-repeat 50% 50%;
	background-size: 100%;
	content: "";
}
.flowList li::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 13px;
	width: 25px;
	height: 26px;
	margin-top: -13px;
	background: no-repeat 50% 50%;
	background-size: 25px !important;
	content: "";
}
.flowList li:first-of-type::before {
	background-image: url(../img/ico_no01.png);
}
.flowList li:nth-of-type(2)::before {
	background-image: url(../img/ico_no02.png);
}
.flowList li:nth-of-type(3)::before {
	background-image: url(../img/ico_no03.png);
}
.flowList li:nth-of-type(4)::before {
	background-image: url(../img/ico_no04.png);
}
.flowList li:nth-of-type(5)::before {
	background-image: url(../img/ico_no05.png);
}

/*! ------------------------------------------------------
	ヘッダー #gHeader
------------------------------------------------------- */
#gHeader {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 52px;
	transition: top 0.2s ease;
}
#gHeader .hGrp {
	width: 100%;
	height: 52px;
	background: #fff;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
#gHeader .hGrp .logo {
	float: left;
	margin: 12px 0 0 14px;
}
#gHeader .hGrp .contact {
	float: right;
	width: 106px;
	height: 52px;
}
#gHeader .hGrp .contact li {
	display: block;
	float: left;
	width: 53px;
}
#gHeader .hGrp .contact li a {
	display: block;
	position: relative;
	width: 100%;
	height: 28px;
	padding-top: 24px;
	text-align: center;
}
#gHeader .hGrp .contact li a span::before {
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 100%;
	height: 13px;
	content: "";
}
#gHeader .hGrp .contact li a span{
	margin: 1px 0 0 0;
    display: inline-block;
}
#gHeader .hGrp .contact .tel a {
	background: linear-gradient(to bottom, #93731e 0%, #6f5616 100%);
	background-color: #6f5616;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#93731e), to(#6f5616));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#93731e', EndColorStr='#6f5616');
}
#gHeader .hGrp .contact .tel a span::before {
	background: url(../img/ico_tel01.png) no-repeat 50% top;
	background-size: 16px;
}
#gHeader .hGrp .contact .mail a {
	background: linear-gradient(to bottom, #9c0024 0%, #7a001b 100%);
	background-color: #7a001b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9c0024), to(#7a001b));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#9c0024', EndColorStr='#7a001b');
}
#gHeader .hGrp .contact .mail a span::before {
	background: url(../img/ico_mail01.png) no-repeat 50% top;
	background-size: 16px;
}
#gHeader .open {
	width: 100%;
	height: 20px;
	background: #404446;
	background-size: 320px;
	font-weight: 700;
	font-size: 1.0rem;
	text-align: center;
	padding: 2px 0 0 0;
}
#gHeader .open dt, #gHeader .open dd {
	display: inline;
	color: #fff;
	letter-spacing: 0;
}
#gHeader .open dt {
	padding-right: 5px;
	color: rgba(255, 255, 255, 0.6);
}
#gHeader .open dd:first-of-type {
	padding-right: 10px;
}
/*! ---------------- */
#gHeader.fixed {
	position: fixed;
	top: -20px;
	z-index: 1000;
	width: 100%;
	transition: top 0.2s ease;
}
#gHeader.fixed .hGrp{
	height: 48px;
}
#gHeader.fixed .hGrp .logo{
	width: 54%;
	margin-top: 10px;
}
#gHeader.fixed .hGrp .contact li a{
	height: 48px;
	padding-top: 0;
}
#gHeader.fixed .hGrp .contact li a span::before{
	top: 6px;
}
#gHeader.fixed .hGrp .contact a span::before {
	margin-top: 11px;
}
#gHeader.fixed .hGrp .contact a span img {
	display: none;
}
@media screen and (min-width: 321px) {
	#gHeader .open dd, #gHeader .open dt {
		letter-spacing: 0.05em;
	}
}

/*! ------------------------------------------------------
	レイアウト layout
-------------------------------------------------------- */
#wrapper {
	position: relative;
	width: 100%;
}
#main {
	width: 100%;
	background: #fafafa;
}
.taC {
	text-align: center !important;
}
.taL {
	text-align: left !important;
}
.taR {
	text-align: right !important;
}

/*! ------------------------------------------------------
	mv
------------------------------------------------------- */
#mv {
	padding-top: 100px;
	padding-bottom: 35px;
	background: url(../img/bg_mv01.png) center 70px no-repeat;
	background-size: cover;
}
#mv .tit{
	padding-right: 4.7%;
	padding-left: 4.7%;
}
#mv .pic {
	margin: 27px auto 0;
}
#mv .txt {
	position: relative;
	margin: 5px 4.7% 0;
}
#mv .btnLine{
	margin-top: 17px;
}

/*! ------------------------------------------------------
	gNav
------------------------------------------------------- */
#gNav {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
#gNav ul {
	display: table;
	width: 100%;
	border-bottom: solid 1px #aeaeae;
	table-layout: fixed;
}
#gNav ul li {
	display: table-cell;
	border-bottom: solid 1px #fff;
	background: linear-gradient(to bottom, #fff 0%, #ede7e7 100%);
	background-color: #ede7e7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ede7e7));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#ffffff', EndColorStr='#ede7e7');
}
#gNav ul li a {
	display: block;
	position: relative;
	height: 60px;
	margin-bottom: -1px;
	padding-top: 12px;
	background-color: none;
	color: #111;
	font-weight: 700;
	text-align: center;
}
#gNav ul li a::before {
	display: block;
	margin: 0 auto 3px;
	background: no-repeat 50% top;
	content: "";
	background-size: contain !important;
}
#gNav ul li:not(:first-of-type) a {
	background: url(../img/bg_gnavi01.png) no-repeat left bottom;
	background-size: 2px;
}
#gNav ul li:first-of-type a::before {
	background-image: url(../img/ico_gnavi01.png);
	width: 21px;
	height: 22px;
}
#gNav ul li:nth-of-type(2) a::before {
	background-image: url(../img/ico_gnavi02.png);
	width: 27px;
	height: 22px;
}
#gNav ul li:nth-of-type(3) a::before {
	background-image: url(../img/ico_gnavi03.png);
	width: 25px;
	height: 22px;
}

/*! ------------------------------------------------------
	買取実績
------------------------------------------------------- */
#record{
	padding-top: 40px;
	padding-bottom: 25px;
}
#record .tit{
	margin-bottom: 35px;
}
#record ul{
	background: url(../img/bg_record01.png) center center no-repeat;
	background-size: 140% 120%;
	margin: 0 -4.7%;
	padding: 0 4.7%;
}
#record li{
	overflow: hidden;
}
#record li:not(:last-child){
	margin-bottom: 30px;
}
#record li .pic{
	float: left;
	margin: 0 20px 0 0;
	width: 47%;
}
#record li dl{
	float: left;
	margin: 5px 0 0 0;
}
#record li dt{
	margin-top: 15px;
	margin-bottom: -6px;
	font-weight: 600;
}
#record li dd{
	font-size: 2.4rem;
	letter-spacing: 0.04em;
	font-family:'Prata',"Times New Roman","游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho", serif;
}
#record li dd span{
	font-size: 2.0rem;
	margin: 0 2px 3px 3px;
    display: inline-block;
}
#record .note{
	margin-top: 10px;
	margin-bottom: -20px;
	text-align: right;
	font-size: 12px;
}

/*! ------------------------------------------------------
	促進
------------------------------------------------------- */
.promotion{
	position: relative;
	padding-bottom: 20px;
}
.promotion .boxTop01{
	background: url(../img/bg_other01.png) center top no-repeat;
	padding-top: 17%;
	background-size: contain;
}
.promotion .boxBot01{
	background: url(../img/bg_other03.png) center bottom no-repeat;
	padding-bottom: 22%;
	background-size: contain;
}
.promotion .boxMid01{
	background: url(../img/bg_other02.png) center center repeat-y;
	background-size: contain;
}
.promotion .tit {
	width: 60%;
	position: absolute;
    top: 12%;
    left: 50%;
    margin-left: -30%;
}
.promotion .txt {
	width: 76%;
    margin: 0 auto -6px;
    padding: 19% 0 0;
}
/*! ------------------------------------------------------
	cv
------------------------------------------------------- */
.cv {
	background: url(../img/bg_cv01.png) 0 0 no-repeat;
	background-size: 100%;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.cv .txt {
	position: absolute;
	width: 68%;
    top: 21%;
    left: 7%;
}
.cv .box{
	width: 84%;
    margin: 0px auto;
    padding: 48% 0 7%;
}
.cv .box .btn a{
	text-indent: 0.75em;
	padding: 18px 0;
	font-size: 1.5rem;
}
@media screen and (min-width: 321px) {
	.cv .box {
		padding: 48.8% 0 7%;
	}
	.cv .box .btn a{
		padding: 20px 0;
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 410px) {
	.cv .box .btn a{
		padding: 24px 0;
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 450px){
	.cv .box {
		padding: 49% 0 7%;
	}
}
@media screen and (min-width: 540px){
	.cv .box {
		padding: 50.5% 0 8%;
	}
}
@media screen and (min-width: 650px){
	.cv .box {
		padding: 52% 0 8%;
	}
}
@media screen and (min-width: 760px){
	.cv .box {
		padding: 52% 0 9%;
	}
}
.cv .box p{
	text-align: center;
}
.cv .box .btn small {
	padding: 0 2px 0 3px;
	font-size: 1.2rem;
}

/*! ------------------------------------------------------
	買取までの流れ
------------------------------------------------------- */
#flow {
	padding-top: 40px;
	padding-bottom: 20px;
}
#flow .titSub{
	margin: 30px 0 0;
}
#flow .titSub img{
	width: 93%;
}
#flow .txtRibbon{
	background: url(../img/bg_ribbon01.png) 0 0 no-repeat;
	color: #fff;
    background-size: 100% 100%;
    text-align: center;
	font-weight: bold;
	margin: 6px 0 18px;
}
#flow .txt {
	margin: 15px 0 0;
}
#flow .txt small {
	font-size: 1.1rem;
	line-height: 1.8;
    display: inline-block;
	margin: 5px 0 5px;
}

/*! ------------------------------------------------------
	キャンペーン
------------------------------------------------------- */
#campaign{
	position: relative;
}
#campaign .boxTop01{
	background: url(../img/bg_campaign01.png) center top no-repeat;
	padding-top: 10%;
	background-size: contain;
}
#campaign .boxBot01{
	background: url(../img/bg_campaign03.png) center bottom no-repeat;
	padding-bottom: 10%;
	background-size: contain;
}
#campaign .boxMid01{
	background: url(../img/bg_campaign02.png) center center repeat-y;
	background-size: contain;
}
#campaign .txtLimit{
	position: absolute;
	border-radius: 4px;
	background: #e8828e; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8828e 0%, #e36276 100%);
	background: -webkit-linear-gradient(top,  #e8828e 0%,#e36276 100%);
	background: linear-gradient(to bottom,  #e8828e 0%,#e36276 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8828e', endColorstr='#e36276',GradientType=0 );
	padding: 1px 10px 1px;
    text-align: center;
    width: 38%;
    top: 30px;
    left: 50%;
    margin-left: -19%;
}
#campaign .txtLimit span{
	font-size: 1.4rem;
	font-weight: 600;
	color: #fff;
}
#campaign h2.tit{
	width: 80%;
	margin: 0 auto;
	padding: 9px 0 0;
}
#campaign .inner{
	padding: 0 12% 20px;
}
#campaign .introTxt{
	margin: 12px 0 0;
	line-height: 1.7;
}
#campaign .introTxt span{
	color: #ba0404;
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
    margin: 0 0 -1px 0;
}
#campaign .notes{
	margin: 4px 0 0;
	font-size: 1.2rem;
}
#campaign .sizeList{
	margin: 20px 0 0 0;
}
#campaign .sizeList li{
	overflow: hidden;
}
#campaign .sizeList li:not(:last-child){
	margin-bottom: 2px;
}
#campaign .sizeList li .sizeTit,
#campaign .sizeList li .sizeImg{
	height: 16rem;
}
#campaign .sizeList li:nth-child(3) .sizeTit,
#campaign .sizeList li:nth-child(3) .sizeImg{
	height: 18rem;
}
@media screen and (min-width: 321px) {
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 19rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 21rem;
	}
}
@media screen and (min-width: 410px) {
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 20rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 23rem;
	}
}
@media screen and (min-width: 430px) {
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 22rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 25rem;
	}
}
@media screen and (min-width: 470px){
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 24rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 27rem;
	}
}
@media screen and (min-width: 510px){
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 26rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 29rem;
	}
}
@media screen and (min-width: 550px){
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 28rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 31rem;
	}
}
@media screen and (min-width: 592px){
	#campaign .sizeList li .sizeTit,
	#campaign .sizeList li .sizeImg {
		height: 32rem;
	}
	#campaign .sizeList li:nth-child(3) .sizeTit,
	#campaign .sizeList li:nth-child(3) .sizeImg {
		height: 35rem;
	}
}
#campaign .sizeList .sizeTit{
	display: table;
	float: left;
	width: 30%;
}
#campaign .sizeList li:nth-child(1) .sizeTit{
	background: #ea838c;
}
#campaign .sizeList li:nth-child(2) .sizeTit{
	background: #ef7285;
}
#campaign .sizeList li:nth-child(3) .sizeTit{
	background: #d85c6f;
}
#campaign .sizeList .sizeTit .sizeTitIn{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#campaign .sizeList .sizeTit span{
	display: block;
}
#campaign .sizeList .sizeTit .type{
	color: #fff;
	line-height: 1.4;
}
#campaign .sizeList .sizeTit .type span{
	font-size: 1.8rem;
}
#campaign .sizeList .sizeTit .size{
	font-size: 11px;
	color: #fff;
	margin: 8px 0 0 0;
	font-weight: 600;
}
#campaign .sizeList .sizeTit .size span{
	line-height: 1.0;
}
#campaign .sizeList .sizeImg{
	float: left;
	width: 70%;
	display: table;
}
#campaign .sizeList .sizeImg p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#campaign .sizeList li:nth-child(1) .sizeImg{
	background: #f3f3f3;
}
#campaign .sizeList li:nth-child(2) .sizeImg{
	background: #ebebeb;
}
#campaign .sizeList li:nth-child(3) .sizeImg{
	background: #e1e1e1;
}
#campaign .impBox li{
	border-radius: 6px;
	background: #f3f3f3;
	padding: 15px 15px 15px;
	overflow: hidden;
	margin: 15px 0 0;
}
#campaign .impBox li:nth-child(odd) .space{
	float: left;
	height: 11rem;
}
#campaign .impBox li:nth-child(odd) .impPic{
	float: left;
    width: 26%;
	clear: both;
    margin: 4px 15px 0 0;
}
#campaign .impBox li:nth-child(even) .space{
	float: right;
	height: 14rem;
}
#campaign .impBox li:nth-child(even) .impPic{
	float: right;
    width: 26%;
	clear: both;
    margin: 4px 15px 0 0;
}


/*! ------------------------------------------------------
	お店で買取
------------------------------------------------------- */
#purchase{
	margin: 30px 0 0;
	padding-bottom: 40px;
}
#purchase .flowList {
	margin: 15px 0 0;
}

/*! ------------------------------------------------------
	お客様の声
------------------------------------------------------- */
#voice{
	padding-top: 40px;
	padding-bottom: 40px;
}
#voice ul{
	margin: 25px auto 0;
}
#voice li .boxTop01{
	background: url(../img/bg_voice01.png) center top no-repeat;
	background-size: contain;
	padding-top: 3.8%;
}
#voice li:nth-child(odd) .boxBot01{
	background: url(../img/bg_voice03.png) center bottom no-repeat;
	background-size: contain;
	padding-bottom: 10.6%;
}
#voice li:nth-child(even) .boxBot01{
	background: url(../img/bg_voice04.png) center bottom no-repeat;
	background-size: contain;
	padding-bottom: 10.6%;
}
#voice li .boxMid01{
	background: url(../img/bg_voice02.png) center center repeat-y;
	background-size: contain;
}
#voice li:not(:last-child){
	margin-bottom: 10px;
}
#voice li:nth-child(1){
	position: relative;
}
#voice li:nth-child(1) .pic{
	position: absolute;
	top: -1.7%;
	left: 23px;
	width: 36%;
}
#voice li:nth-child(2){
	position: relative;
}
#voice li:nth-child(2) .pic{
	position: absolute;
	top: -1.3%;
    right: 18px;
	width: 37%;
}
#voice li .inner{
	padding: 10px 35px 0;
}
#voice li .voiceTit{
	font-size: 20px;
	color: #e8828e;
	font-weight: bold;
	line-height: 1.4;
}
#voice li:nth-child(1) .voiceTit{
	padding: 0 0 0 42%;
}
#voice li:nth-child(2) .voiceTit{
	padding: 0 38% 0 0px;
}
#voice li .voiceTxt{
	margin: 3% auto 0;
}
@media screen and (min-width: 321px) {
	#voice li .voiceTxt {
		margin: 15% auto 0;
	}
}
@media screen and (min-width: 410px) {
	#voice li .voiceTxt {
		margin: 17% auto 0;
	}
}
#voice li .name{
	color: #666;
	margin: 13px 0 0;
}


/*! ------------------------------------------------------
	メッセージ
------------------------------------------------------- */
#message {
	padding-top: 25px;
	padding-bottom: 30px;
	background: url(../img/bg_message01.png) 0 0 no-repeat;
	background-size: cover;
}
#message .tit {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 1px #76736f;
}
#message .tit img{
	width: 100%;
}
#message .pic {
	display: inline-block;
	float: right;
	width: 113px;
	margin: 2% 0 10px 10px;
}
#message .pic .name {
	display: block;
	width: 113px;
	line-height: 1.3;
	padding: 6px 0;
	background: #a08036;
	color: #e9d8b1;
	font-size: 1.0rem;
	text-align: center;
}
#message .pic .name span {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 1.6rem;
}
#message .txt {
	display: inline;
	color: #fff;
}
#message .btnLine {
	margin-top: 15px;
}

/*! ------------------------------------------------------
	フォーム
------------------------------------------------------- */
#form {
	background: url(../img/bg_race01.png) 0 0 repeat #fbcfd2;
	background-size: contain;
}
.typeConfirm,.typeThankyou{
	padding-top: 70px !important;
}
#form #mhMailForm {
	overflow: hidden;
	padding: 30px 15px;
}
#form form table {
	width: 100%;
	background: #fff;
	margin: -17px 0 0 0;
}
#form form table th, #form form table td {
	display: block;
	text-align: left;
}
#form form table th {
	line-height: 1.1;
	padding: 15px;
	border-top: solid 1px #cbcbcb;
	border-bottom: solid 1px #cbcbcb;
	background: #f7f7f5;
	font-weight: 700;
	font-size: 1.4rem;
}
#form form table th .ico {
	display: inline-block;
	position: relative;
	top: -4px;
	float: right;
	padding: 5px 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 1.1rem;
}
#form form table th .ico.req {
	background: #9c0023;
}
#form form table th .ico.any {
	background: #9b9a9a;
}
#form form table td {
	overflow: hidden;
	padding: 20px 15px;
}
#form form table td input[type=radio] {
	display: block;
	float: left;
	clear: both;
	width: 18px;
	height: 18px;
	margin: 10px 5px 0 0;
}
#form form table td input[type=radio] + label {
	display: block;
	float: left;
	width: 80%;
	height: 30px;
	line-height: 2.0;
	margin: 3px 0 0 0;
}
#form form table td input[type=text] {
	height: 45px;
}
#form form table td textarea {
	height: 150px;
}
#form form table td input[type=text], #form form table td textarea {
	width: 100%;
}
#form form table .trHow td, #form form table .trContact td, #form form table .trKit td {
	padding: 10px 15px;
}
#form form table .trKit td input[type=radio] + label{
	width: 90% !important;
}
#form form table .trAddress .inpZip span:first-of-type {
	position: relative;
	top: 13px;
}
#form form table .trAddress .inpZip #form_postcode {
	display: inline-block;
	float: right;
	width: 93%;
}
#form form table .trAddress .inpZip select {
	margin: 10px 0;
}
#form form .submitArea {
	position: relative;
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}
#form form .submitArea #mhFormConfirm, #form form .submitArea #mhFormSend, #form form .submitArea #mhFormAdjust {
	width: 100%;
	padding: 16px 0;
	border-radius: 5px;
}
#form form .submitArea #mhFormConfirm, #form form .submitArea #mhFormSend {
	background: url(../img/ico_right01.png) no-repeat 15px 50%, linear-gradient(to bottom, #9c0024 0%, #7a001b 100%);
	background: url(../img/ico_right01.png) no-repeat 15px 50%, -webkit-gradient(linear, left top, left bottom, from(#9c0024), to(#7a001b));
	background-size: 6px, auto;
	color: #fff;
	font-weight: 500;
    letter-spacing: 0.08em;
}
#form form .submitArea #mhFormAdjust {
	margin-bottom: 10px;
	background: url(../img/ico_right01.png) no-repeat 15px 50%, linear-gradient(to bottom, #fff 0%, #e6dfdb 100%);
	background: url(../img/ico_right01.png) no-repeat 15px 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6dfdb));
	background-size: 6px, auto;
	color: #41392e;
}
#form #errorMsg {
	margin-bottom: 15px;
}
#form #errorMsg .error {
	color: #ffc245;
	margin-bottom: 15px;
	line-height: 1.5;
	display: inline-block;
}
#form #errorMsg .msg {
	color: #fff;
	line-height: 1.5;
	padding-bottom: 15px;
}
#form .error {
	display: block;
	clear: both;
	color: #ba0404;
}
#form .typeThankyou .trAddress .inpZip span:first-of-type, #form .typeConfirm .trAddress .inpZip span:first-of-type {
	position: static !important;
}
#form .typeThankyou .submitArea {
	display: none;
}

/*! ------------------------------------------------------
	パール以外にも～
------------------------------------------------------- */
.promotion02 {
	padding-top: 30px;
}
.promotion02 .tit img{
	width: 100%;
}
.promotion02 .txt{
	margin: 15px 0 10px;
}

/*! ------------------------------------------------------
	ブランドガーデンについて
------------------------------------------------------- */
#about {
	margin-bottom: 30px;
	padding-top: 35px;
}
#about .titCmn01{
	margin: 27px 0 0;
}
#about table {
	width: 100%;
}
#about table th, #about table td {
	line-height: 1.5;
	padding: 15px;
	border: solid 1px #8a847f;
	font-weight: 300;
	text-align: left;
	vertical-align: top;
}
#about table th {
	background: #f7f7f5;
}
#about table td {
	background: #fff;
}
#about table td em {
	font-weight: 300;
}

/*! ------------------------------------------------------
	地図
------------------------------------------------------- */
#map .gmap {
	margin: 0 0 15px;
}
#map .gmap iframe {
	width: 100%;
	height: 260px;
}
#map .link {
	line-height: 1.1;
	margin: 0 15px 30px 0;
	color: #111;
	font-size: 1.1rem;
	text-decoration: underline;
}
#map .link a {
	color: inherit;
}
#map .link a::before, #map .link a::after {
	display: inline-block;
	width: 9px;
	height: 8px;
	content: "";
}
#map .link a::before {
	margin-right: 5px;
	background: url(../img/ico_right01.png) no-repeat left top;
	background-size: 6px;
}
#map .link a::after {
	margin-left: 5px;
	background: url(../img/ico_window01.png) no-repeat left top;
	background-size: 9px;
}

/*! ------------------------------------------------------
	ページトップ
------------------------------------------------------- */
#pagetop {
	display: block;
	width: 100%;
	padding: 13px 0;
	border-top: solid 1px #aeaeae;
	border-bottom: solid 1px #fff;
	background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
	background-color: #e8e8e8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e8e8e8));
	color: #111;
	font-weight: 700;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#fff', EndColorStr='#e8e8e8');
}
#pagetop span {
	position: relative;
	font-size: 1.6rem;
}
#pagetop span::before {
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	width: 8px;
	height: 6px;
	margin-top: -3px;
	background: url(../img/ico_up01.png) no-repeat 50% top;
	background-size: 8px;
	content: "";
}

/*! ------------------------------------------------------
	フッター #gFooter
------------------------------------------------------- */
#gFooter {
	background: url(../img/bg_race01.png) 0 0 repeat #e78d90;
	background-size: contain;
}
#gFooter .copy {
	line-height: 1.1;
	padding: 6px 0;
	color: #fff;
	font-weight: 700;
	font-size: 1.0rem;
	text-align: center;
}

/* lity */
.lity-content::after {
	display: none;
}
.lity-iframe-container {
	height: 538px;
	padding: 0;
	overflow: visible;
}
.lity-iframe-container iframe {
	height: 538px;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*# sourceMappingURL=maps/css/style.css.map */