@charset "UTF-8";

.key-visual {
	width: 100%;
	position: relative;
	margin: -15px auto 15px;
}
.key-visual img {
	width: 100%;
}
.key-visual .txt {
	position: absolute;
	top: 35%;
	left: 5%;
	font-size: 25px;
	color: #fff;
	text-align: left;
}
.key-visual .txt_wh {
	position: absolute;
	top: 35%;
	left: 5%;
	font-size: 25px;
	color: #fff;
	text-align: left;
}

.mt0  {margin-top: 0   !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}

.mb0  {margin-bottom: 0   !important;}
.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;}

.pt0  {padding-top: 0   !important;}
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}

.pb0  {padding-bottom: 0   !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}



/*------------------------------------------------
gift_common
/*----------------------------------------------*/
#container.gift {}

#container.gift table tr {
	border: none;
}

#container.gift .colBox {}

#container.gift .colBox .leftCol {
	float: left;
}

#container.gift .colBox .rightCol {
	float: right;
}

#container.gift .key-visual .txt {
	color: #000;
	top: 42%;
}

#container.gift .key-visual .subTxt {
	position: absolute;
	top: 29%;
	left: 5%;
	font-size: 13px;
	color: #000;
	text-align: left;
}

#container.gift .topLead {
  padding: 35px 15px 50px 15px;
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 2.4px;
}

#container.gift .cataloguesHeading {
	padding-bottom: 10px;
	margin-bottom: 24px;
	line-height: 1.4;
	font-size: 18px;
	color: #333;
  text-align: left;
	border-bottom: 1px solid #000;
}

#container.gift .catalogHeading {
	padding: 18px 0;
	text-align: center;
	font-size: 16px;
	background: url("/user_data/AOS/sp/images/recommend/gift/bg_stripe.png") repeat 0 0;
	background-size: 4px 8px;
}

#container.gift .cataloguesHeading.-mx {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

#container.gift .catalogHeading + .imgTbl {
  margin-top: -5px;
}

#container.gift .anchorMenu ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

#container.gift .anchorMenu li {
	display: table-cell;
	padding: 12px 0 35px 0;
	text-align: center;
	vertical-align: middle;
	background: url("/user_data/AOS/sp/images/recommend/uchiiwai_gift/anchor_menu_bottom_arrow.png") no-repeat center bottom 11px;
	background-size: 20px 10px;
	border-left: 1px solid #444;
	border-radius: 0;
}

#container.gift .anchorMenu li:first-child {
	border-left: none;
}

#container.gift .anchorMenu a {
	display: block;
}

#container.gift .anchorMenu .stepHeading {
	height: 25px;
}

#container.gift .anchorMenu .stepHeading img {
	height: 100%;
}

#container.gift .anchorMenu .txt {
	display: table;
	width: 100%;
}

#container.gift .anchorMenu .txt span {
	display: table-cell;
	vertical-align: middle;
	padding: 11px 0 15px 0;
	text-align: center;
	font-size: 12px;
  line-height: 1.6;
}

#container.gift .threeLinesHeading {
	padding-bottom: 43px;
	margin: 73px 0 57px 0;
	font-size: 23px;
	text-align: center;
	color: #333;
	background: url("/user_data/AOS/sp/images/recommend/uchiiwai_gift/three_line.png") no-repeat center bottom;
	background-size: 23px auto;
  line-height: 1.4;
}

#container.gift .threeLinesHeading .step {
	height: 35px;
	padding-bottom: 7px;
  display: block;
}

#container.gift .threeLinesHeading .step img {
	height: 100%;
}

#container.gift .embroidery {
	background: url("/user_data/AOS/sp/images/recommend/uchiiwai_gift/bg_lb_banding_pattern.png") repeat 0 0;
	background-size: 13px 4px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
}

#container.gift .tblBox {
	display: table;
	table-layout: fixed;
	width: 100%;
}

#container.gift .tblBox.auto {
	table-layout: auto;
}

#container.gift .tblBox .row {
	display: table-row;
}

#container.gift .tblBox .cell {
	display: table-cell;
	vertical-align: middle;
}

#container.gift .tblBox .cell.vat {
	vertical-align: top;
}

#container.gift .tblBox .cell.vam {
	vertical-align: middle;
}

#container.gift .tblBox .cell.vab {
	vertical-align: bottom;
}

#container.gift .itemList {
	margin: 0 auto;
	overflow: hidden;
}

#container.gift .itemList ul {
	margin: -20px 0 0 -18px;
}

#container.gift .itemList li {
	width: 33.3333%;
	margin: 20px 0 0 0;
  padding-left: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	float: left;
	height: 166px;
}

#container.gift .itemList a {
	display: block;
  white-space: normal;
}

#container.gift .itemList img {
	width: 100%;
	height: auto;
}

#container.gift .itemList .thumb {
	position: relative;
	width: 88px;
	height: 88px;
  margin: auto;
}

#container.gift .itemList .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

#container.gift .itemList .name,
#container.gift .itemList .price {
	font-size: 12px;
	color: #333;
}

#container.gift .itemList .price {
	margin-bottom: 0;
}


/*------------------------------------------------
type_gift
/*----------------------------------------------*/
#container .typeGift {
	padding: 0 15px 50px;
}

#container .typeGift .mainContent {
	padding: 0 15px;
}

#container .typeGift .types {}

#container .typeGift .typesHeading {
	padding-bottom: 3px;
	margin-left: -15px;
	text-align: left;
}

#container .typeGift .typeAcBtn {
	position: relative;
	display: block;
}

#container .typeGift .typeAcBtn:after,
#container .typeGift .typeAcBtn.-open:after {
	position: absolute;
	top: 0;
	left: auto;
	right: 11px;
	bottom: 0;
	margin: auto;
	display: block;
	width: 16px;
	height: 16px;
	content: " ";
}

#container .typeGift .typeAcBtn:after {
	background: url("/user_data/AOS/sp/images/recommend/type_gift/plus.png") no-repeat 0 center;
	background-size: 100% auto;
}

#container .typeGift .typeAcBtn.-open:after {
	background: url("/user_data/AOS/sp/images/recommend/type_gift/minus.png") no-repeat 0 center;
	background-size: 100% auto;
}

#container .typeGift .typesHeading img {
	width: 100%;
}

#container .typeGift .type {
	margin-top: 10px;
}

#container .typeGift .type img {
	width: 100%;
}

#container .typeGift .acContent {
	overflow: hidden;
  display: none;
}

#container .typeGift .thumb {
	position: relative;
	width: 100%;
	padding-bottom: 17px;
}

#container .typeGift .thumb .logo,
#container .typeGift .thumb .cover {
	width: 48%;
}

#container .typeGift .thumb .logo {
	float: left;
}

#container .typeGift .thumb .logo img {
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: 0;
	margin: auto;
	max-width: 50%;
	max-height: 50%;
}

#container .typeGift .thumb .cover {
	float: right;
}

#container.gift .catalogLead {
	text-align: left;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 2.6px;
  margin-bottom: 0;
}

#container.gift .coursePrice {
	padding-top: 5px;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.7;
	text-align: left;
	letter-spacing: 3.5px;
  margin-top: 0;
}

#container .typeGift .catalog .btn {
	text-align: center;
	padding: 10px 0 10px 0;
}

#container .typeGift .infoBtn {
	display: inline-block;
	width: 280px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #444;
	border-radius: 45px;
	box-sizing: border-box;
}

#container .typeGift .pageList {
	padding-bottom: 50px;
	overflow: hidden;
}

#container .typeGift .type .catalog:last-child .pageList {
	padding-bottom: 0;
}

#container .typeGift .pageList ul {
	margin-top: -15px;
}

#container .typeGift .pageList li {
	margin-top: 15px;
	text-align: center;
}

#container .typeGift .type .acClose {
	padding: 10px 0;
}



/*------------------------------------------------
uchiiwai_gift
/*----------------------------------------------*/
#container .uchiiwaiGift {
	/*padding-bottom: 50px;*/
}

#container .uchiiwaiGift .roundCornerBtn {
	display: inline-block;
	width: 290px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #444;
	border-radius: 22px;
}

#container .uchiiwaiGift .anchorMenu {
	margin: 0 auto;
}

#container .uchiiwaiGift .dotLineHeading {
	padding-bottom: 11px;
	margin-bottom: 24px;
	text-align: left;
	line-height: 1;
	font-size: 18px;
	color: #333;
	border-bottom: 1px dotted #000;
}

#container .uchiiwaiGift .box {
	padding: 0 15px;
	margin-bottom: 50px;
	font-size: 15px;
	line-height: 1.7;
	text-align: left;
}

#container .uchiiwaiGift .box .btn {
	text-align: center;
}

#container .uchiiwaiGift .box.about .thumb,
#container .uchiiwaiGift .box.when .thumb,
#container .uchiiwaiGift .box.what .thumb {
	width: 140px;
	padding: 0 20px 0 0;
}

#container .uchiiwaiGift .box.onePoint1 {
	width :90.6%;
	padding: 7px;
	margin: 0 auto 0 auto;
}

#container .uchiiwaiGift .box.onePoint1 .boxInner {
	padding: 20px;
	background: #fff;
}

#container .uchiiwaiGift .box.onePoint1 .dotLineHeading {
	margin-bottom: 0;
}

#container .uchiiwaiGift .box.onePoint1 .thumb {
	text-align: center;
	padding: 12px 0 16px 0;
}

#container .uchiiwaiGift .box.onePoint1 .thumb img {
	height: 119px;
}

#container .uchiiwaiGift .box.onePoint1 .boxInner p {
  margin-bottom: 10px;
}

#container .uchiiwaiGift .box.onePoint1 .boxInner p:last-child {
  margin-bottom: 0;
}

#container.gift .box.qa {
	width: 100% !important;
	padding: 0 0 16px 0;
	margin-bottom: 0;
	background: #f6f6f6;
}

#container.gift .box.qa .question {
	padding: 56px 15px 23px 15px;
	margin: 0 auto;
	background: #fff;
}

#container.gift .box.qa .qHeading {
	width: 87px;
	padding-top: 6px;
	text-align: left;
}

#container.gift .box.qa .qHeading img {
	height: 37px;
}

#container.gift .box.qa .answer {
	padding: 19px 15px 12px 15px;
	margin: 0 auto;
	background: #f6f6f6;
	box-sizing: border-box;
}

#container.gift .box.qa .aHeading {
	width: 40px;
	margin-top: -4px;
	text-align: left;
}

#container.gift .box.qa .aHeading img {
	height: 24px;
}

#container.gift .box.qa .recommendedGift {
	padding: 0 15px;
	background: #f6f6f6;
}

#container.gift .box.qa .recommendedGift .boxInner {
	padding: 15px 17px;
	background: #fff;
}

#container.gift .box.qa .recommendedGift .boxInner .giftLead {
  line-height: 1.6;
  font-size: 14px;
}

#container.gift .box.qa .recommendedGift .thumbBox {
	padding-bottom: 26px;
}

#container.gift .box.qa .recommendedGift .thumbBox .cell {
	vertical-align: top;
}

#container.gift .box.qa .recommendedGift .giftHeading  {
	padding-bottom: 25px;
	text-align: left;
}

#container.gift .box.qa .recommendedGift .giftHeading img {
	width: 136px;
}

#container.gift .box.qa .recommendedGift .thumb {
	width: 127px;
}

#container.gift .box.qa .recommendedGift .thumb img {
	width: 115px;
}

#container.gift .box.qa .recommendedGift .giftList .thumb {
	width: 107px;
}

#container.gift .box.qa .recommendedGift .giftList .thumb img {
	width: 90px;
}

#container.gift .box.qa .recommendedGift .name,
#container.gift .box.qa .recommendedGift .price {
	letter-spacing: 4px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1.8px;
}

#container.gift .box.qa .recommendedGift .price {
	padding-bottom: 14px;
	color: #333;
}

#container.gift .box.qa .recommendedGift .roundCornerBtn {
	width: 100%;
	max-width: 129px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

#container.gift .box.qa .recommendedGift .giftList {
  border-top: 1px dotted #000;
  padding-top: 30px;
  margin-top: 20px;
}

#container.gift .box.qa .recommendedGift .giftList .thumbBox:last-child {
  padding-bottom: 0;
}

#container .uchiiwaiGift .what .btn {
	padding-top: 29px;
}

#container .uchiiwaiGift .box.onePoint2 {
	width :90.6%;
	padding: 7px;
	margin: 70px auto 60px auto;
}

#container .uchiiwaiGift .box.onePoint2 .boxInner {
	padding: 25px 19px;
	background: #fff;
}

#container .uchiiwaiGift .box.onePoint2 .thumb {
	width: 115px;
	text-align: left;
	padding-bottom: 17px;
}

#container .uchiiwaiGift .box.onePoint2 .thumb img {
	width: 95px;
}

#container .uchiiwaiGift .box.onePoint2 .txt {
	font-size: 14px;
	letter-spacing: 3px;
}

#container .uchiiwaiGift .box.onePoint2 .btn {
	padding-top: 10px;
	text-align: center;
}

#container .uchiiwaiGift .box.onePoint2 .roundCornerBtn {
	width: 100%;
}

#container .uchiiwaiGift .box.items .cataloguesHeading {
	padding-left: 4.2%;
	padding-right: 4.2%;
}


/*------------------------------------------------
shussan_gift
/*----------------------------------------------*/
#container .shussanGift {
	padding-bottom: 50px;
}

#container .shussanGift .mainContent {
	padding: 0 15px;
}

#container .shussanGift .roundCornerBtn {
	display: inline-block;
	width: 290px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #444;
	border-radius: 22px;
}

#container .shussanGift .threeLinesHeading:first-child {
  margin-top: 20px;
}

#container .shussanGift .box {
	text-align: left;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 60px;
}

#container .shussanGift .box.about .thumb {
	width: 140px;
	padding-right: 20px;
}

#container .shussanGift .catalogHeading {
	padding: 18px 0;
	text-align: center;
	font-size: 16px;
	background: url("/user_data/AOS/sp/images/recommend/gift/bg_stripe.png") repeat 0 0;
	background-size: 4px 8px;
}

#container .shussanGift .dotLineHeading {
	padding-bottom: 2px;
	font-size: 16px;
	border-bottom: 1px dotted #000;
}

#container .shussanGift .imgTbl table {
  width: 100%;
}

#container .shussanGift .imgTbl table tr td:first-child:not(:only-child) {
  padding-left: 0;
}

#container .shussanGift .imgTbl table tr td:only-child {
  padding-top: 0;
}

#container .shussanGift .imgTbl table tr td:last-child {
  padding-right: 0;
}


#container .shussanGift .imgTbl .cover {
	padding-right: 8px;
	text-align: left;
}

#container .shussanGift .imgTbl .logo,
#container .shussanGift .imgTbl .page {
	padding-left: 8px;
	text-align: right;
}

#container .shussanGift .imgTbl tr:first-child td {
	vertical-align: top;
}

#container .shussanGift .imgTbl tr:last-child td {
	vertical-align: bottom;
}

#container .shussanGift .boxChatch {
  margin-bottom: 10px;
}

#container .shussanGift .course {
	padding-top: 22px;
	font-weight: bold;
	font-size: 15px;
}

#container .shussanGift .course img {
	margin-top: 12px;
}

#container .shussanGift .box.catalog .btn {
	padding-top: 14px;
	text-align: center;
}

#container .shussanGift .box.embroidery {
	padding: 7px;
}

#container .shussanGift .box.embroidery .boxInner {
	padding: 16px;
	background: #fff;
}

#container .shussanGift .box.embroidery .dotLineHeading {
	margin: 0;
}

#container .shussanGift .box.embroidery .txt {
	padding-top: 16px;
}

#container .shussanGift .box.embroidery .thumb {
	text-align: center;
	padding: 0 20px 0 0;
}

#container .shussanGift .box.embroidery .thumb img {
	width: 119px;
}

#container .shussanGift .box.embroidery .thumb .imgLead {
	font-size: 10px;
	text-align: right;
}


/*------------------------------------------------
shussan_gift
/*----------------------------------------------*/
#container .kodenGift {
	padding-bottom: 50px;
}

#container .kodenGift .dotLineHeading {
	padding-bottom: 2px;
	font-size: 17px;
	border-bottom: 1px dotted #000;
}

#container .kodenGift .mainContent {
	padding: 0 15px;
}

#container .kodenGift .roundCornerBtn {
	display: inline-block;
	width: 290px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 16px;
	color: #000;
	border: 1px solid #444;
	border-radius: 22px;
}


#container .kodenGift .catalogHeading {
	padding: 18px 0;
	text-align: center;
	font-size: 16px;
	background: url("/user_data/AOS/sp/images/recommend/gift/bg_stripe.png") repeat 0 0;
	background-size: 4px 8px;
}

#container .kodenGift .eventTable {
	padding-top: 23px;
}

#container .kodenGift .eventTable table {
	width: 100%;
	max-width: 100%;
}

#container .kodenGift .eventTable table * {
	box-sizing: border-box;
}

#container .kodenGift .eventTable tr {
	border-bottom: 1px dotted #000;
}

#container .kodenGift .eventTable tr:first-child {
	border-top: 1px solid #000;
}

#container .kodenGift .eventTable tr:last-child {
	border-bottom: 1px solid #000;
}

#container .kodenGift .eventTable th,
#container .kodenGift .eventTable td {
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	border-radius: 0;
}

#container .kodenGift .eventTable th {
	width: 140px;
	padding: 12px 13px;
}

#container .kodenGift .eventTable th span {
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#container .kodenGift .eventTable td {
	padding: 12px 0 12px 15px;
}

#container .kodenGift .eventTable td a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	text-decoration: underline;
}

#container .kodenGift .services {
	padding: 20px 15px 4px 15px;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	background: #ecedef;
	border-top: 4px solid #e4dfea;
	border-bottom: 4px solid #e4dfea;
}

#container .kodenGift .services .lead {
	padding-bottom: 13px;
	border-bottom: 1px solid #000;
}

#container .kodenGift .services dl {
	padding-top: 20px;
	text-align: left;
}

#container .kodenGift .services dt {
	position: relative;
	padding-left: 27px;
	font-size: 16px;
	font-weight: bold;
}

#container .kodenGift .services dt span {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: inline-block;
	text-align: left;
}

#container .kodenGift .services dt img {
	height: 25px;
	width: auto;
}

#container .kodenGift .services dd {
	margin: 5px 0 0 0;
}

#container .kodenGift .services .paperImg {
	text-align: center;
}

#container .kodenGift .anchorMenu {
	margin-top: 49px;
}

#container .kodenGift .anchorMenu .txt span {
	line-height: 1.4;
	font-size: 16px;
}

#container .kodenGift .pageList {
	overflow: hidden;
	padding-top: 24px;
}

#container .kodenGift .pageList ul {
	margin-top: -15px;
}

#container .kodenGift .pageList li {
	margin-top: 15px;
	text-align: center;
}

#container .kodenGift .pageList img {
	max-width: 101%;
}

#container .kodenGift .box {
	text-align: left;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 60px;
}

#container .kodenGift .box .thumb {
	width: 140px;
	padding-right: 20px;
}

#container .kodenGift .box .img {
	text-align: center;
}

#container .kodenGift .box .btn {
	padding-top: 13px;
	text-align: center;
}

#container .kodenGift .box.about .thumb {
	width: 140px;
	padding-right: 20px;
}

#container .kodenGift .box.about .desc {
	padding: 19px 15px;
	margin : 49px 0 0 0;
	letter-spacing: 2.1px;
	font-size: 14px;
	color: #330066;
	background: #ecedef;
	border-top: 4px solid #e5e1eb;
	border-bottom: 4px solid #e5e1eb;
}

#container .kodenGift .box.mizubiki .tblBox .cell {
	vertical-align: top;
}

#container .kodenGift .box.mizubiki .tblBox .cell:first-child {
	padding-right: 15px;
}

#container .kodenGift .box.mizubiki .tblBox .cell:last-child {
	padding-left: 15px;
}

#container .kodenGift .box.mizubiki .imgLead {
	padding-top: 12px;
}

#container .kodenGift .box.houyou .eventTable {
	padding-top: 23px;
}

#container .kodenGift .box.kyoka .tblBox {
	table-layout: fixed;
}

#container .kodenGift .box.kyoka .cell {
	vertical-align: top;
}

#container .kodenGift .box.kyoka .thumb {
	width: 160px;
	padding-right: 20px;
	box-sizing: border-box;
}

#container .kodenGift .box.catalog .cell {
	position: relative;
	padding-bottom: 12px;
	text-align: center;
	vertical-align: middle;
}

#container .kodenGift .box.catalog .cell.logo {
	width: 48%;
}

#container .kodenGift .box.catalog .cell.cover {
	padding-left: 9px;
}

#container .kodenGift .box.catalog .logo img,
#container .kodenGift .box.catalog .cover img {
	max-width: 100%;
}

#container .kodenGift .box.catalog .aisatsujo {
	height: 24px;
	margin: 15px 0 7px 0;
	line-height: 24px;
	text-align: center;
	background: #f0f0f0;
}

#container .kodenGift .box.catalog .name,
#container .kodenGift .box.catalog .price {
	font-size: 15px;
	font-weight: bold;
	color: #000 !important;
}

#container .kodenGift .box.mizubiki .cell {
	text-align: center;
}

#container .kodenGift .box.mizubiki .img {
	display: inline-block;
}

#container .kodenGift .box.mizubiki .imgLead {
	text-align: left;
}

/*
  Modification Classes
--------------------------------------------------------------- */

.md-mb40 {
  margin-bottom: 40px!important;
}

/*
  adviser block
--------------------------------------------------------------- */

#container.gift .adviser-block {
  margin: 0 0 -20px;
  padding: 50px 15px 30px;
  text-align: left;
  color: #fff;
  background: #434343;
}

#container.gift .adviser-block h3 {
  width: 187px;
  margin: 0 auto 30px;
  text-align: center;
}

#container.gift .adviser-block h3 + p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#container.gift .adviser-block h3 img {
  width: 100%;
}

#container.gift .adviser-block .hour-info {
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
}

#container.gift .adviser-block .inquiry-block {
  margin: 25px 0 0;
  padding: 25px 0 0;
  text-align: center;
  border-top: 1px solid #fff;
}

#container.gift .button-secondary a {
  display: block;
  margin: 15px;
  padding: 15px 10px;
  font-size: 16px;
  color: #000;
  text-align: center;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#container.gift .button-secondary.white a {
  background: #fff;
}

#container.gift .button-secondary.black a {
  color: #fff;
  background: #000;
}

#container.gift .button-secondary .phone-number {
  padding-left: 32px;
  font-weight: bold;
  background: url("/user_data/packages/sphone/images/hikidemono/icon_phone.png") no-repeat left top;
  -webkit-background-size: 22px auto;
  background-size: 22px auto;
}

#container .box.catalog .label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 15px;
  color: #fff;
}

#container .box.catalog .label.blue {
  background: #5391a5;
}
#container .box.catalog .label.green {
  background: #8ebe94;
}

#container .box.catalog .label.zk{
  background: #5391a5;
}
#container .box.catalog .label.gr{
  background: #db717e;
}
#container .box.catalog .label.zkgr{
  background: #676767;
}
#container .box.catalog .label.br{
  background: #9bbc94;
}
#container .box.catalog .label.bri{
  background: #6d97ca;
}
#container .box.catalog .label.bb{
  background: #7cb7c5;
}
#container .box.catalog .label.jp{
  background: #bdab3e;
}
#container .box.catalog .label.pr{
  background: #5b3665;
}
#container .box.catalog .label.zs{
  background: #bc5137;
}
.page-recommend .catalogueIntroduction .catalogueCategory.bj{
  background: #989898;
}