@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
【共通・スマートフォン】メディアクエリなし
【パソコン】メディアクエリあり　@media print, screen and (min-width: 480px)
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_*/


/*==========================================
 全体
===========================================*/
/* html */
html {
	font-size: 100%;
}


@media print, screen and (min-width: 480px) {
html {
	font-size: 62.5%;/*10px*/
}
}


/* body */
body {
	background-color: #FFFFFF;
	min-width: 320px;
	font-size: 1.05em;/*chromeバグ対応のため"「em」*/
	line-height: 1.6;
	color: #000000;
    /*font-family: A1 Gothic R, sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 auto;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }


@media print, screen and (min-width: 480px) {
body {
	background-color: #FFFFFF;
    min-width: 1280px;
    font-size: 1.7em;/*chromeバグ対応のため"「em」*/
	line-height: 2;
	color: #000000;
    /*font-family: A1 Gothic R, sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 auto;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
}


/* タブレット用（横幅余白） */
@media only screen and (min-width:481px) and (max-width:834px) {
body {
    min-width: 1280px;/*横幅余白なし*/
}
}


/* img */
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.imgCenter {
	text-align: center;
	margin: 0 auto 10px;
}


@media print, screen and (min-width: 480px) {
img {
	max-width: none;
	height: auto;
	width /***/:auto;
}
.imgRight{
	float: right;
	padding: 0px 0px 10px 20px;
}
.imgLeft{
	float: left;
	padding: 0px 20px 10px 0px;
}
}


/* hr */
hr {
	border: 0 none;
	width: 100%;
	height: 1px;
	color: #BEBEBE;
	background-color: #BEBEBE;
	padding: 0;
    margin: 0;
	text-align: center;
}


/* a */
a {
	border: none;
    text-decoration: none;
	/*outline: none;*/
}
a:focus, *:focus {
	/*outline:none;*/
}
a:link {
	color: #000000;
    text-decoration: underline;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #260200;
    text-decoration: underline;
}


/* outline */
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *:focus {
	outline: none;
}


/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}
.clearfix:after {
	clear: both;
}


/* ボタンhover時半透明 */
@media print, screen and (min-width: 480px) {
.a_btn a:hover {
    -moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}
}


/* テキスト */
.attention {
	color: #FF0000;
}
ul, ol {
    margin: 0 0 15px 35px;
    padding: 0;
}
p {
    margin: 0 0 15px 0;
    padding: 0;
}


@media print, screen and (min-width: 480px) {
ul, ol {
    margin: 0 0 15px 35px;
    padding: 0;
}
p {
    margin: 0 0 15px 0;
    padding: 0;
}
}


/* pagetop */
#pagetop {
	position: fixed;
    bottom: 120px;
    right: 10px;
    z-index: 9998;
    cursor: pointer;
}
#pagetop a {
    position: relative;
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    background: rgb(232 83 125);
    transition: opacity .6s ease;
    color: #FFFFFF;
    align-items: center;
    text-decoration: none;
    font-size: 1.5rem;
    border-radius: 100%;
}
#pagetop a:hover {
    opacity: .8;
}


@media print, screen and (min-width: 480px) {
#pagetop {
	position: fixed;
    bottom: 130px;
    right: 20px;
    z-index: 9998;
    cursor: pointer;
}
#pagetop a {
    position: relative;
    display: flex;
    width: 65px;
    height: 65px;
    justify-content: center;
    background: rgb(232 83 125);
    transition: opacity .6s ease;
    color: #FFFFFF;
    align-items: center;
    text-decoration: none;
    font-size: 32px;
    border-radius: 100%;
}
#pagetop a:hover {
    opacity: .8;
}
}


/* margin */
.mb5   { margin-bottom:5px !important; }
.mb10  { margin-bottom:10px !important; }
.mb15  { margin-bottom:15px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }


/* padding */
.pb5   { padding-bottom:5px !important; }
.pb10  { padding-bottom:10px !important; }
.pb15  { padding-bottom:15px !important; }
.pb18  { padding-bottom:18px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }




/*==========================================
 wrapper
===========================================*/
#wrapper {
	/*width: 100%;*/
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	word-wrap: break-word;
}

@media print, screen and (min-width: 480px) {
#wrapper {
	/*width: 100%;*/
    margin: 0 auto;
	padding: 0;
	overflow: visible;
}
}




/*==========================================
 Bg
===========================================*/
.bg_pc {
    /*background-image: url("../img/bg202509.png");*/
    background-color: #FFE8B0;
    background-position: center top;
    background-repeat: repeat;
}

@media print, screen and (min-width: 480px) {
.bg_pc {
    /*background-image: url("../img/bg202509.png");*/
    background-color: #FFE8B0;
    background-position: center top;
    background-repeat: repeat;
}
}


/*==========================================
 header
===========================================*/
header {
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 auto 0 auto;
	padding: 0;
}
header .header_pc {
	display: none;
}
header .header_sp {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 30px 0;
	font-size: 0;
	line-height: 0;
}

@media print, screen and (min-width: 480px) {
header {
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
}
header .header_sp {
	display: none;
}

header .header_pc {
	display: block;
	width: 1000px;
	height: auto;
    margin: 0 auto;
	padding: 0;
	font-size: 0;
	line-height: 0;
    text-align: center;
}
}




/*==========================================
 content
===========================================*/
.content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


.content .itemBox_pc {
    display: none
}
.content .itemBox_sp {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    /*background-image: url("../img/bg202509.png");*/
    background-color: #FFE8B0;
    background-position: center top;
    background-repeat: repeat-x;
}


.content .itemBox_sp .itemCenter {
    width: 100%;
    height: auto;
    margin: 20px auto 40px auto;
    /*padding: 0 5px;*/
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.content .itemBox_sp .itemCenter img {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}


@media print, screen and (min-width: 480px) {
.content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


.content .itemBox_sp {
    display: none
}
.content .itemBox_pc {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 70px 0 70px 0;
    /*background-image: url("../img/bg202509.png");*/
    background-color: #FFE8B0;
    background-position: center top;
    background-repeat: repeat;
}


.content .itemBox_pc .itemCenter {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
    font-size: 0;
    line-height: 0;
}
.content .itemBox_pc .itemCenter img {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
}




/*==========================================
 お申し込み方法・お届けの流れ
===========================================*/
.content .explainBoxBg_pc {
	display: none;
}

.content .explainBoxBg_sp {
    display: block;
	width: 100%;
	padding: 40px 0 50px 0;
	margin: 0 auto 0 auto;
}

.content .explainBoxBg_sp .explainBox_sp {
	width: 100%;
	height: auto;
	margin: 0 auto;
    padding: 10px 25px 0 25px;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp {
	width: 100%;
	height: auto;
	margin: 0 auto;
    padding: 0;
}

.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .explainTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.6;
	border-bottom: solid 5px #D21577;
    margin: 0 0 25px 0;
    padding: 0 0 10px 0;
	/*color: #E8537D;*/
	color: #000000;
}


.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .orderBox {
    margin: 0 0 40px 0;
    padding: 0;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .orderBox ul {
    margin: 0 0 0 25px;
    padding: 0;
}

.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .flowBox {
    margin: 0 0 20px 0;
    padding: 0;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .flowBox dt {
    margin: 0 0 10px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .flowBox dt span {
    background-color: #D21577;
    margin: 0 10px 0 0;
    padding: 9px 12px 9px 12px;
    color: #FFFFFF;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .flowBox dd {
    margin: 0 0 20px 0;
    padding: 0;
}

.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .explainBoxNote {
    width: 100%;
    margin: 40px auto 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #BEBEBE;
}
.content .explainBoxBg_sp .explainBox_sp .explainBoxIn_sp .explainBoxNote p {
    color: #000000;
}


@media print, screen and (min-width: 480px) {
.content .explainBoxBg_sp {
	display: none;
}

.content .explainBoxBg_pc {
    display: block;
	width: 100%;
	padding: 0 0 50px 0;
	margin: 0 auto 0 auto;
}

.content .explainBoxBg_pc .explainBox_pc {
	width: 1000px;
	height: auto;
	margin: 0 auto;
    padding: 60px 0 20px 0;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .explainTitle {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 2.9;
	border-bottom: solid 5px #D21577;
    margin: 0 0 30px 0;
    padding: 0;
	color: #000000;
}

.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .orderBox {
    margin: 0 0 30px 0;
    padding: 0;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .orderBox ul {
    margin: 0 0 0 30px;
    padding: 0;
}

.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .flowBox {
    margin: 0 0 30px 0;
    padding: 0;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .flowBox dt {
    margin: 0 0 10px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .flowBox dt span {
    /*background-color: #E27C98;*/
	background-color: #D21577;
    margin: 0 10px 0 0;
    padding: 5px 12px 7px 12px;
    color: #FFFFFF;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .flowBox dd {
    margin: 0 0 20px 0;
    padding: 0;
}

.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .explainBoxNote {
    width: 1000px;
    margin: 40px auto 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px solid #BEBEBE;
}
.content .explainBoxBg_pc .explainBox_pc .explainBoxIn_pc .explainBoxNote p {
    color: #000000;
}
}





/*==========================================
 copyright
===========================================*/
.copyright {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 20px 15px 180px 15px;
    text-align: center;
    font-size: 0.7rem;
    line-height: 1.5;
    background-color: #231815;
}


@media print, screen and (min-width: 480px) {
.copyright {
    position: relative;
    width: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 20px 0 200px 0;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    background-color: #231815;
}
}





/*==========================================
 copyright + CQロゴ
===========================================*/
.cq-logoArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 140px 0;
    background-color: #231815;
}
.cq-logoArea .copyright {
    padding: 20px 0 10px 0;
}
.cq-logoArea .cq-logo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
}
.cq-logoArea .cq-logo img {
    width: 38%;
    height: auto;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border-radius: 10vw;
}


@media print, screen and (min-width: 480px) {
.cq-logoArea {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 180px 0;
    background-color: #231815;
}
.cq-logoArea .copyright {
    padding: 20px 0 20px 0;
}
.cq-logoArea .cq-logo {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}
.cq-logoArea .cq-logo img {
    width: 100px;
    height: auto;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border-radius: 10vw;
}
}





/*==========================================
 footer
===========================================*/
footer {
    width: 100%;
    background-color: #1E1210;
    margin: 0 auto;
    padding: 0;
}


/* フッターボタン */
footer .footerBtn .footerFloatingMenu {
	background-color: #FFFFFF;
    background: rgba(255,255,255,0.9);
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9900;
    text-align: center;
    padding: 15px 0 25px 0;
    margin: 0 auto;
	font-size: 0;
	line-height: 0;
}


footer .footerBtnIn {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}
footer .footerBtnIn .btn_chumon {
    position: relative;
    width: 49%;
    padding: 0;
    margin: 0;
    float: left;
}
footer .footerBtnIn .btn_kanyu {
    position: relative;
    width: 49%;
    padding: 0;
    margin: 0;
    float: right;
}

.btn,
a.btn,
button.btn {
    width: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
    display: inline-block;
	padding: 0.5rem 0.5rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.pre_sp:before {
    content: "\A";
	white-space: pre;
}

a.btn-custom01,
a.btn-custom02 {
	margin-bottom: 0.5rem;
	padding: 0;
	border-radius: 0.75rem;
    z-index: 9910;/*Safariバグ用*/
}

a.btn-custom01:before,
a.btn-custom02:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
    -webkit-transform: translate3d(0, 0.55rem, -1rem);
	transform: translate3d(0, 0.55rem, -1rem);
	border: 2px solid #000;
	border-radius: inherit;
	-webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
    z-index: 9910;/*Safariバグ用*/
}
a.btn-custom01:before {
    /*background: #408000;*/
	background: #DD6687;
}
a.btn-custom02:before {
    /*background: #B25900;*/
	background: #D2AF0B;
}

.btn-custom01-front,
.btn-custom02-front {
	position: relative;
	display: block;
    padding: 0.8rem 0.5rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border: 2px solid #000;
	border-radius: inherit;
    z-index: 9910;/*Safariバグ用*/
}
.btn-custom01-front {
	/*background: #6FBA2C;*/
	background: #E27C98;
}
.btn-custom02-front {
	/*background: #FF8000;*/
	background: #F5D121;
}

.fa-position-left {
	position: absolute;
	top: calc(50% - 0.5em);
	left: 1rem;
}
.fa-position-right {
	position: absolute;
	top: calc(50% - 0.5em);
	right: 1rem;
}

a.btn-custom01:hover,
a.btn-custom02:hover {
	-webkit-transform: translate(0, 0.25rem);
	transform: translate(0, 0.25rem);
}
a.btn-custom01:hover {
	/*background: #6FBA2C;*/
	background: #E27C98;
}
a.btn-custom02:hover {
	background: #F5D121;
}

a.btn-custom01:hover:before,
a.btn-custom02:hover:before {
    -webkit-transform: translate3d(0, 0.3rem, -1rem);
	transform: translate3d(0, 0.3rem, -1rem);
	-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}

a.btn-custom01:active,
a.btn-custom02:active {
	-webkit-transform: translate(0rem, 0.75rem);
	transform: translate(0rem, 0.75rem);
}

a.btn-custom01:active:before,
a.btn-custom02:active:before {
	-webkit-transform: translate3d(0, 0, -1rem);
	transform: translate3d(0, 0, -1rem);
	-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}


@media print, screen and (min-width: 480px) {
footer {
    width: 100%;
    background-color: #1E1210;
    margin: 0 auto;
    padding: 0;
}


/* フッターボタン */
footer .footerBtn .footerFloatingMenu {
	background-color: #FFFFFF;
    background: rgba(255,255,255,0.9);
    display: block;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9900;
    text-align: center;
    padding: 20px 0 30px 0;
    margin: 0 auto;
	font-size: 0;
	line-height: 0;
}


footer .footerBtnIn {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}
footer .footerBtnIn .btn_chumon {
    position: relative;
	width: 400px;
    padding: 0 20px 0 180px;
    margin: 0;
    float: left;
}
footer .footerBtnIn .btn_kanyu {
    position: relative;
	width: 400px;
    padding: 0 180px 0 20px;
    margin: 0;
    float: right;
}

.btn,
a.btn,
button.btn {
	width: 400px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.pre_sp:before {
    display: inline-block;
	white-space: pre;
}

a.btn-custom01,
a.btn-custom02 {
	margin-bottom: 0.5rem;
	padding: 0;
	border-radius: 0.75rem;
    z-index: 9910;/*Safariバグ用*/
}

a.btn-custom01:before,
a.btn-custom02:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
    -webkit-transform: translate3d(0, 0.65rem, -1rem);
	transform: translate3d(0, 0.65rem, -1rem);
	border: 2px solid #000;
	border-radius: inherit;
	-webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
    z-index: 9910;/*Safariバグ用*/
}
a.btn-custom01:before {
    /*background: #408000;*/
	background: #DD6687;
}
a.btn-custom02:before {
    /*background: #B25900;*/
	background: #D2AF0B;
}

.btn-custom01-front,
.btn-custom02-front {
	position: relative;
	display: block;
	padding: 2.3rem 2.5rem 2.3rem 2.5rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border: 2px solid #000;
	border-radius: inherit;
	background: #6FBA2C;
    z-index: 9910;/*Safariバグ用*/
}
.btn-custom01-front {
	background: #E27C98;
}
.btn-custom02-front {
	background: #F5D121;
}

.btn-custom01-front:after,
.btn-custom02-front:after {
    display:  inline-block;
    font-family: 'FontAwesome';
    content: "\f105";
    position: relative;
    top: 0;
    right: -20px;
    font-weight: bold;
}

.fa-position-left {
	position: absolute;
	top: calc(50% - 0.5em);
	left: 1rem;
}
.fa-position-right {
	position: absolute;
	top: calc(50% - 0.5em);
	right: 1rem;
}

a.btn-custom01:hover,
a.btn-custom02:hover {
	-webkit-transform: translate(0, 0.25rem);
	transform: translate(0, 0.25rem);
}
a.btn-custom01:hover {
	background: #E27C98;
}
a.btn-custom02:hover {
	background: #F5D121;
}

a.btn-custom01:hover:before,
a.btn-custom02:hover:before {
    -webkit-transform: translate3d(0, 0.4rem, -1rem);
	transform: translate3d(0, 0.4rem, -1rem);
	-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}

a.btn-custom01:active,
a.btn-custom02:active {
	-webkit-transform: translate(0rem, 0.75rem);
	transform: translate(0rem, 0.75rem);
}

a.btn-custom01:active:before,
a.btn-custom02:active:before {
	-webkit-transform: translate3d(0, 0, -1rem);
	transform: translate3d(0, 0, -1rem);
	-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}
}