@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* --------------------------------------------------------------------
  サポート&ブランド用のcss
-------------------------------------------------------------------- */
.pane-header,
.pane-footer{
	font-family: 'Noto Sans JP', 'Noto Sans Japanese', '源ノ角ゴシック Regular', '源ノ角ゴシック', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.pc-cm-header{display: none;}
.pane-footer ul{padding: 0;}
.pane-footer .footer-menu-inner .inner-block h2{margin: 0;}
.pane-header .block-modal-menu .menu-group--wrap-login a img{display: inline-block;}
body.pane-footer .block-sns-list ul li {
	  margin-bottom: 20px;
	  text-align: center;
	  width: calc((100% - 40px) / 3);
	  word-break: break-all;
}

body .pane-header .modal-nav-menu .block-search-box {width: 100%;}
body .pane-footer .block-sns-list ul li {width: calc((100% - 40px) / 3);}
body .pane-footer .block-sns-list ul li:nth-child(3n) {margin-right: 0;}

@media (max-width: 420px) {
body .main_cate,
body .main_cate_other{
	min-width: auto;
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
	margin: 0;
	margin-left: 0;
}
body .main_cate_other li{
	margin: 0 0 10px 0;
    width: 95%;
}

@media screen and (max-width: 800px) {
    body .pane-header.is-active .header-logo a {
        background: url(/cms/img/usr/common/ico-logo-wh.svg) bottom center / 100% auto no-repeat;
    }
}

}

/* --------------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------------- */
.pane-header .cm-header-wrap {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	padding: 10px 15px;
	position: relative;
	background-color: #fff;
  }
  .pane-header.is-active .cm-header-wrap {
	background-color: #000;
  }
  
  .pane-header .header-menu-ico {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
  }
  
  .pane-header .header-logo {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: -10px;
	margin: 0 0 0 auto;
	margin: auto;
	position: absolute;
	right: 0;
	top: 20px;
	width: 40%;
  }
  
  .pane-header .header-logo-right {
	margin-left: auto;
	width: 16%;
	margin-right: 5px;
  }
  
  .pane-header .header-logo-right ul{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
  }
  
  .pane-header .header-logo-right img {
	  image-rendering: -webkit-optimize-contrast;
  }
  
  .pane-header .header-menu-ico > span {
	font-size: .7em;
	display: none;
  }
  
  .pane-header .header-menu-ico .is-ico-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	height: 30px;
	margin-right: 10px;
	width: 30px;
  }
  
  .pane-header .header-menu-ico .is-ico-line span {
	background-color: #000000;
	border-radius: 100px;
	display: inline-block;
	height: 2px;
	margin: auto;
	width: 100%;
	transition: .2s all;
  }
  
  .pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(1)  {
	opacity: 0;
  }
  .pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(2) {
	-webkit-transform: translateY(1px) rotate(-45deg);
	transform: translateY(1px) rotate(-45deg);
  }
  .pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
  }
  
  .pane-header .header-detail {
	  position: relative;
	  transition: .2s;
  }
  .pane-header .detail-nav {
	  transition: .5s;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: 0;
  }
  .pane-header .detail-nav.down-scroll {
	  z-index: -9999;
	  transform: translateY(-150%);
  }
  .pane-header #scroll_nav_list_wrap {
	  padding: 0;
	  position: relative;
  }
  .pane-header #scroll_nav_list {
	display: flex;
  }
  .pane-header #scroll_nav_list_wrap .swiper-btn-prev,
  .pane-header #scroll_nav_list_wrap .swiper-btn-next {
	  content: '';
	  width: 25px;
	  height: 100%;
	  margin: auto;
	  border: none;
	  border-right: #C2C2C2 1px solid;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  -webkit-transform: none;
	  transform: none;
	  transition: .2s all;
	  background: rgba(255,255,255,0.95);
	  box-sizing: border-box;
	  z-index: 3;
  }
  .pane-header #scroll_nav_list_wrap .swiper-btn-next {
	  border-right: none;
	  border-left: #C2C2C2 1px solid;
	  left: auto;
	  right: 0;
  }
  .pane-header #scroll_nav_list_wrap .swiper-btn-prev::before,
  .pane-header #scroll_nav_list_wrap .swiper-btn-next::before {
	  content: '';
	  width: 8px;
	  height: 8px;
	  margin: auto;
	  border-top: 1px solid #9e9e9e;
	  border-right: 1px solid #9e9e9e;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 9px;
	  -webkit-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	  transition: .2s all;
  }
  .pane-header #scroll_nav_list_wrap .swiper-btn-next::before {
	  left: 5px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
  }
  .pane-header #scroll_nav_list_wrap .swiper-btn-prev.swiper-button-disabled,
  .pane-header #scroll_nav_list_wrap .swiper-btn-next.swiper-button-disabled {
	  display: none !important;
  }
  .pane-header #scroll_nav_list_wrap .swiper-slide {
	padding: 5px 10px;
	  box-sizing: border-box;
  }
  .pane-header #scroll_nav_list_wrap .swiper-slide a {
	display: block;
	  text-align: center;
	white-space: break-spaces;
	white-space: nowrap;
	word-break: break-all;
	font-size: 0.8em;
  }
  .pane-header #scroll_nav_list_wrap .swiper-slide .image {
	  width: 60px;
	  height: 50px;
	  margin: 0 auto;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .pane-header #scroll_nav_list_wrap .swiper-slide .name {
	  min-height: 2.4em;
	  text-align: center;
	  line-height: 1.2;
	  font-size: 12px;
	  display: flex;
	  justify-content: center;
	  align-items: center;	
  }
  .pane-header #scroll_nav_list_wrap .swiper-slide .name br {
	  display: block !important;
  }
  
  .pane-header .detail-nav-menu {
	width: 100%;
	background-color: #f5f5f5;
	  padding: 7px 15px;
	  box-sizing: border-box;
  }
  .pane-header .detail-nav-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  .pane-header .detail-nav-menu li {
	  position: relative;
  }
  .pane-header .header-logo-right li {position: relative;}
  .pane-header .detail-nav-menu ul .header-menu-search {
	  width: 100%;
	  padding: 0;
	  box-sizing: border-box;
  }
  .pane-header .detail-nav-menu ul .header-menu-mypage {
	  width: 42px;
	  text-align: center;
  }
  .pane-header .header-detail .header-customer {
	  color: #d40000;
	  font-weight: 400;
	  text-align: left;
	  z-index: 10;
	  font-size: 12px;
	  text-align: center;
	  background-color: #f5f5f5;
	  padding: 5px 5px 0;
  }
  
  .pane-header .header-detail .header-customer.is-login {color: #569100;}
  .pane-header .header-detail .header-customer.is-login br{display: none;}
  
  .pane-header .header-detail .header-customer .is-point-num,
  .pane-header .header-detail .header-customer .is-coupon-num{
	font-size: 1.2em;
	margin-left: 10px;
  }
  .pane-header .detail-nav-menu ul .header-menu-cart {
	  width: 42px;
	  text-align: center;
  }
  .pane-header .detail-nav-menu ul .header-menu-search .block-search-box--form {
	  height: 36px;
	  padding: 0;
	  border: #C2C2C2 1px solid;
	  border-radius: 3px;
	  background: #FFF;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  box-sizing: border-box;
  }
  .pane-header .detail-nav-menu ul .header-menu-search .block-search-box--keyword {
	  width: calc(100% - 40px);
	  height: 34px;
	  padding: 0 10px;
	  margin: 0;
	  border: none;
	  outline: none;
	  border-radius: 3px;
	  box-sizing: border-box;
	  background: #FFF;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
  }
  .pane-header .detail-nav-menu ul .header-menu-search .input-group-btn {
	  width: 40px;
  }
  .pane-header .detail-nav-menu ul .header-menu-search .input-group-btn .block-search-box--search-submit {
	  width: 40px;
	  height: 34px;
	  padding: 0;
	  margin: 0;
	  border: none;
	  border-radius: 3px;
	  background: url(/cms/img/usr/common/ico-search-bk.svg) center center no-repeat;
	  -webkit-background-size: 20px auto;
	  background-size: 20px auto;
	  vertical-align: middle;
  }
  .pane-header .header-menu-mypage a,
  .pane-header .header-menu-cart a {
	  width: 100%;
	  height: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
  }
  .pane-header .block-headernav--cart-count {
	background-color: #e61d50;
	border-radius: 10px;
	color: #ffffff;
	display: none;
	font-size: 11px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: -5px;
	z-index: 2;
  }
  .pane-header .header-detail .detail-nav::after {
	background: #c2c2c2;
	bottom: 0;
	content: "";
	display: inline-block;
	height: 100%;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
  }
  /* --------------------------------------------------------------------
	  ヘッダーアクティブ時
  -------------------------------------------------------------------- */
  .pane-header.is-active {
	background-color: #000;
	color: #fff;
	-webkit-filter: none;
	filter: none;
  }
  .pane-header.is-active .is-ico-line span {
	background-color: #fff;
  }
  .header-menu-ico.is-active > span,
  .pane-header.is-active .header-logo-right{
	opacity: 0;
	visibility: hidden;
  }
  .pane-header.is-active .header-logo img {
	opacity: 0;
  }
  .pane-header.is-active .header-logo a {
	background: url(/cms/img/usr/common/ico-logo-wh.svg) bottom center / 100% auto no-repeat;
  }
  
  /* --------------------------------------------------------------------
	  ヘッダーフォトライフ
  -------------------------------------------------------------------- */
  .pane-header .photolife-header-wrap{
	  background: #E4E2DF;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 10px 15px;
  }
  
  .pane-header .photolife-header-logo{
	  margin-bottom: 5px;
  }
  
  .pane-header .photolife-header-btn a{
	  position: relative;
	  width: 140px;
	  height: 38px;
	  border: solid 1px #000;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 13px;
	  padding: 0 5px 0 15px;
	  box-sizing: border-box;
	  background: #000;
	  color: #fff!important;
  }
  
  .pane-header .photolife-header-btn a img{
	  position: absolute;
	  left: 10px;
	  top: 50%;
	  margin-top: -5px;
  }
  
  .pane-header .photolife-header-nav ul{
	  display: flex;
	  padding: 10px 0;
  }
  
  .pane-header .photolife-header-nav ul li{
	  width: calc(100% / 3);
	  display: flex;
	  justify-content: center;
	  border-right: solid 1px #D5D2CE;
  }
  
  .pane-header .photolife-header-nav ul li:last-child{border: none;}
  
  .pane-header .photolife-header-nav ul li a{
	  width: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  font-size: 10px;
	  font-weight: 500;
	  text-align: center;
	  color: #31302E;
  }
  
  .pane-header .photolife-header-nav ul li a span{
	  display: inline-block;
	  vertical-align: middle;
	  text-align: left;
	  font-size: 10px;
  }
  
  .pane-header .photolife-header-nav ul li a img{margin-right: 8px;}
  
  /* --------------------------------------------------------------------
	  ヘッダーモーダルメニュー
  -------------------------------------------------------------------- */
  .pane-header .block-modal-menu {
	background-color: #000;
	color: #fff;
	position: fixed;
	z-index: 101;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
  }
  .pane-header .block-modal-menu a {
	color: #fff;
  }
  .pane-header .block-modal-menu .modal-menu {
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
	height: calc(100vh - 200px);
	padding: 10px 15px 30px;
  }
  .pane-header .block-modal-menu .js-slid-menu {
	   display: none;
	   margin-top: 25px;
  }
  .pane-header .block-modal-menu .js-slid-menu-btn {
	font-size: 0.9em;
	font-weight: normal;
	position: relative;
	padding: 0 0 0 10px;
  }
  .pane-header .block-modal-menu .js-slid-menu-btn::before,
  .pane-header .block-modal-menu .js-slid-menu-btn::after,
  .pane-header .block-modal-menu .btn-menu-inner::before,
  .pane-header .block-modal-menu .btn-menu-inner::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	width: 15px;
	height: 2px;
	background-color: #fff;
	transition: .2s all;
	border-radius: 100px;
  }
  .pane-header .block-modal-menu .js-slid-menu-btn::before,
  .pane-header .block-modal-menu .btn-menu-inner::before {
	transform: rotate(-90deg);
  }
  .pane-header .block-modal-menu .js-slid-menu-btn.is-active::before,
  .pane-header .block-modal-menu .btn-menu-inner.is-active::before {
	transform: rotate(0deg);
  }
  .pane-header .modal-nav-menu {
	margin-bottom: 20px;
  }
  .pane-header .modal-nav-menu .block-search-box {
	width: 100%;
  }
  .pane-header .modal-nav-menu ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .pane-header .modal-nav-menu .block-search-box .block-search-box--form {
	background-color: transparent;
	padding: 0;
	display: flex;
  }
  .pane-header .block-search-box--keyword {
	width: 100%;
	height: 38px;
  }
  .pane-header .modal-nav-menu .block-search-box .block-search-box--keyword {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	background-color: #242424;
	border: 0;
	border-radius: 100px;
	padding: 0;
	line-height: 2.5;
	height: auto;
	color: #999;
	padding: 0 45px 0 20px;
  }
  .pane-header .modal-nav-menu .block-search-box .block-search-box--placeholder {
	top: 20%;
	margin: auto;
  }
  .pane-header .modal-nav-menu .input-group-btn {
	position: absolute;
	bottom: 0;
	top: 0;
	right: 10px;
	margin: auto;
  }
  .pane-header .modal-nav-menu .block-search-box--search-submit {
	width: 35px;
	height: 100%;
	background: transparent url(/cms/img/usr/common/ico-search-wh.svg) center no-repeat;
	background-size: 60%;
	border: 0;
	padding: 0;
	margin: 0;
  }
  .pane-header .modal-nav-menu ul li {
	width: 5%;
	position: relative;
  }
  
  .pane-header .block-modal-menu .menu-group--wrap-login a{
	  background: #fff;
	  color: #000;
	  background: #fff;
	  color: #000;
	  display: block;
	  text-align: center;
	  padding: 10px 0 12px;
	  font-size: 13px;
  }
  
  .pane-header .block-modal-menu .menu-group--wrap-login a img{margin-right: 8px;}
  
  .pane-header .block-modal-menu .menu-group--wrap:not(.is-link) {
	padding: 20px 0;
	border-bottom: 1px solid #999;
  }
  .pane-header .block-modal-menu .menu-group--wrap.is-link:not(:last-child) {
	border-bottom: 1px solid #999;
  }
  .pane-header .block-modal-menu .menu-group-01>li {
	background-color: #242424;
	margin-bottom: 1px;
  }
  .pane-header .block-modal-menu .menu-group--wrap.is-link a,
  .pane-header .block-modal-menu .menu-group-01 a,
  .pane-header .block-modal-menu .btn-menu-inner {
	position: relative;
	display: block;
	padding: 10px 35px 10px 10px;
	font-size: 0.9em;
  }
  .pane-header .block-modal-menu .menu-group--wrap.is-link a {
	  padding: 20px 35px 20px 10px;
  }
  .pane-header .block-modal-menu .menu-group--wrap.is-link a::after,
  .pane-header .block-modal-menu .menu-group-01 a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .pane-header .block-modal-menu .btn-menu-inner::before,
  .pane-header .block-modal-menu .btn-menu-inner::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	width: 10px;
	height: 1px;
	background-color: #fff;
	transition: .2s all;
  }
  .pane-header .block-modal-menu .btn-menu-inner::before {
	transform: rotate(-90deg);
  }
  .pane-header .block-modal-menu .btn-menu-inner.is-active::before {
	transform: rotate(0deg);
  }
  .pane-header .block-modal-menu .inner-menu-list {
	padding: 0 10px 10px;
	display: none;
  }
  .pane-header .block-modal-menu .inner-menu-list li {
	background-color: #484848;
	padding: 0 10px;
  }
  .pane-header .block-modal-menu .inner-menu-list li:not(:last-child) a {
	border-bottom: 1px solid #999;
  }
  .pane-header .header-menu-mypage a::before,
  .modal-nav-menu [class=""] a::before,
  .modal-nav-menu .is-login a::before {
	  content: "";
	  position: absolute;
	  top: 10px;
		right: -12px;
	  width: 9px;
	  height: 9px;
	  background-color: #d40000;
	  border-radius: 100%;
	  border: 2px solid #fff;
	  box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%);
	  box-sizing: content-box;
  }
  
  .pane-header .header-menu-mypage.is-login a::before,
  .modal-nav-menu .is-login a::before{
	  background-color: #97c750;
  }
  .modal-nav-menu [class=""] a::before,
  .modal-nav-menu .is-login a::before {
	  top: 16px;
	  right: -9px;
  }
  /* --------------------------------------------------------------------
	  フッター
  -------------------------------------------------------------------- */
  .pane-footer {
	  background: #000000;
	  color: #ffffff;
	  padding: 0;
	  position: relative;
	  z-index: 2;
  }
  .pane-footer a,
  .pane-footer a:visited,
  .pane-footer a:active,
  .pane-footer a:hover {
	  color: #ffffff;
  }
  .pane-footer .block-footer-support-list {
	  background: #E5E2DF;
	  color: #404040;
	  padding: 10px 25px;
  }
  .pane-footer .block-footer-support-list a {
	  color: #404040;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  align-items: center;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  width: 100%;
  }
  .pane-footer .footer-support-inner {
	  margin: auto;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	  justify-content: space-between;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  align-items: center;
  }
  .pane-footer .footer-support-inner li {
	width: calc((100% - 40px) / 3);
	padding-right: 10px;
	border-right: 1px solid #fff;
	box-sizing:border-box;
  }
  .pane-footer .footer-support-inner li:nth-child(3n) {
	padding-right: 0;
	border-right: 0;
  }
  .pane-footer .footer-support-inner .icon-block img {
	height: 20px;
  }
  .pane-footer .footer-support-inner .icon-name {
	  margin-left: 10px;
	  font-size: 0.8em;
  }
  .pane-footer .block-sns-list {
	padding: 50px 0 30px;
  }
  .pane-footer .block-sns-list ul {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  margin: 0 15px;
  }
  .pane-footer .block-sns-list ul li {
	  margin-bottom: 20px;
	  text-align: center;
	  width: calc((100% - 40px) / 3);
	  word-break: break-all;
  }
  .pane-footer .block-sns-list ul li:not(:nth-child(3n)) {margin-right: 20px;}
  .pane-footer .block-sns-list ul li:nth-child(3n){margin-right:0;}
  .pane-footer .block-sns-list ul li a .sns-name {
	  font-size: .6em;
	  margin-top: auto;
  }
  .pane-footer .block-sns-list .img-block {
	  align-items: center;
	  -webkit-box-align: center;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-align: center;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  margin-bottom: 10px;
	  min-height: 40px;
  }
  .pane-footer .block-sns-list .img-block img {
	  margin: auto;
  }
  .pane-footer .footer-menu {
	margin: 0 15px;
  }
  .pane-footer .footer-menu-inner+.footer-menu-inner {
	margin-top: 25px;
  }
  .pane-footer .footer-menu-inner .inner-list li:not(:last-child) {
	  border-bottom: 1px solid #888888;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  .pane-footer .footer-menu-inner .inner-list li:first-child {
	  border-top: 1px solid #888888;
  }
  .pane-footer .footer-menu-inner .inner-list li a {
	  background-color: #2f2f2f;
	  display: block;
	  padding: 20px 40px 20px 20px;
	  position: relative;
  }
  .pane-footer .footer-menu-inner .other-block {
	  margin-top: 20px;
  }
  .footer-menu-inner .inner-block,
  .pane-footer .footer-menu-inner .other-block .is-link {
	background-color: #434343;
	padding: 0 10px;
  }
  .pane-footer .footer-menu-inner .inner-block:not(:first-child) h2 {
	  border-top: 1px solid #888888;
  }
  .pane-footer .footer-menu-inner .inner-block h2,
  .pane-footer .footer-menu-inner .inner-block>a {
	  background-color: #434343;
	  cursor: pointer;
	  font-size: 1.1em;
	  font-weight: normal;
	  padding: 15px 10px;
	  position: relative;
	  display:block;
  }
  .pane-footer .footer-menu-inner .inner-block h3 {
	  background-color: #2f2f2f;
	  border-bottom: 1px solid #888888;
	  cursor: pointer;
	  font-size: 1.1em;
	  font-weight: normal;
	  padding: 15px 10px 15px 40px;
	  position: relative;
  }
  .pane-footer .footer-menu-inner .inner-block .inner-list,
  .pane-footer .footer-menu-inner .inner-block .inner-child-wrap {display: none;padding-bottom: 10px;}
  .pane-footer .footer-menu-inner .inner-block h2::before,
  .pane-footer .footer-menu-inner .inner-block h2::after,
  .pane-footer .footer-menu-inner .inner-block h3::before,
  .pane-footer .footer-menu-inner .inner-block h3::after {
	  background-color: #ffffff;
	  bottom: 0;
	  content: "";
	  display: inline-block;
	  height: 1px;
	  margin: auto;
	  position: absolute;
	  right: 20px;
	  top: 0;
	  width: 10px;
	  transition: .2s all;
  }
  .pane-footer .footer-menu-inner .inner-block h2::after,
  .pane-footer .footer-menu-inner .inner-block h3::after {
	  -webkit-transform: rotate(90deg);
			  transform: rotate(90deg);
  }
  .pane-footer .footer-menu-inner .inner-block h2.is-active::after,
  .pane-footer .footer-menu-inner .inner-block h3.is-active::after {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
  }
  .pane-footer .footer-menu-inner  .is-link.is-allow a {
	  padding: 20px 40px 20px 20px;
  }
  .pane-footer .footer-menu-inner .is-allow a::before {
	  border-right: 1px solid #ffffff;
	  border-top: 1px solid #ffffff;
	  bottom: 0;
	  content: "";
	  height: 4px;
	  right: 20px;
	  margin: auto;
	  position: absolute;
	  top: 0;
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	  width: 4px;
  }
  .pane-footer .footer-menu-inner .inner-list li.is-child a {
	  background-color: #161616;
	  padding: 20px 20px 20px 70px;
  }
  .pane-footer .footer-menu-inner .is-link:not(:last-child) a {
	  border-bottom: 1px solid #888888;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
  }
  .pane-footer .footer-menu-inner .is-link a {
	  background-color: #434343;
	  cursor: pointer;
	  display: block;
	  font-size: 1.1em;
	  font-weight: normal;
	  padding: 15px 10px;
	  position: relative;
  }
  .pane-footer .footer-menu-inner .is-link a::before {
	  border-right: 1px solid #ffffff;
	  border-top: 1px solid #ffffff;
	  bottom: 0;
	  content: "";
	  height: 6px;
	  margin: auto;
	  position: absolute;
	  right: 24px;
	  top: 0;
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	  width: 6px;
  }
  .pane-footer .footer-menu-inner .is-outlink a::after {
	  background: url(/cms/img/usr/common/ico-outlink-wh.svg) center no-repeat;
	  content: "";
	  display: inline-block;
	  height: 10px;
	  margin-left: 5px;
	  width: 16px;
  }
  .pane-footer .footer-menu-inner .is-child a::before {
	  background-color: #ffffff;
	  bottom: 0;
	  content: "";
	  height: 1px;
	  left: 40px;
	  margin: auto;
	  position: absolute;
	  top: 0;
	  width: 7px;
  }
  .pane-footer .copyright {
	  background-color: #ffffff;
	  color: #000000;
	  margin-top: 50px;
	  padding: 15px 10px;
  }
  .pane-footer .copyright .is-center {
	  text-align: center;
  }
  .pane-footer .copyright small {
	  display: block;
  }
  /*フッター：コピーライトの上*/
  .pane-footer .navUtility {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  padding: 0 0 20px;
  }
  .pane-footer .navUtility a {
	  color: #333;
	  font-size: 0.8em;
  }
  .pane-footer .navUtility li:not(:last-child) {
	  margin-right: 10px;
	  padding-right: 10px;
	  position: relative;
  }
  .pane-footer .navUtility li:not(:last-child)::after {
	  content: "";
	  position: absolute;
	  display: inline-block;
	  width: 1px;
	  height: 80%;
	  background-color: #707070;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  margin: auto;
  }
  .pane-footer .navUtility .is-outlink a::after {
	content: "";
	background: url(/cms/img/usr/common/ico-outlink-bk.svg) center no-repeat;
	display: inline-block;
	width: 16px;
	height: 10px;
	margin-left: 5px;
  }
  /* ----ページトップに戻る---- */
  .block-page-top a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #000;
  }
  .block-page-top a:after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin-top: -4px;
	margin-left: -8px;
  }
  .block-page-top {
	position: fixed;
	top: auto;
	bottom: 10px;
	right: 26px;
	display: none;
  }
  @media screen and (max-width: 430px) {
	.pane-footer .navUtility {
		flex-wrap: wrap;
	}
	.pane-footer .navUtility li {
		width: calc((100% - 20px)/2);
		margin-bottom: 10px;
		text-align: center;
	}
	.pane-footer .navUtility li:nth-child(2n) {
		margin-right: 0;
		padding-right: 0;
	}
	.pane-footer .navUtility li:nth-child(2n)::after {
		display:none;
	}
  }

/* グロナビ お気に入り / 製品登録 */
.block-modal-menu .menu-group--wrap-bookmark,
.block-modal-menu .menu-group--wrap-product {
  margin-top: 10px;
}
.block-modal-menu .menu-group--wrap-bookmark a {
  background: #7e7e7e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px 0 12px;
  font-size: 13px;
}
.block-modal-menu .menu-group--wrap-bookmark a img {
  margin-right: 8px;
  display: inline-block;
}
.block-modal-menu .menu-group--wrap-product a {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
}
.block-modal-menu .menu-group--wrap-product a img {
  margin-right: 12px;
}

/* ヘッダーメニュー */
.pane-header .photolife-header-wrap {
  flex-wrap: wrap;
}
.header-photolife-menu .pl-menu-btn {
  position: relative;
  top: 2px;
}
.header-photolife-menu .pl-menu-btn-inner {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  position: relative;
}
.header-photolife-menu .pl-menu-btn-inner::before,
.header-photolife-menu .pl-menu-btn-inner::after {
  content: "";
  display: inline-block;
}
.header-photolife-menu .pl-menu-btn-inner::before {
  margin-right: 6px;
  width: 14px;
  height: 17px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.488" height="23.749" viewBox="0 0 18.488 23.749"><defs><clipPath id="clip-path"><rect width="18.488" height="23.749" fill="none"/></clipPath></defs><g clip-path="url(%23clip-path)"><path d="M16.114,1.425a.963.963,0,0,1,.95.95v19a.963.963,0,0,1-.95.95H2.375a.963.963,0,0,1-.95-.95v-19a.963.963,0,0,1,.95-.95Zm0-1.425H2.375A2.382,2.382,0,0,0,0,2.375v19a2.382,2.382,0,0,0,2.375,2.375H16.114a2.382,2.382,0,0,0,2.375-2.375v-19A2.382,2.382,0,0,0,16.114,0"/><rect width="5.373" height="1.425" transform="translate(3.871 5.208)"/><rect width="5.373" height="1.425" transform="translate(3.871 9.419)"/><rect width="5.373" height="1.425" transform="translate(3.871 13.631)"/></g></svg>') no-repeat center / contain;
}
.header-photolife-menu .pl-menu-btn-inner::after {
  margin-left: 10px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: .2s linear;
  position: relative;
  top: -2px;
}
.header-photolife-menu .pl-menu-btn-inner.is-active::after {
  transform: rotate(-135deg);
  top: 2px;
}
.header-photolife-menu .pl-menu-body {
  margin-top: 25px;
  padding-bottom: 30px;
  display: none;
}
.header-photolife-menu .pl-menu-body-item + .pl-menu-body-item {
  margin-top: 40px;
}
.header-photolife-menu .pl-menu-body-ttl {
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  border-bottom: 1px solid #707070;
}
.header-photolife-menu .pl-menu-body-detail {
  margin-top: 15px;
}
.header-photolife-menu .pl-menu-body-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
}
.header-photolife-menu .pl-menu-body-links > li {
  width: calc((100% - 15px) / 2);
  font-size: 14px;
}
.header-photolife-menu .pl-menu-body-links > li a {
  padding-right: 1.7em;
  width: fit-content;
  letter-spacing: .05em;
  position: relative;
}
.header-photolife-menu .pl-menu-body-links > li a::after {
  position: absolute;
  content: "\FF1E";
  top: calc(50% - 1px);
  right: 0;
  transform: translateY(-50%);
}
.header-photolife-menu .pl-menu-body-links > li a[class^="pl-genre-"]::before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: no-repeat center / contain;
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-nature::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_nature.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-bird::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_bird.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-macro::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_macro.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-railway::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_train.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-travel::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_plane.svg);
}
.header-photolife-menu .pl-menu-close {
  margin: 50px 0 0;
  text-align: center;
}
.header-photolife-menu .pl-menu-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  min-height: 40px;
  font-size: 13px;
  border: 1px solid #000;
  background-color: transparent;
}