@charset "utf-8";

body {
  margin: 0;
  font-family: "M PLUS 2", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  color: #FFF;
  position: relative; /* 擬似要素配置用 */
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://lps-prod-content-images-111192300873.s3.ap-northeast-1.amazonaws.com/front-top/birthday/images/main-bg.jpg') 
              #101010 no-repeat center center;
  background-size: cover;
  z-index: -1; /* 背景に回す */
}

.m_main__contents {
	padding: 0 10px;
	
}
.m_header__main,.m_header_nav {
	max-width: 1280px;	
	margin: 0 auto;
	align-items: inherit;
}
.m_header--bt3 {
	width: 100%;
	background:rgba( 0, 0, 0, 0.5 );

}

.m_main--has_sidebar {
	background-color: hsla(0,0%,0%,0.5);
}
.m_header_nav {
	background-color: inherit;
}
.m_header_nav a {
	color: #FFF;	
	}
.m_header_nav__menu {
	display: none;
}
.m_header_nav__categories {
	background: linear-gradient(135deg, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
	border-radius: 5px 30px 5px;
    margin-right: 10px;
}

.m_header__search {
	
}
.m_header--bt3 .m_header__functional_nav__link {
		color: #e6e6e6;
}
.m_header__functional_nav__items__group.links {
    border: 3px solid #e6e6e6;
}

@media screen and (max-width: 1199px) {
	.m_header_nav__categories {
	margin-left: 10px;
	margin-bottom: 10px;
}
	.m_header__functional_nav__link {
		font-size: 1.2rem;
		padding: 1rem 2rem;
	}
	
}
@media screen and (max-width: 999px) {
	.m_main--has_sidebar .m_main__sidebar {
		border: none;
	}
}
@media screen and (max-width: 599px) {
	.m_header__site_logo {
		margin: 1rem 0 1rem 2rem;
	}
}
.m_footer {
	display: none;
}
.app_container {
	width: 100%;
}
@media screen and (max-width: 767px) {
    .m_items__item {
        padding-bottom: 3%;
        width: 48%;
    }
}
.m_items__item__image img {
    border-radius: 999rem;
	border: 2px #FFF solid;
    padding: 3px;
	transition: all .3s ease-out;
}
.m_items__item__image img:hover {
    border-radius: 1rem;

	
}
.m_items__item__image {
	border:none;
}
.m_items__item__favorite.is_favorite {
    background-color: hsla(0,0%,100%,.5);
    color: #d4af37;
    opacity: 1
}

.m_items__item__favorite:hover {
    background-color: #d4af37;
    color: #fff;
    opacity: 1
}
.m_items__item a {
    color: #FFF;
    text-decoration: none;
}

.m_change_item_search_condition_button {
	top:2rem;
}

.c_content_main_title {
    margin: 1rem 1.5rem 2rem;
    color: #d4af37;/*文字色*/
  border: dashed 3px #d4af37;/*線色*/
  padding: 0.8rem 0.8em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
	font-size: clamp(1.8rem,3vw,2rem);
}
.c_pagination .page-item.active .page-link {
    background-color: #eaf5ff;
    border-color: #9cbac9;
    color: #1764a9;
	}
.m_change_item_search_condition_button ,.m_item_search__close_button .button ,.m_item_search__submit {
	background-color: #176ab5;
}
.m_item_search__close_button .button {
	right: 1rem;
    top: 0.7rem;
}
.m_item_search {
	background-color: hsla(0,0%,0%,0.85);
}
.m_item_search__category__tree__item__name {
	color: #FFF;
}
.m_item_search__category__clear {
    background-color: #67ada9;
}
.m_item_search__title{
	border-bottom: none; 
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 1.75rem;
    padding: 1rem 1.5rem;
    background-color: #374651;
}
.m_header__functional_nav__link:before {
  font-family: "Font Awesome 5 Free";
  content: '\f005';
  font-weight: 900;
	color: #fff;

}
.m_item_detail {
    margin: 3rem auto;
    max-width: 1280px;
    background-color: hsla(0, 0%, 0%, 0.5);
    padding: 20px;
}
.m_mypage_nav ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
	border-bottom: 1px dashed;
}

.m_mypage_nav li:before {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
	font-weight: 900;
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FFF; /*アイコン色*/
}
.m_mypage_nav li a {
	color: #FFF;
}
.m_favorite_items__item__title a {
	color: #FFF;
}
.m_favorite_items__body__info__item.subtotal {
    border-width: 4px;
    color: #f17373;
}
.m_favorite_items__item__remove:hover {
	background-color: #f17373;
}
	
.m_header__search  {
    background-color: #d4af37;
    border: 5px solid #d4af37;
    border-radius: 1rem;
}
@media screen and (max-width: 1199px) {
    .m_header__search {
        margin: 0 10px;
	}
}.m_item_detail__main__order .exchange_point {
    color: #d4af37;
}
.m_header__member_info__row{
	color: #333;
}
.m_header__logout a{
	background-color: #C93033;
}
.m_point_history {
	margin:0 20px;
}
.m_point_history__table th {
	background-color: inherit;
}

/* 問い合わせページ */
.c_table th {
	background-color: inherit;
}
.c_h--3 {
	border-color: #d4af37;
}
.c_button--submit {
background-color: #c7aa24;
	}
.c_button--submit:hover,.c_button--submit:active {
	background-color: #ccb464;
}
/* カート */
.m_main　{
	margin: 0 10px;
}
.m_main__contents {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.m_cart_items__order {
    background-color: #c7aa24;
}

.m_cart_items__body__info {
	background-color: rgba(0,0,0,0.50)
}
.m_cart_items__item__title a {
	color: #FFF;
}
.m_cart_items__footer {
	margin: 2rem 10px;
}