@charset "Shift_JIS";
/*--------------------------------------------------------------------------
favorite page renewal 2022
---------------------------------------------------------------------------*/

/* pc sp common
-------------------------------------------------------------------------*/
.favoriteSection * {
 box-sizing: border-box;
}
.favoriteSection .main {
 margin: 0 auto;
}
.favoriteSection .is-sale + .item-list-txt .item-price,
.favoriteSection .is-alert + .item-list-txt .item-price {
 color: #ff0000;
}
.item-list-txt .reply {
 color: #fe6768;
}
.item-list-txt .no-reply {
 color: #999;
}
.favoriteSection .txt-blue,
.item-list-txt .cmt-num-box,
.theme-list .item .info .author a,
.item-list-txt .theme-info-box .theme-name a,
.fav-item-list .item-name a,
.item-list-txt .remove-txt a,
.fav-item-list .cancel-remove,
.favoriteSection .ttl-user-name a,
.item-list-img-txt ul li.remove-box a,
.form-link-support a, .form-link-support a:link, .form-link-support a:visited {
 color: #0044cc;
}
.favoriteSection a,
.favoriteSection a:link,
.favoriteSection a:visited {
 text-decoration: none;
}
.favoriteSection a:hover {
 text-decoration: underline;
}
.favoriteSection .sort-selection a,
.favoriteSection .sort-selection a:link,
.favoriteSection .sort-selection a:visited,
.favoriteSection .txt-blue a,
.favoriteSection .txt-blue a:link,
.favoriteSection .txt-blue a:visited {
 color: #0044cc;
 text-decoration: none;
}
.favoriteSection .sort-selection a:hover,
.favoriteSection .txt-blue a:hover {
 color: #0044cc;
 text-decoration: underline;
}
.theme-list .item a,
.theme-list .item a:link,
.theme-list .item a:visited,
.category-slider .swiper-slide a,
.theme-ranking .ranking-slide-box li a,
.favoriteSection .link-btn-base a,
.favoriteSection .theme-btns-box a,
.favoriteSection .user-btn-base a,
.item-list-img-txt ul li.remove-box a,
.panel-box a {
 text-decoration: none;
}
.theme-list .item a p:hover,
.item-list-img-txt ul li.remove-box a:hover,
.theme-list .item .info a:hover,
.panel-box a:hover {
 text-decoration: underline;
}
.favoriteSection h2.ttl-txtC,
.favoriteSection h3.ttl-txtC,
.favoriteSection .result-number {
 text-align: center;
}
.btn-favorite.for-general {
 position: relative;
}
.favoriteSection .floatR {
 float: right;
}
.favoriteSection .card-ap_list .btn-favorite.is-pink .img-heart .heartB {
 fill: #ff6666;
 stroke : transparent;
}
@keyframes pounding {
	0% {
		transform: scale(1.3);
	}
	20% {
		transform: scale(1.2);
	}
	40% {
		transform: scale(1.13);
	}
	60% {
		transform: scale(1.1);
	}
	80% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes heartBAnimeFav {
  0% {
    transform: scale(0);
    fill: #ff6666;
    stroke: #ff6666;
  }
  3% {
            transform: scale(0.05, 0.05);
  }
  40% {
            transform: scale(1.3, 1.3);
  }
  60% {
            transform: scale(0.9) translate(0%, -8%);
  }
  80% {
            transform: scale(0.9) translate(0%, 8%);
  }
  95% {
            transform: scale(0.9) translate(0%, -3%);
  }
  100% {
            transform: scale(0.9) translate(0%, 0%);
    fill: #ff6666;
    stroke: #ff6666;
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
 }
  100% {
    opacity: 1;
 }
}

 /* favorite top
------------------------------------------------*/
.category-slider {
 width: 100%;
 padding: 0;
 opacity: 0;
}
.category-slider.swiper-container-initialized {
 opacity: 1;
}
.category-slider .swiper-slide a {
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
}
.category-slider .swiper-slide a.cate-all {
 background-color: #fff;
 border: 1px solid #eee;
}
.category-slider .swiper-slide.is-selected {
 font-weight: bold;
}
.category-slider .swiper-slide.is-selected a.cate-all {
 border: 3px solid #999;
}
.category-slider .swiper-slide a.cate-002003 {
 background-color: #eee;/*fashion*/
}
.category-slider .swiper-slide.is-selected a.cate-002003 {
 border: 3px solid #646464;
}
.category-slider .swiper-slide a.cate-002009 {
 background-color: #dadada;/*bag*/
}
.category-slider .swiper-slide.is-selected a.cate-002009 {
 border: 3px solid #535353;
}
.category-slider .swiper-slide a.cate-002001 {
 background-color: #ede3b3;/*furniture*/
}
.category-slider .swiper-slide.is-selected a.cate-002001 {
 border: 3px solid #aa9b57;
}
.category-slider .swiper-slide a.cate-002007 {
 background-color: #e5f4b1;/*curtain*/
}
.category-slider .swiper-slide.is-selected a.cate-002007 {
 border: 3px solid #a8bd5f;
}
.category-slider .swiper-slide a.cate-002008 {
 background-color: #ecd2cd;/*bed*/
}
.category-slider .swiper-slide.is-selected a.cate-002008 {
 border: 3px solid #cf968c;
}
.category-slider .swiper-slide a.cate-002002 {
 background-color: #9dc9d4;/*kitchen*/
}
.category-slider .swiper-slide.is-selected a.cate-002002 {
 border: 3px solid #4b92a3;
}
.category-slider .swiper-slide a.cate-002011 {
 background-color: #aee1d1;/*interior*/
}
.category-slider .swiper-slide.is-selected a.cate-002011 {
 border: 3px solid #49ac8d;
}
.category-slider .swiper-slide a.cate-002004 {
 background-color: #e8c5d8;/*beauty*/
}
.category-slider .swiper-slide.is-selected a.cate-002004 {
 border: 3px solid #cd87ad;
}
.category-slider .swiper-slide a.cate-002006 {
 background-color: #e8decc;/*foods*/
}
.category-slider .swiper-slide.is-selected a.cate-002006 {
 border: 3px solid #cbaa6e;
}
.category-slider .swiper-slide a.cate-002005 {
 background-color: #becf9d;/*gardening*/
}
.category-slider .swiper-slide.is-selected a.cate-002005 {
 border: 3px solid #8aae45;
}
.category-slider .swiper-slide a.cate-002010 {
 background-color: #ffffd8;/*trip*/
}
.category-slider .swiper-slide.is-selected a.cate-002010 {
 border: 3px solid #caca5f;
}
.category-slider .swiper-arrow {
 position: absolute;
 cursor: pointer;
 text-indent: -9999px;
 overflow: hidden;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: auto;
}
.item-list-img-txt ul {
 display: flex;
 flex-wrap: wrap;
}
.item-list-img-txt ul li {
 background-color: #fff;
 border: 1px solid #eee;
}
.item-list-img-txt ul .item-list-img {
 margin: 0 auto;
}
.item-list-txt,
.item-list-img {
 position: relative;
}
.item-list-img a {
 z-index: 0;
 display: block;
}
.item-list-img-txt .btn-favorite {
 position: absolute;
}
.item-list-img-txt .heart-icon {
 position: absolute;
 border: none;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.item-list-img-txt .item-list-txt .txt1,
.item-list-img-txt .item-list-txt .item-price,
.item-list-txt .cmt-num {
 font-weight: bold;
}
.favoriteSection .item-info {
 color: #990000;
 text-align: center;
}
.favoriteSection .item-info.selldate {
 color: inherit;
}
.favoriteSection .item-list-img-txt .item-info + .item-list-txt {
 padding-top: 0;
}
.item-list-img-txt .item-list-txt .both-end {
 display: flex;
 justify-content: space-between;
}
.item-list-img-txt .item-list-txt .item-name {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
.item-list-img-txt .theme-info-box {
 border-top: 1px solid #eee;
}
.theme-info-box .reply {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 font-weight: bold;
}
.favoriteSection .sale-icon {
 background-color: #f20c0c;
 color: #fff;
 z-index: 1;
 position: absolute;
 left: 50%;
 bottom: -9px;
 min-width: 82px;
 padding: 0 0.4em;
 transform: translateX(-50%);
 border-radius: 9px;
 text-align: center;
 font-weight: bold;
 height: 18px;
 line-height: 18px;
}
.favoriteSection .is-alert .sale-icon::before {
 content: "";
 background: url(https://img.dinos.co.jp/images/v1/goodslist/ico_search_alert_01.png) no-repeat;
 display: inline-block;
 width: 11px;
 height: 11px;
 margin-right: 3px;
 position: relative;
 top: 2px;
 background-size: 11px;
 -webkit-animation: pounding 0.5s linear infinite alternate;
 animation: pounding 0.5s linear infinite alternate;
}
.favoriteSection .new-icon {
 background-color: #ffde00;
 color: #000;
 z-index: 1;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 text-align: center;
 font-weight: bold;
}
.theme-ranking {
 background-color: #fff;
}
.theme-ranking .ranking-slide-box {
 overflow-x: scroll;
 scrollbar-width: thin;/*firefox*/
 scrollbar-color: #eee #fff;/*firefox*/
}
.theme-ranking .ranking-slide-box .rank-icon-bg {
 color: #fff;
 width: 24px;
 height: 24px;
 margin-right: 6px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-size: contain;
 background-image: url(https://img.dinos.co.jp/images/v1/favorite/rank-icon.png);
 display: flex;
 justify-content: center;
 align-items: center;
}
.theme-ranking .ranking-slide-box::-webkit-scrollbar {
 width: 8px;
 height: 8px;
}
.theme-ranking .ranking-slide-box::-webkit-scrollbar-track {
 background: #fff;
}
.theme-ranking .ranking-slide-box::-webkit-scrollbar-thumb {
 background-color: #eee;
 border-radius: 4px;
}
.theme-ranking .ranking-slide-box li,
.theme-ranking .ranking-slide-box li a {
 flex-basis: auto;
}
.theme-ranking .ranking-slide-box li {
 display: flex;
 align-items: center;
}
.theme-ranking .ranking-slide-box li a {
 display: flex;
 align-items: center;
}
.theme-list {
 display: flex;
 flex-wrap: wrap;
}
.theme-list .item > a {
 display: flex;
 flex-direction: column;
}
.theme-list .item {
 background-color: #fff;
 border-radius: 4px;
 border: 1px solid #eee;
 overflow: hidden;
}
.theme-list .item .figure {
 width: 100%;
 background-color: #f6f6f6;
 display: flex;
 flex-wrap: wrap;
 position: relative;
 z-index: 1;
}
.theme-list .item .figure .thumb {
 overflow: hidden;
 position: relative;
 width: 50%;
 height: 50%;
}
.theme-list .item .figure .thumb:nth-child(1){
 border-radius: 4px 0 0;
 overflow: hidden;
}
.theme-list .item .figure .thumb:nth-child(2){
 border-radius: 0 4px 0 0;
 overflow: hidden;
}
.theme-list .item .figure .thumb.one {
 width: 100%;
 height: 100%;
 border-radius: 4px 4px 0 0;
 overflow: hidden;
}
.eval .eval-icn {
 background-image: url(https://img.dinos.co.jp/defaultMall/images/common/ico_helpful.png);
 background-repeat: no-repeat;
 background-size: 13px;
 background-position: left bottom 6px;
 padding-left: 17px;
 margin-left: 2px;
 display: inline-block;
 }
.eval-on .eval-icn {
 background-image: url(https://img.dinos.co.jp/defaultMall/images/common/ico_helpful_on.png);
}
.favoriteSection .link-btn-base a {
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: center;
}
.favoriteSection .btn-bk a {
 color: #fff;
 background-color: #000;
}
 /* my favorite theme
------------------------------------------------*/
.favoriteSection .theme-btns-box {
 display: flex;
}
.favoriteSection .user-btn-base {
 display: flex;
 align-items: center;
 justify-content: center;
}
.favoriteSection .user-btn-base.js-fv-select-theme {
	justify-content: flex-start;
}
.favoriteSection .btn-white,
.favoriteSection .btn-pink {
 cursor: pointer;
}
.favoriteSection .btn-white {
 border: 1px solid #eee;
 background-color: #fff;
}
.favoriteSection .btn-pink {
 background-color: #ff6666;
 color: #fff;
}
.favoriteSection .eval-add-num {
 background-color: #f96208;
 color: #fff;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 position: relative;
 font-weight: bold;
}
.fav-item-list .item-list-txt .select-checkbox input[type="checkbox"] {
	cursor: pointer;
}
.item-functions p input[type="checkbox"],
.fav-item-list .item-list-txt .select-checkbox input[type="checkbox"],
.vertical-grid-box .select-checkbox input[type="checkbox"] {
	width: 1.3em;
 height: 1.3em;
 line-height: 1;
 accent-color: blue;
	margin-left: 5px;
}
.item-functions,
.item-functions .sp-left {
 display: flex;
 align-items: flex-end;
}
.item-functions p > button {
 padding: .6em 2em;
 background: #fff;
 border: 1px solid #eee;
 border-radius: 20px;
 margin-right: 20px;
}
.item-functions p button:hover {
 color: #9f9f9f;
 background-color: #eee;
}
.item-functions p label {
 padding-bottom: calc(.6em - 1px);
 display: inline-block;
}
.item-functions .js-select-area-target {
	width: auto;
	display: inline-block;
}
.vertical-grid-box .select-checkbox {
 position: absolute;
}
.fav-item-list .item-list-txt .item-inner1 .item-price {
 font-weight: bold;
}
.fav-item-list .item-list-txt .item-inner1 .item-price .yen-mark {
 font-weight: normal;
}
.favorite-list-all .info-box-bottom .mark-fukidasi {
 display: flex;
 justify-content: center;
 align-items: center;
}
.favorite-list-all .info-box-bottom .mark-fukidasi::after {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 bottom: -6px;
 right: 15px;
}
.favorite-list-all .info-box-bottom .unread-on {
 background-color: #fe6768;
 color: #fff;
}
.favorite-list-all .info-box-bottom .mark-fukidasi.unread-on::after {
 border-right: 7px solid transparent;
 border-top: 7px solid #fe6768;
}
.favorite-list-all .info-box-bottom .unread-off {
 border: 1px solid #fe6768;
 background-color: #fff;
 color: #fe6768;
}
.favorite-list-all .info-box-bottom .mark-fukidasi.unread-off::before {
 content: "";
 position: absolute;
 bottom: -8px;
 right: 15px;
 margin: auto;
 border-right: 7px solid transparent;
 border-top: 7px solid #fe6768;
 display: block;
}
@-moz-document url-prefix() {
 .favorite-list-all .info-box-bottom .mark-fukidasi.unread-off::before {
  bottom: -7px;
 }
}
.favorite-list-all .info-box-bottom .mark-fukidasi.unread-off::after {
 bottom: -5px;
 right: 14px;
 border-right: 7px solid transparent;
 border-top: 7px solid #fff;
}
.favorite-list-all .info-box-bottom .mark-fukidasi.no-reply {
 background-color: #eee;
}
.favorite-list-all .info-box-bottom .mark-fukidasi.no-reply::after {
 border-right: 7px solid transparent;
 border-top: 7px solid #eee;
}
.favorite-list-all .info-box-bottom-end {
 text-align: center;
}
.favorite-list-all .info-box-bottom-end .js-fv-select-theme {
 color: blue;
 cursor: pointer;
}
.favoriteSection ul.dotList li {
 padding-left: 1em;
 text-indent: -1em;
 margin-left: -0.5em;
}
.item-list-img-txt ul li.remove-box {
 border: none;
 text-align: center;
}
.item-list-img-txt ul li.remove-box,
.fav-item-list li.remove-item {
 background-color: #eee;
}
.sec-review.favorite-theme-slider .slider .item {
 border: none;
}
.favoriteSection .public-icon {
 background-color: #000;
 color: #fff;
 text-align: center;
 position: relative;
 margin: 0 0 0 auto;
}
.favoriteSection .public-icon.non-public {
 background-color: #eee;
 color: #787878;
}
/* my favorite top
------------------------------------------------*/
.favoriteSection.my-fav-top {
 background-color: #fff;
}
.favoriteSection.my-fav-top .bgc-set {
 background-color: #f9f9f9;
}
.favoriteSection.my-fav-top .update-box {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
}
.favoriteSection.my-fav-top .update-box .name-ttl span {
 font-weight: bold;
}
.toggleBoxInner:not(:first-child) {
 display: none;
}
.toggleGrandchild {
 display: flex;
}
.toggleBtn::before {
 content: "テーマを全て表示する";
 font-weight: bold;
}
.toggleBtn.is-open::before {
 content: "テーマを少なく表示する";
}
.toggleBtn::after {
 display: block;
 content: "";
 width: 10px;
 height: 10px;
 border: 1px solid;
 border-color: transparent transparent #000 #000;
 transform: scale(1, 0.6) rotate(-45deg);
 margin: -1px auto 0;
}
.toggleBtn.is-open::after {
 transform: scale(1, 0.6) rotate(135deg);
}
.fav-item-list li {
 display: flex;
 background-color: #fff;
 border: 1px solid #eee;
 margin-top: -1px;
}
.fav-item-list li.remove-item {
 display: block;
}
.fav-item-list .item-list-txt {
 display: flex;
 flex: 1;
}
.fav-item-list .item-list-txt .item-inner1 {
 flex: 1;
}
.fav-item-list .item-list-txt .item-inner1 .theme-name {
	font-weight: bold;
	margin-top: .2em;
}
.fav-item-list .item-list-txt .item-inner2 .panel-box {
 text-align: right;
}
.fav-item-list .panel-box .user-btn-base .select-theme {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.fav-item-list .item-list-txt .item-inner2 .user-btn-base {
 position: relative;
}
.pink-heart .heartB {
 fill: #ff6666;
}
.fav-item-list .item-list-txt .item-inner2 .pink-heart {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
}
.favoriteSection .recommendBox .slider .item .star {
 color: #333333;
}
.favoriteSection .recommendBox .slider .item img {
 display: inline-block;
}
.sec-review.recommendBox .ttl {
 text-align: center;
}
/*other favorite theme
 ------------------------------------------------*/
.favoriteSection.other-fav-theme .update-box .eval .eval-txt {
 background-color: #e8e8e8;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.theme-list .item .info .txt-num {
 font-weight: bold;
}
.favoriteSection .evaluateBtn {
 text-align: center;
}
.favoriteSection .evaluateBtn a {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 0 auto;
 background-color: #e8e8e8;
 cursor: pointer;
 font-weight: bold;
}
.favoriteSection .evaluateBtn a:hover {
 text-decoration: none;
}
.favoriteSection.other-fav-theme .update-box .eval-on .eval-txt,
.favoriteSection .evaluateBtn a.eval-on,
.favoriteSection .evaluateBtn a.eval:hover,
.favoriteSection .update-box .eval a:hover .eval-txt {
 background-color: #fff;
 border: 1px solid #93bc43;
 color: #93bc43;
}
.favoriteSection.other-fav-theme .update-box .eval-txt,
.favoriteSection .update-box .eval-icn {
 font-weight: bold;
}
.favoriteSection.other-fav-theme .update-box .eval-on .eval-icn {
 color: #93bc43;
}
.favoriteSection .evaluateBtn .eval:hover .eval-icn {
 background-image: url(https://img.dinos.co.jp/defaultMall/images/common/ico_helpful_on.png);
}
 /*for match height start*/
 .sec-review.favorite-theme-slider .slick-track {
  display: flex;
 }
 .sec-review.favorite-theme-slider .slick-slide {
  height: auto !important;
 }
 /*for match height end*/
	
/* my favorite top : not logged in
------------------------------------------------*/
.pw-eye,
.pw-eye-slash {
 position: absolute;
 top: 50%;
 right: 17px;
 transform: translateY(-50%);
}
.pw-eye-slash:before {
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 background: url(https://img.dinos.co.jp/images/v1/common/form/pw_eyeslash.gif) no-repeat center center;
 background-size: contain;
}
.pw-eye:before {
 content: "";
 display: block;
 width: 24px;
 height: 24px;
 background: url(https://img.dinos.co.jp/images/v1/common/form/pw_eye.gif) no-repeat center center;
 background-size: contain;
}
a.btn-type-blue,
a.btn-type-blue:link,
a.btn-type-blue:visited,
input[type="submit"].btn-type-blue {
 background: #0044ff;
 color: #fff;
 text-decoration: none;
}
input[type="submit"][class^="btn-type"] {
 appearance: button;
 border: none;
 cursor: pointer;
 display: flex;
 justify-content: center;
 text-decoration: none;
}
.errMsg {
 color: #ff0000;
}
.loginForm-wrap .form-block input[type="text"],
.loginForm-wrap .passform input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0;
 box-sizing: border-box;
 border: 1px solid #ddd;
 padding: 5px 17px;
}
.loginForm-wrap .passform {
 position: relative;
}


/* -----------------------------------------------------------------------
PC
-------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
 body {
  background: #f9f9f9;
 }
 .footer-logo,
 .footer-copyright,
 .footer-bnr-img {
  background: #fff;
 }
 #footer {
  padding-bottom: 0;
 }
 #footer .footer-logo {
  width: auto;
 }
 .footer-logo a {
  width: 100px;
  display: inline-block;
 }
 #footer .footer-copyright {
  padding-bottom: 30px;
 }
 .footer-bnr-img {
  min-width: 1245px;
 }
 .favoriteSection {
  min-width: 1245px;
 }
 .favoriteSection .contents {
  padding: 0 20px;
 }
 .favoriteSection .nav-breadcrumb {
  padding: 0;
 }
 .favoriteSection .sec-review,
 .favoriteSection ~ .sec-review {
  max-width: 1205px;
 }
 .favoriteSection h2.ttl-txtC {
  padding-top: 18px;
  font-size: 36px;
 }
 .favoriteSection h3.ttl-txtC {
  font-size: 21px;
 }
 .favoriteSection h2.ttl-txt-s {
  font-size: 24px;
  margin-top: 48px;
 }
 .favoriteSection .result-number {
  margin-top: -9px;
  font-size: 24px;
 }
 .favoriteSection .result-number span {
  font-size: 16px;
  margin-left: 5px;
 }
 .btn-favorite.for-general {
  width: 44px;
  height: 44px;
  cursor: pointer;
 }
 .favoriteSection .txt-xsmall {
  font-size: 10px;
 }
 .favoriteSection .sale-icon,
 .favoriteSection .new-icon {
  font-size: 10px;
 }
 a.txt-blue {
  cursor: pointer;
 }
 /* favorite top
------------------------------------------------*/
 .category-slider {
  min-width: 1245px;
  margin: 11px auto 40px;
 }
 .category-slider .swiper-wrapper {
  padding: 5px 35px 0 64px;
  height: 68px;
 }
 .category-slider .swiper-slide {
  max-width: 167px;
  max-height: 63px;
 }
 .category-slider .swiper-slide a:hover {
  font-weight: bold;
 }
 .category-slider .swiper-slide a.cate-all:hover {
  border: 3px solid #999;
 }
 .category-slider .swiper-slide a.cate-002003:hover {
  border: 3px solid #646464;
 }
 .category-slider .swiper-slide a.cate-002009:hover {
  border: 3px solid #535353;
 }
 .category-slider .swiper-slide a.cate-002001:hover {
  border: 3px solid #aa9b57;
 }
 .category-slider .swiper-slide a.cate-002007:hover {
  border: 3px solid #a8bd5f;
 }
 .category-slider .swiper-slide a.cate-002008:hover {
  border: 3px solid #cf968c;
 }
 .category-slider .swiper-slide a.cate-002002:hover {
  border: 3px solid #4b92a3;
 }
 .category-slider .swiper-slide a.cate-002011:hover {
  border: 3px solid #49ac8d;
 }
 .category-slider .swiper-slide a.cate-002004:hover {
  border: 3px solid #cd87ad;
 }
 .category-slider .swiper-slide a.cate-002006:hover {
  border: 3px solid #cbaa6e;
 }
 .category-slider .swiper-slide a.cate-002005:hover {
  border: 3px solid #8aae45;
 }
 .category-slider .swiper-slide a.cate-002010:hover {
  border: 3px solid #caca5f;
 }
 .category-slider .swiper-slide a {
  height: 63px;
  border-radius: 8px;
  padding: 10px 4px;
  font-size: 16px;
  margin: 0;
 }
 .category-slider .swiper-arrow {
  top: 22px;
  width: 37px;
  height: 73px;
 }
 .category-slider .swiper-button-prev {
  left: 0;
  background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_left_pc.png);
 }
 .category-slider .swiper-button-next {
  right: 0;
  background-image: url(https://img.dinos.co.jp/images/v1/top/ico_arrow_right_pc.png);
 }
 .favoriteSection .sort-selection .sp_hide {
  margin-bottom: 29px;
 }
 .favoriteSection .sort-selection ul {
  display: flex;
  justify-content: flex-end;
 }
 .favoriteSection .sort-selection ul li {
  font-size: 14px;
  margin-left: 45px;
 }
 .favorite-list-all {
  margin-bottom: 15px;
 }
 .item-list-img-txt .item-list-4col {
  margin-left: -35px;
 }
 .item-list-img-txt .item-list-4col li {
  width: 275px;
  border-radius: 4px;
  padding: 40px 20px 33px;
  margin-left: 35px;
  margin-bottom: 35px;
 }
 .item-list-img-txt .item-list-4col .item-list-img {
  width: 193px;
 }
 .item-list-img-txt .item-list-txt {
  padding: 40px 0 0;

  font-size: 14px;
 }
 .item-list-img-txt .heart-icon {
  top: 40px;
  right: 0;
  padding: 0;
  width: 23px;
 }
 .item-list-img-txt .card-ap_list .btn-favorite.for-general {
  width: 23px;
  height: 21px;
 }
 .item-list-img-txt .card-ap_list .btn-favorite.for-general .img-heart {
  width: 83.2px;
  height: auto;
 }
 _::-webkit-full-page-media, _:future, :root .item-list-img-txt .card-ap_list .btn-favorite.for-general .img-heart {
  width: 78.4px;
 }
 .item-list-img-txt .item-list-txt .monthly-num,
 .item-list-img-txt .item-list-txt .item-name {
  padding-right: 43px;
 }
 .item-list-img-txt .item-list-txt .monthly-num {
  margin-bottom: 2px;
 }
 .item-list-img-txt .item-list-txt .txt1 {
  font-size: 18px;
  margin-right: 4px;
 }
 .item-list-img-txt .item-list-txt .item-name {
  margin-bottom: 1px;
 }
 .item-list-img-txt .item-list-txt .cmt-txt {
  font-size: 12px;
 }
 .item-list-img-txt .theme-info-box {
  margin-top: 14px;
  padding-top: 16px;
 }
 .item-list-img-txt .theme-info-box .theme-cmt {
  line-height: 1.8;
 }
 .heart-icon .reg-number {
  margin-top: 3px;
  font-size: 11px;
 }
 .heart-icon .fav-off-info,
 .heart-icon .fav-add-info {
  display: none;
  width: 113px;
  background-color: rgba(238, 238, 238, 0.8);
  border-radius: 4px;
  padding: 5px 0;
  position: absolute;
  top: -24px;
  left: -45px;
  text-align: center;
  box-sizing: content-box;
 }
 .heart-icon .is-pink:hover .fav-off-info,
 .heart-icon .hover-trg:hover .fav-off-info,
 .heart-icon :not(.is-active):not(.is-pink):hover .fav-add-info {
  display: inline-block;
  animation-name: fadeInAnime;
  animation-duration: 0.2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
 }
 .favoriteSection .new-icon {
  bottom: -9px;
  width: 78px;
  border-radius: 9px;
  height: 18px;
  line-height: 18px;
 }
 .inter-section-ttl {
  margin-top: calc(80px - 0.335em);
 }
 .theme-ranking {
  height: 63px;
  margin-top: 31px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
 }
 .theme-ranking .ranking-slide-box {
  padding-top: 10px;
  flex: 1;
  display: flex;
  justify-content: unset;
  flex-wrap: nowrap;
 }
 .theme-ranking .ranking-slide-box li {
  min-width: 206px;
  max-width: 206px;
  height: 40px;
  border-left: 1px solid #e9dfba;
  padding-left: 10px;
  margin-bottom: 5px;
  font-size: 14px;
 }
 .theme-ranking .ranking-slide-box li:first-child {
  border-left: none;
 }
 .theme-ranking .ranking-slide-box .rank-icon-bg {
  font-size: 10px;
 }
 .theme-ranking .ranking-slide-box li .list-ttl {
  max-width: 116px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
 }
 .all-fav-top .inter-section-ttl ~ .inter-section-ttl {
  margin-top: calc(50px - 0.335em);
 }
 .theme-list.theme-list-5-col {
  margin: 0 auto 25px -25px;
  margin-top: calc(40px - 7.035px);
 }
 .theme-list.theme-list-5-col .item {
  margin: 0 0 25px 25px;
  width: 221px;
 }
 .theme-list.theme-list-5-col .item > a {
  height: 219px;
  width: 219px;
 }
 .theme-list.theme-list-5-col .item > a .figure {
  height: 100%;
 }
 .theme-list .item .info {
  padding: 0 13px 18px;
  font-size: 14px;
  line-height: 1.5em;
 }
 .theme-list .item .info .text {
  font-size: 16px;
  font-weight: bold;
  margin-top: 21px;
 }
 .theme-list .item .info .author {
  margin-top: 7px;
 }
 .theme-list .item .info .eval {
  margin-top: 4px;
 }
 .favoriteSection .link-btn-base {
  margin-bottom: 25px;
 }
 .favoriteSection .link-btn-base a {
  width: 300px;
  height: 60px;
  border-radius: 30px;
  font-size: 18px;
 }
 .favoriteSection .link-btn-base a:hover {
  opacity: .8;
 }
 .favoriteSection #recentCheckList h3,
 .favoriteSection #recentCheckList h4 {
  font-weight: normal;
 }
 /* favorite theme list
 ------------------------------------------------*/
 .all-fav-theme-list .theme-ranking {
  margin-bottom: 25px;
 }
 .all-fav-theme-list .theme-list {
  margin-top: 29px;
 }
 .all-fav-theme-list .mod-pager-01 {
  margin-bottom: 45px;
 }
 /* other favorite top
 ------------------------------------------------*/
 .favoriteSection .fav-user-prof {
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.5;
 }
 .theme-list.theme-list-4-col {
  margin: 40px auto 35px -35px;
 }
 .user-fav-theme .theme-list {
  margin-bottom: 10px;
  margin-top: 53px;
 }
 .theme-list.theme-list-4-col .item {
  margin: 0 0 35px 35px;
  width: 275px;
 }
 .item-list-txt .theme-info-box .theme-name {
  margin-bottom: 3px;
 }
 .item-list-txt .theme-info-box .theme-name a {
  font-size: 13px;
 }
 .user-fav-theme .item-list-img-txt .theme-info-box .reply {
  margin-top: 4px;
 }
 .theme-list.theme-list-4-col .item .figure {
  height: 273px;
 }
 .item-list-img-txt .item-list-3col {
  margin-left: -25px;
 }
 .item-list-img-txt .item-list-3col li {
  width: 385px;
  border-radius: 4px;
  padding: 40px 20px 20px;
  margin-left: 25px;
  margin-bottom: 25px;
 }
 .item-list-img-txt .item-list-3col .item-list-img {
  width: 275px;
 }
 .user-fav-theme .item-info {
  margin : 51px auto 7px;
  font-size: 14px;
 }
 .favoriteSection .item-list-img-txt .item-info + .item-list-txt .heart-icon {
  top: 0;
 }
 .item-list-img-txt .item-list-3col .item-list-txt {
  padding: 40px 0 0;
 }
 .user-fav-theme .favorite-list-all {
  margin-top: calc(60px - 7.035px);
  margin-bottom: 25px;
 }
 .item-list-img-txt .reply .cmt-num {
  margin-left: 3px;
  font-size: 12px;
 }
 /* my favorite theme
 ------------------------------------------------*/
 .favoriteSection .ttl-user-name {
  margin-top: 45px;
  margin-bottom: 9px;
  font-size: 16px;
 }
 .favoriteSection .ttl-user-name + h2.ttl-txt-s {
  margin-top: 0;
  margin-bottom: 4px;
 }
 .favoriteSection .update-box {
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
 }
 .favoriteSection .update-box .date {
  font-size: 14px;
 }
 .favoriteSection .update-box .eval-icn {
  font-size: 16px;
  position: relative;
  top: 2px;
 }
 .favoriteSection .update-box .eval {
  margin-left: 27px;
  font-size: 14px;
 }
 .favoriteSection .update-box .eval .eval-icn {
  background-position: left bottom 7px;
  background-size: 16px 16px;
  margin-left: 0;
  padding-left: 20px;
 }
 .favoriteSection .eval-add-num {
  height: 18px;
  line-height: 1.6em;
  border-radius: 9px;
  padding-left: 7px;
  padding-right: 7px;
  margin-left: 10px;
  font-size: 11px;
 }
 .sec-review.favorite-theme-slider .slider-wrap,
 .sec-review.favorite-theme-slider .slider .item {
  height: auto;
 }
 .favoriteSection .theme-btns-wrap {
  position: relative;
 }
 .favoriteSection .theme-btns-box {
  position: absolute;
  top: -18px;
  right: 0;
 }
 .favoriteSection .user-btn-base {
  border-radius: 18px;
  font-size: 14px;
  cursor: pointer;
  height: 36px;
 }
 .favoriteSection .user-btn-base.btn-white:not(.js-fv-modal-select-theme):hover {
  color: #9f9f9f;
  background-color: #eee;
 }
 .favoriteSection .user-btn-base.btn-pink:hover {
  opacity: .8;
 }
 .favoriteSection .theme-btns-box > *:not(:last-child) {
  margin-right: 20px;
 }
 .favorite-list-all .info-box-bottom {
  position: relative;
  margin: 13px 0 10px;
 }
 .favorite-list-all .theme-cmt:empty {
  margin-top: -10px;
 }
 .favorite-list-all .info-box-bottom .reply {
  position: absolute;
  top: 1px;
  right: 0;
 }
 .favorite-list-all .info-box-bottom .reply.mark-fukidasi {
  height: 23px;
  padding: 0 4px;
  border-radius: 12px;
  min-width: 56px;
  margin-top: 0;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi .cmt-txt {
  font-size: 11px;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi .cmt-num {
  font-size: 12px;
 }
 .favorite-list-all .info-box-bottom .user-btn-base {
  margin: 0 auto;
  min-width: 140px;
  width: 140px;
  height: 30px;
  padding: 0 1em;
 }
  .favorite-list-all .info-box-bottom-end .js-fv-select-theme {
   font-size: 12px;
  }
 .sec-review.favorite-theme-slider {
  padding-top: 37px;
  padding-bottom: 2px;
 }
 .sec-review.favorite-theme-slider .theme-list {
  margin-top: 0;
 }
 .sec-review.favorite-theme-slider {
  margin-bottom: 60px;
 }
 .favoriteSection .favorite-theme-slider + .link-btn-base {
  margin-bottom: 57px;
 }
 .sec-review.favorite-theme-slider .ttl {
  padding: 0 20px;
  margin-bottom: 10px;
  font-weight: normal;
 }
 .sec-review.favorite-theme-slider .inner {
  margin: 0 20px;
 }
 .sec-review.favorite-theme-slider .slider .item {
  width: 177px;
  margin: 0 10px;
  position: relative;
 }
 .sec-review.favorite-theme-slider .slider .item > a {
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 4px;
 }
 .sec-review.favorite-theme-slider .slider .item > a .figure {
  height: 175px;
 }
 .sec-review.favorite-theme-slider .theme-list .item .info {
  padding-left: 0;
  padding-right: 0;
 }
 .sec-review.favorite-theme-slider .theme-list .item .info .text {
  margin-top: 15px;
  font-size: 14px;
 }
 .sec-review.favorite-theme-slider .theme-list .item .info .eval {
  margin-top: 10px;
 }
 .sec-review.favorite-theme-slider .theme-list .item .new-icon {
  top: 168px;
 }
 .sec-review.favorite-theme-slider .slick-arrow {
  top: 52px;
 }
 .sec-review.favorite-theme-slider .btn-left {
  left: -20px;
 }
 .sec-review.favorite-theme-slider .btn-right {
  right: -20px;
 }
 .favoriteSection .dotList {
  margin-bottom: 79px;
  font-size: 14px;
  line-height: 1.5;
 }
 .favoriteSection .dotList li a {
  text-decoration: underline;
 }
 .favoriteSection .dotList li a:hover {
  text-decoration: none;
 }
 .item-list-img-txt ul li.remove-box {
  padding: 170px 70px 146px;
 }
 .item-list-img-txt ul li.remove-box > * {
  font-size: 16px;
 }
 .item-list-img-txt ul li.remove-box .item-name {
  font-size: 14px;
 }
 .favoriteSection .public-icon {
  width: 50px;
  height: 18px;
  line-height: 1.6;
 }
 .favorite-theme-slider .public-icon {
  right: 1px;
 }
 .my-fav-theme .user-btn-base {
  width: 144px;
 }
 .my-fav-theme .sec-review,
 .my-fav-theme ~ .sec-review {
  margin-top: 3px;
 }
 .my-fav-theme .sec-review.favorite-theme-slider .theme-list .item .info .text {
  margin-top: 7px;
 }
 .my-fav-theme .sec-review.favorite-theme-slider .slider .item > a {
  border-radius: 4px 4px 0 4px;
 }
 .my-fav-theme .favorite-list-all {
  margin-top: calc(60px - 7.035px);
 }
	.my-fav-theme .item-functions-container {
  justify-content: flex-end;
		margin-top: 5px;
	}
	.my-fav-theme .item-functions-container .item-functions {
		margin-bottom: 30px;
	}
	.my-fav-theme .item-list-img-txt .item-list-3col li {
		padding-top: 50px;
	}
	.vertical-grid-box .select-checkbox {
  right: 20px;
  top: 20px;
		font-size: 14px;
 }
 /* my favorite top
 ------------------------------------------------*/
 .my-fav-top .update-info {
  height: 20px;
  font-size: 12px;
  font-weight: normal;
  padding: 0 10px;
  margin-left: 0;
  margin-right: 10px;
  top: -5px;
  border-radius: 10px;
 }
 .favoriteSection.my-fav-top .update-box {
  margin-bottom: 29px;
 }
 .favoriteSection.my-fav-top .update-box .name-ttl {
  margin-top: 10px;
 }
 .favoriteSection.my-fav-top .update-box .name-txt{
  font-size: 16px;
 }
 .favoriteSection.my-fav-top .theme-btns-box {
  position: absolute;
  top: 10px;
 }
 .my-fav-top .user-btn-base {
  width: 207px;
 }
 .favoriteSection.my-fav-top .fav-user-prof {
  margin-bottom: 34px;
  margin-top: 0;
 }
 .favoriteSection .plus-icon:not(.select-icon) {
  font-size: 17px;
  right: -17px;
  top: calc(50% - 17px);
  line-height: 1;
  position: relative;
  font-weight: bold;
 }
 /*for safari*/
 _:lang(x)+_:-webkit-full-screen-document, .favoriteSection .plus-icon {
  display: inline-block;
  padding-bottom: 2px;
}
 .my-fav-top h3 {
  font-size: 18px;
  margin-top: 45px;
  margin-bottom: 23px;
 }
 .my-fav-top .theme-list {
  margin-bottom: 0;
  margin-top: 18px;
 }
 .my-fav-top .theme-list .item .info .text {
  margin-top: 7px;
 }
 .my-fav-top .theme-list .item .info .eval {
  margin-top: 8px;
 }
 .my-fav-top .theme-list .item .info .eval + p {
  margin-top: 2px;
 }
 .favoriteSection.my-fav-top ~ .sec-review {
  margin-top: 0;
 }
 .toggleBtn {
  margin: -3px auto 55px;
  display: block;
  font-size: 14px;
 }
 .toggleBtn.is-open::after {
  margin-top: 4px;
 }
	.item-functions-container {
		display: flex;
		justify-content: space-between;
	}
	.item-functions-container:nth-of-type(2) {
		justify-content: flex-end;
	}
	.item-functions-container:nth-of-type(2) .item-functions {
		margin-top: 20px;
  margin-bottom: 0;
	}
	.item-functions {
		margin-bottom: 20px;
		font-size: 14px;
	}
	.item-functions .js-select-area-target #modal-select-theme {
  top: 0px;
  left: -9px;
 }
 .fav-item-list li {
  position: relative;
  padding: 20px;
  font-size: 14px;
 }
 .fav-item-list li:first-child {
  border-radius: 5px 5px 0 0;
 }
 .fav-item-list li:last-child {
  border-radius: 0 0 5px 5px;
 }
 .fav-item-list li.remove-item {
  padding: 33px 20px 30px;
		text-align: right;
 }
 .fav-item-list .item-inner1 .item-info {
  text-align: left;
 }
 .fav-item-list li.remove-item .item-name {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #ddd;
 }
 .fav-item-list li.remove-item .cancel-remove {
  margin-left: 48px;
 }
 .fav-item-list .item-list-img {
  width: 138px;
  height: 138px;
  margin-right: 20px;
 }
 .fav-item-list .item-list-txt .item-inner1 .item-price {
  margin-top: 3px;
  display: inline-block;
 }
	.fav-item-list .item-list-txt .item-inner1 .item-price .yen-mark {
  font-size: 12px;
 }
 .fav-item-list .item-list-txt .item-inner2 {
  padding-left: 20px;
		width: 245px;
		display: flex;
  flex-direction: column;
 }
	.fav-item-list .item-list-txt .item-inner2 .select-checkbox {
  text-align: right;
		margin-bottom: 20px;
 }
 .fav-item-list .panel-box .user-btn-base {
  width: 100%;
  height: 30px;
  padding: 0 1em;
 }
	.fav-item-list .panel-box .user-btn-base.js-fv-select-theme {
  padding: 0 27px 0 2em;
	}
 .item-inner2 .panel-box {
		margin-top: auto;
 }
 .item-inner2 .item-info + .panel-box  {
  margin-top: 35px;
 }
 .item-inner2 .panel-box > div:nth-child(-n+2){
  margin-bottom: 15px;
 }
 .item-inner2 .panel-box > div.cmt-txt-wrap {
  margin-bottom: 9px;
 }
 .item-inner2 .panel-box > div:last-child {
  margin-bottom: 0;
 }
 .fav-item-list .item-list-txt .item-inner2 .pink-heart {
  width: 1em;
  left: 0.57em
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom {
  width: 13px;
  height: 5px;
  position: absolute;
  margin-left: 8px;
  display: inline-block;
  top: calc(50% - 3px);
		right: 10px;
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom::before,
 .item-inner2 .panel-box .select-theme .arrow-bottom::after {
  content: "";
  width: 7px;
  height: 0.1em;
  display: inline-block;
  border-radius: 2px;
  background: #333;
  position: absolute;
  right: 7px;
  top: 50%;
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom::before {
  transform: rotate(45deg);
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom::after {
  left: 3px;
  transform: rotate(-45deg);
 }
 .my-fav-top .mod-pager-01 {
  margin-top: 30px;
 }
 .my-fav-top .dotList {
  margin-top: 97px;
 }
 .sec-review.recommendBox {
  margin-top: 16px;
  margin-bottom: 48px;
  padding: 40px 0;
 }
 .link-btn-base + .sec-review.recommendBox {
  margin-top: 60px;
 }
 .sec-review.recommendBox h4 {
  font-size: 21px;
 }
 .sec-review.recommendBox .inner {
  margin: 0 28px;
 }
 .sec-review.recommendBox .slider .item {
  margin: 0 11px;
 }
 .sec-review.recommendBox .slick-arrow {
  background-size: 37px 73px;
  width: 37px;
  height: 73px;
 }
 .sec-review.recommendBox .slider-wrap,
 .sec-review.recommendBox .slider .item {
  height: auto;
 }
 .sec-review.recommendBox .slider .item {
  width: 145px;
 }
 .sec-review.recommendBox .slider .item img {
  border-radius: 4px;
 }
 .favoriteSection .recommendBox .slider .item .text {
  margin-top: 13px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 .favoriteSection .recommendBox .slider .item .price {
  font-size: 14px;
  font-weight: bold;
  margin-top: 3px;
  line-height: 1.5;
 }
 .favoriteSection .recommendBox .slider .item .price::first-letter{
  font-size: 12px;
  font-weight: normal;
 }
 .favoriteSection .recommendBox .slider .item .star img {
  width: 90px;
  margin-right: 6px;
  vertical-align: top;
 }
 .favoriteSection .recommendBox .slider .item .star {
  font-size: 12px;
  margin-top: 4px;
 }
 .favoriteSection .recommendBox .slick-arrow {
  top: 36px;
 }
 /*other favorite theme
 ------------------------------------------------*/
 .favoriteSection.other-fav-theme ~ .sec-review {
  margin-top: 0;
 }
 .favoriteSection .update-box .eval a {
  margin-right: 12px;
 }
 .favoriteSection .update-box .eval a:hover {
  text-decoration: none;
 }
 .favoriteSection.other-fav-theme .update-box .eval .eval-txt {
  border-radius: 12px;
  width: 110px;
  height: 25px;
  font-size: 12px;
 }
 .user-fav-theme.other-fav-theme .favorite-list-all {
  margin-bottom: 22px;
 }
 .favorite-list-all .theme-info-box .theme-cmt.no-cmt {
  text-align: center;
  padding-top: 9px;
  padding-bottom: 13px;
 }
 .favoriteSection .evaluateBtn {
  margin-bottom: 25px;
 }
 .favoriteSection .evaluateBtn p {
  font-size: 18px;
  margin-bottom: 10px;
 }
 .favoriteSection .evaluateBtn a {
  border-radius: 18px;
  width: 170px;
  height: 38px;
  font-size: 15px;
  padding-top: 1px;
 }
 .favoriteSection .evaluateBtn .eval-icn {
  width: 16px;
  height: 16px;
  background-size: 16px;
  margin-left: 8px;
  background-position: center;
  position: relative;
  top: -2px;
 }
 /*my favorite top : not logged in
 ------------------------------------------------*/
 .loginForm-wrap .form-ttl {
  flex: 1;
 }
 .loginForm-wrap .form-block,
 .loginForm-wrap .id-pass-wrap {
  display: flex;
  align-items: center;
 }
 .loginForm-wrap .form-block {
  padding-bottom: 30px;
 }
 .loginForm-wrap ul.form-block {
  padding-bottom: 15px;
 }
 .loginForm-wrap .id-pass-wrap {
  width: 752px;
  max-width: 752px;
 }
 .loginForm-wrap .passform input{
  width: 100%;
 }
 .loginForm-wrap .form-link-support {
  justify-content: flex-end;
 }
 .loginForm-wrap .form-link-support li {
  line-height: 1.0;
  padding-left: 15px;
 }
 .loginForm-wrap .form-link-support li:not(:last-child){
  border-right: 1px solid #ddd;
  padding-right: 15px;
 }
 .loginForm-wrap .loginForm-btn-wrap {
  width: 206px;
 }
 .loginForm-wrap .loginForm-btn-wrap:hover {
  opacity: .8;
 }
 .loginForm-wrap .loginForm-btn-wrap input {
  font-size: 14px;
 }
 .loginForm-wrap .loginForm-btn-wrap [class^="btn-type"] {
  min-height: 36px;
  width: 100%;
  border-radius: 3.65em;
 }
 .my-fav-top .not-logged-in h3 {
  margin-bottom: 19px;
 }
 .my-fav-top .not-logged-in .dotList {
  margin-top: 0;
  margin-bottom: 59px;
 }
 .my-fav-top .not-logged-in .fav-item-list + .dotList,
 .my-fav-top .not-logged-in .mod-pager-01 + .dotList {
  margin-top: 80px;
 }
 .loginForm-wrap {
  font-size: 16px;
  margin: 19px auto 15px;
 }
 .loginForm-wrap .form-block input[type="text"],
 .loginForm-wrap .passform {
  width: 356px;
  margin-right: 20px;
 }
 
}/*PC end*/

@media screen and (min-width: 768px) and (max-width: 1244px) {
 .favoriteSection .main{
  width: 100%;
 }
}

/* -----------------------------------------------------------------------
favorite tablet
------------------------------------------------*/
 _::-webkit-full-page-media, _:future, :root .tablet .favoriteSection .plus-icon:not(.select-icon) {
  right: -0.3em;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .favoriteSection .public-icon {
  line-height: 18px;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .favoriteSection .eval-add-num:not(.update-info) {
  line-height: 18px;
  display: inline-block !important;
  vertical-align:  middle;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .favoriteSection .eval-add-num:not(.update-info)::first-letter {
  line-height: 16px;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .favoriteSection .eval-add-num {
  font-size: 64%;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .fav-item-list .item-list-txt .item-inner2 .panel-box .txt-right,
 _::-webkit-full-page-media, _:future, :root .tablet .fav-item-list .item-list-txt .item-inner2 .panel-box .user-btn-base,
 _::-webkit-full-page-media, _:future, :root .tablet .favorite-list-all .info-box-bottom .user-btn-base {
  font-size: 78%;
  -webkit-text-size-adjust: 100%;
 }
 _::-webkit-full-page-media, _:future, :root .tablet .fav-item-list .item-list-txt .item-inner2 .pink-heart {
  left: 1.1em;
 }
 _::-webkit-full-page-media, _:future, :root #modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme .plus-icon {
  padding-top: 2px;
}

/* -----------------------------------------------------------------------
favorite SP
------------------------------------------------*/
@media screen and (max-width: 767px) {
 .favoriteSection,
 .favoriteSection .contents {
  background-color: #f9f9f9;
 }
 .favoriteSection .main {
  padding: 0;
 }
 .favoriteSection .main > * {
  padding-left: 3%;
  padding-right: 3%;
 }
 .favoriteSection .main > .nav-breadcrumb {
  padding: 0;
 }
 .favoriteSection h2.ttl-txtC {
  margin-top: 0.533vw;
 }
 /* favorite top
------------------------------------------------*/
 .category-slider .swiper-wrapper {
  position: relative;
 }
 .category-slider.swiper-container{
  margin: 3.466vw 0 5.333vw ;
 }
 .category-slider .swiper-slide a {
  width: 31.466vw;
  height: 11.733vw;
  border-radius: 1.333vw;
  padding: 2.666vw 0.4em;
  margin-left: 2.666vw;
 }
 .category-slider .swiper-button-prev,
 .category-slider .swiper-button-next {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 4;
  width: 28px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: url(https://img.dinos.co.jp/images/v1/headfoot/common/ico_arrow_right_01.png) rgba(51, 51, 51, 0.8) center center no-repeat;
  background-size: 8px auto;
  margin-top: 0;
  transform: translateY(-50%) rotate(180deg);
 }
 .category-slider .swiper-button-next {
  left: auto;
  right: 0;
  transform: translateY(-50%);
  border-radius: 4px 0 0 4px;
 }
 .sort-selection {
  position: relative;
 }
 .sort-selection .sort-box-sp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.666vw;
  position: relative;
 }
 .sort-selection .sort-box-sp .result-number-sp {
  height: 30px;
  line-height: 30px;
 }
 .sort-selection .sort-box-sp select {
  border: none;
  background-color: #f9f9f9;
  color: inherit;
  -moz-appearance: none;
  appearance: none;
  padding-right: 5vw;
  direction: rtl;
  position: relative;
  outline: 0;
 }
 .sort-selection .sort-box-sp::after {
  opacity: 0;/*phase2:remove*/
  content: "";
  border-bottom: solid 0.533vw #000;
  border-right: solid 0.533vw #000;
  width: 1.066vw;
  height: 1.066vw;
  position: absolute;
  top: 3.466vw;
  right: 1.6vw;
  transform: translateY(-50%) rotate(45deg);
 }
 .sort-selection .sort-box-sp.show-arrow::after {
  opacity: 1;/*phase2:remove*/
 }
 .favorite-list-all {
  margin-bottom: 5.333vw;
 }
 .item-list-img-txt > ul li {
  width: 48.5%;
  border-radius: 4px;
  margin-right: 3%;
  margin-bottom: 2.9984vw;
  padding: 6.666vw 3vw;
		position: relative;
 }
 .item-list-img-txt ul li:nth-child(2n) {
  margin-right: 0;
 }
 .item-list-img-txt ul li .item-list-img img {
  width: 32vw;
  height: 32vw;
  margin: 0 auto;
  display: block;
 }
 .item-list-img-txt ul li .item-list-txt,
 .favoriteSection.my-fav-theme .item-info {
  padding-top: 5.6vw;
 }
 .item-list-img-txt ul li .item-list-txt .monthly-num {
  margin-bottom: 1.066vw;
 }
 .item-list-img-txt ul li .item-list-txt .item-name {
  margin-bottom: 1.066vw;
 }
 .item-list-img-txt ul li .item-list-txt .txt1 {
  font-weight: bold;
 }
 .favoriteSection .item-info {
  text-align: left;
 }
 .favoriteSection .sale-icon,
 .favoriteSection .new-icon {
  width: max-content;
  min-width: 21.333vw;
  height: 4.4vw;
  line-height: 4.4vw;
  padding: 0 0.8vw;
  border-radius: 10vw;
  display: flex;
  align-items: center;
  justify-content: center;
 }
  @media (orientation: portrait){
  .favoriteSection .sale-icon,
  .favoriteSection .new-icon {
   padding-top: 0.133vw;
   }
 }
 .favoriteSection .new-icon {
  bottom: -2vw;
 }
 .favoriteSection .is-alert .sale-icon::before {
  top: 0;
 }
 .favorite-list-all .card-ap_list .btn-favorite.for-general.is-active .img-heart .heartB {
  animation: heartBAnimeFav 600ms;
  animation-fill-mode: forwards;
 }
 .favorite-list-all .card-ap_list .btn-favorite.for-general {
  width: 8vw;
  height: 8vw;
 }
	.favoriteSection:not(.my-fav-top) .item-list-txt,
	.favoriteSection:not(.my-fav-top) .item-list-img {
		position: unset;
	}
 .item-list-img-txt .heart-icon {
  top: 31.6vw;
  right: 1.4vw;
  padding: 0;
  width: 8.533vw;
 }
	.favoriteSection:not(.my-fav-top) .item-list-img-txt .sale-icon,
	.favoriteSection:not(.my-fav-top) .item-list-img-txt .new-icon {
		top: 36.266vw;
	}
 .favorite-list-all .card-ap_list .btn-favorite.for-general .img-heart .heartB {
  transform: scale(1);
 }
 .favorite-list-all .card-ap_list .btn-favorite.is-pink circle.base {
  stroke: #ff6666;
 }
 .item-list-img-txt .card-ap_list .btn-favorite.for-general .img-heart {
  width: 13.333vw;
  height: auto;
 }
 .heart-icon .reg-number {
  margin-top: 0.533vw;
 }
 .heart-icon .fav-off-info,
 .heart-icon .fav-add-info {
  display: none;
 }
 .inter-section-ttl {
  margin-top: 9.333vw;
  padding-top: 5.333vw;
  padding-bottom: 2.4vw;;
 }
 .all-fav-top .inter-section-ttl ~ .inter-section-ttl {
  margin-top: 0;
  padding: 5.333vw 0 2.4vw;
 }
 .inter-section-ttl,
 .theme-ranking,
 .all-fav-top .inter-section-ttl ~ * {
  background-color: #eee; 
 }
 .favoriteSection .theme-ranking {
  padding: 0;
 }
 .theme-ranking .ranking-slide-box {
  scrollbar-width: none;
  white-space: nowrap;
 }
 .theme-ranking .ranking-slide-box::-webkit-scrollbar {
  display: none;
 }
 .theme-ranking .ranking-slide-box li {
  display: inline-block;
  padding-left: 3vw;
  background-color: #fff;
 }
 .theme-ranking .ranking-slide-box li:first-child {
  margin-left: 3%;
  border-radius: 4px 0 0 4px;
 }
 .theme-ranking .ranking-slide-box li:last-child {
  margin-right: 3%;
  padding-right: 3%;
  border-radius: 0 4px 4px 0;
 }
 .theme-ranking .ranking-slide-box li a {
  height: 44px;
 }
 .theme-ranking .ranking-slide-box .rank-icon-bg {
  width: 4.8vw;
  height: 4.8vw;
  margin-right: 1.066vw;
  background-size: 4.8vw 100%;
  padding-top: 1px;
 }
 .theme-list .item {
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 2.9984vw;
 }
 .all-fav-top .theme-list .item {
  border: 1px solid #dedede;
 }
 .theme-list .item:nth-child(2n) {
  margin-right: 0;
 }
 .theme-list .item .figure .thumb:empty {
  padding-top: 100%;
 }
 .theme-list .item .figure .thumb img {
  width: 100%;
  height: 100%;
 }
 .theme-list .item .info {
  padding: 0 3.2vw 5.333vw;
 }
 .theme-list .item .info .text {
  font-weight: bold;
  margin-top: 4vw;
 }
 .theme-list .item .info .author {
  margin-top: 1.066vw;
 }
 .theme-list .item .info .eval {
  margin-top: 0.533vw;
 }
 .eval .eval-icn {
  background-size: 3vw;
  padding-left: 4vw;
  margin-left: 0.5333vw;
  background-position: left bottom 0.8vw;
  font-weight: bold;
 }
 .favoriteSection .link-btn-base {
  margin: 0;
  padding: 5vw 0 9.333vw;
 }
 .favoriteSection .link-btn-base a {
  width: 54.4vw;
  height: 9.6vw;
  border-radius: 4.8vw;
 }
 /* favorite theme list
------------------------------------------------*/
 .all-fav-theme-list h2.ttl-txtC {
  margin-top: 4.8vw;
 }
 .all-fav-theme-list .result-number span {
  margin-left: 0.266vw;
 }
 .all-fav-theme-list .theme-ranking {
  margin-top: 0;
  padding-bottom: 9.333vw;
 }
 .sort-box-sp.sort-one-box {
  justify-content: flex-end;
  margin-top: 2.933vw;
 }
 .all-fav-theme-list .theme-list {
  margin-bottom: 5.066vw;
 }
 
 /* other favorite top
------------------------------------------------*/
 h2.ttl-txt-s {
  margin-top: 2.133vw;
  margin-bottom: 3.2vw;
 }
 .favoriteSection.user-fav-theme .ttl-user-name {
  margin-top: 5.066vw;
 }
 .favoriteSection.user-fav-theme h2.ttl-txt-s {
  margin-bottom: 4.266vw;
 }
 .favoriteSection .fav-user-prof {
  margin-bottom: 6.933vw;
 }
 .user-fav-theme .theme-list {
  margin-bottom: 7.2vw;
 }
 .user-fav-theme h3 {
  margin-bottom: 3.466vw;
 }
 .user-fav-theme .favorite-list-all {
  padding: 0 3% 0 0;
  margin-bottom: 0;
 }
 .user-fav-theme .favorite-list-all .theme-info-box .theme-cmt {
  margin-bottom: 0.266vw;
  line-height: 1.5;
 }
 .item-list-img-txt ul.vertical-grid-box li {
  width: 47%;
  margin-left: 3%;
  margin-right: 0;
  padding-bottom: 3.2vw;
 }
 .user-fav-theme .item-list-img-txt ul.vertical-grid-box li {
  padding-bottom: 2.4vw;
 }
 .item-list-img-txt .theme-name {
  margin-bottom: 1.333vw;
 }
 .item-list-img-txt .reply {
  margin-top: 1.066vw;
  align-items: baseline;
 }
 .item-list-img-txt .cmt-num {
  margin-left: 0.533vw;
 }
 .item-list-img-txt .reply .cmt-num {
  position: relative;
  bottom: -0.076em;
 }
 .other-fav-top .theme-list .item .info .eval {
  margin-top: 1.6vw;
 }
 .other-fav-top h2.ttl-txt-s {
  margin-top: 4.8vw;
 }
 /* my favorite theme
 ------------------------------------------------*/
 .favoriteSection .ttl-user-name + h2.ttl-txt-s {
  margin-bottom: 1.066vw;
 }
	.favoriteSection.my-fav-theme .fav-user-prof {
		margin-bottom: 4.533vw;
	}
	.favoriteSection.my-fav-theme .item-functions-container .item-functions {
		margin-bottom: 2.666vw;
	}
 .favoriteSection.my-fav-theme .ttl-user-name + h2.ttl-txt-s {
  margin-bottom: 1.6vw;
 }
 .theme-btns-wrap .update-box {
  margin-bottom: 4vw;
 }
 .favoriteSection .update-box .eval {
  margin-left: 6.133vw;
 }
 .favoriteSection .update-box .eval-add-num {
  height: 4vw;
  border-radius: 2.133vw;
  padding: 0 1.866vw;
  margin-left: 1.6vw;
  top: -0.266vw;
 }
 .favoriteSection .theme-btns-box {
  margin-bottom: 4.8vw;
 }
 .favoriteSection .theme-btns-box .user-btn-base {
  width: calc(100% / 3);
  height: 6.933vw;
  border-radius: 3.73vw;
 }
 .favoriteSection .theme-btns-box .user-btn-base:not(:first-child) {
  margin-left: 1vw;
 }
 .item-list-img-txt .item-list-txt .item-info {
  margin-bottom: 0.533vw;
 }
 .item-list-img-txt .theme-info-box {
  margin-top: 3.2vw;
  padding-top: 3.2vw;
 }
	.my-fav-theme .item-functions-container {
		padding-left: 3%;
	}
	.my-fav-theme .vertical-grid-box .select-checkbox {
  top: 0.8vw;
		right: 0.8vw;
	}
 .my-fav-theme .item-list-img-txt ul.vertical-grid-box li {
  padding-bottom: 3.733vw;
 }
 .my-fav-theme .favorite-list-all .theme-info-box .theme-cmt:not(:empty) {
  margin-bottom: 2.666vw;
 }
 .favorite-list-all .info-box-bottom {
  display: flex;
  justify-content: center;
 }
 .favorite-list-all .info-box-bottom-end {
  margin-top: 2.333vw;
 }
 .favorite-list-all .info-box-bottom .user-btn-base {
  width: 28.6vw;
  padding: 1.11vw 0;
  border-radius: 3.2vw;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi {
  position: relative;
  height: 4.8vw;
  padding: 0 0.8vw;
  border-radius: 2.133vw;
  min-width: 13vw;
  margin-left: 1.6vw;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi.unread-on::after {
  border-right: 1.866vw solid transparent;
  border-top: 1.6vw solid #fe6768;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi.no-reply::after {
  border-right: 1.866vw solid transparent;
  border-top: 1.6vw solid #eee;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi.unread-on::after,
 .favorite-list-all .info-box-bottom .mark-fukidasi.no-reply::after {
  bottom: -1.4vw;
  right: 1.6vw;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi.unread-off::before {
  border-right: 1.866vw solid transparent;
  border-top: 1.6vw solid #fe6768;
  bottom: -1.866vw;
  right: 1.6vw;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi.unread-off::after {
  border-right: 1.33vw solid transparent;
  border-top: 1.6vw solid #fff;
  bottom: -1.4vw;
  right: 1.866vw;
 }
 .favorite-list-all .info-box-bottom .mark-fukidasi .cmt-num {
  bottom: 0;
 }
 .my-fav-theme .item-list-img-txt ul li.remove-box {
  padding: 17.066vw 5.333vw 14.133vw;
  line-height: 1.7;
 }
 .my-fav-theme .item-list-img-txt ul li.remove-box .item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
 }
 .sec-review.favorite-theme-slider {
  background-color: inherit;
  padding-bottom: 0;
  padding: 6% 0 0 0;
  margin-left: -3vw;
 }
 .sec-review.favorite-theme-slider .ttl {
  text-align: center;
  margin-bottom: 3.733vw;
 }
 .sec-review.favorite-theme-slider .slider {
  margin: 0;
 }
 .sec-review.favorite-theme-slider .inner {
  margin: 0 3%;
 }
 .sec-review.favorite-theme-slider .slick-track {
  margin-left: 0;
 }
 .sec-review.favorite-theme-slider .slider .item {
  margin-left: 3vw;
  margin-right: 0;
  border-radius: 1.066vw;
  position: relative;
 }
 .may-fav-theme .sec-review.favorite-theme-slider .theme-list .item .figure {
  border-radius: 1.066vw 1.066vw 0 1.066vw;
  overflow: hidden;
 }
 .favoriteSection .public-icon {
  width: 11.2vw;
  height: 1.422em;
  line-height: 1.422em;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 _::-webkit-full-page-media, _:future, :root .favoriteSection .public-icon {
  padding-top: 0.266vw;
 }
 .sec-review.favorite-theme-slider .theme-list .item .new-icon {
  top: 43.466vw;
 }
 .sec-review.favorite-theme-slider .theme-list .item .info .text {
  margin-top: 3.466vw;
 }
 .my-fav-theme .sec-review.favorite-theme-slider .theme-list .item .info .text {
  margin-top: 1.066vw;
 }
 .sec-review.favorite-theme-slider .theme-list .item .info .eval {
  margin-top: 1.6vw;
 }
 .sec-review.favorite-theme-slider .slider-btn .btn-left,
 .sec-review.favorite-theme-slider .slider-btn .btn-right {
  top: calc((45.533vw - 56px) / 2);
  margin-top: 0;
 }
 .sec-review.favorite-theme-slider .slider-btn .btn-left {
  left: 0;
 }
 .sec-review.favorite-theme-slider .slider-btn .btn-right {
  right: -3vw;
 }
 .sec-review.favorite-theme-slider + .link-btn-base {
  padding-top: 2.666vw;
  padding-bottom: 9.333vw;
 }
 .favoriteSection .dotList {
  padding: 0 3%;
  margin-bottom: 5.333vw
 }
 /* my favorite top
 ------------------------------------------------*/
 .favoriteSection.my-fav-top .contents {
  background-color: #fff;
 }
 .favoriteSection.my-fav-top .bgc-set .contents {
  background-color: #f9f9f9;
 }
 .my-fav-top .update-info {
  height: 1.6em;
  font-weight: normal;
  padding: 0 2.133vw;
  margin-left: 0;
  margin-right: 1.333vw;
  top: -1.066vw;
  border-radius: 3.2vw;
 }
 .favoriteSection.my-fav-top h2 {
  margin-top: 4.8vw;
 }
 .favoriteSection.my-fav-top h3 {
  text-align: center;
  padding-top: 6.66vw;
  margin-bottom: 4vw;
 }
 .favoriteSection.my-fav-top .update-box {
  margin-bottom: 4.533vw;
 }
 .favoriteSection.my-fav-top .update-box .name-ttl {
  margin-bottom: 0.8vw;
 }
 .favoriteSection.my-fav-top .theme-btns-box .add-new-theme-btn {
  line-height: 1.67;
 }
 .favoriteSection.my-fav-top .theme-btns-box .plus-icon {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  width: 2.666vw;
  height: 0.4vw;
  background: currentColor;
  border-radius: 0.8vw;
  position: relative;
  margin-left: 1.6vw;
  font-size: 1.5em;
 }
 .favoriteSection.my-fav-top .theme-btns-box .plus-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
 }
 .favoriteSection.my-fav-top .toggleBtn + h3 {
  padding-top: 5.066vw;
 }
 .favoriteSection .toggleBoxInner {
  width: 100%;
 }
 .favoriteSection.my-fav-top .theme-list .item .info p:nth-child(2) {
  margin-bottom: 0.8vw;
  margin-top: 1.6vw;
 }
 .my-fav-top .theme-list .item .text {
  margin-top: 1.066vw;
 }
 .favoriteSection.my-fav-top .theme-list .item .eval-icn {
/*  background-image: none;
  padding-left: 0;
  margin-left: 0;*/
 }
 .favoriteSection.my-fav-top .theme-list .item .eval-add-num {
  padding: 0 0.3em;
  border-radius: 2.666vw;
  min-width: 6.933vw;
 }
 .favoriteSection .toggleBtn {
  display: block;
  margin: 1.866vw auto 0;
 }
 .toggleBtn::after {
  width: 4.266vw;
  height: 4.266vw;
  transform: scale(1, 0.5) rotate(-45deg);
  position: relative;
  top: -0.16vw;
 }
 _::-webkit-full-page-media, _:future, :root .toggleBtn::after {
  top: -1.866vw;
 }
 .toggleBtn.is-open::after {
  transform: scale(1, 0.5) rotate(135deg);
  top: 0.266vw;
 }
 .favoriteSection .fav-item-list li {
  padding: 3.2vw 3.2vw 5.333vw;
 }
 .favoriteSection .fav-item-list li:first-child {
  border-radius: 0.8vw 0.8vw 0 0;
 }
 .favoriteSection .fav-item-list li:last-child {
  border-radius: 0 0 0.8vw 0.8vw;
 }
 .favoriteSection .fav-item-list li.remove-item {
  padding-bottom: 3.2vw;
 }
 .favoriteSection .fav-item-list li.remove-item .item-name {
  display: block;
  text-align: left;
 }
 .favoriteSection .fav-item-list li.remove-item .item-info {
  margin-right: 3.733vw;
 }
 .favoriteSection .fav-item-list li .item-list-img {
  width: 25.6vw;
  height: 25.6vw;
  margin-right: 3.2vw;
 }
 .favoriteSection .fav-item-list .item-list-txt {
  flex-direction: column;
		width: 58.666vw;
 }
	.item-functions {
		margin-bottom: 2.666vw;
		justify-content: flex-end;
	}
	.item-functions-container:nth-of-type(2) .item-functions {
		margin-top: 2.666vw;
	}
	.item-functions p button {
		padding: .6em .8em;
		margin-right: 1.333vw;
	}
	.item-functions p input[type="checkbox"],
 .fav-item-list .item-list-txt .select-checkbox input[type="checkbox"] {
  width: 1.8em;
  height: 1.8em;
	}
 .fav-item-list .item-list-txt .item-inner1 .item-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: calc(100% - (1.8em + 5px));
 }
 .fav-item-list .item-list-txt .item-inner1 .item-price {
  display: block;
  margin-top: 1.066vw;
 }
 .fav-item-list .item-list-txt .item-inner1 .item-info {
  margin-top: 0.8vw;
 }
 .fav-item-list .item-list-txt .item-inner2,
 .fav-item-list .item-list-txt .item-inner1 .theme-cmt {
  margin-top: 2.4vw;
 }
 .fav-item-list .item-list-txt .item-inner2 .user-btn-base {
  width: 100%;
  height: 6.666vw;
  border-radius: 3.466vw;
 }
	.fav-item-list .panel-box .user-btn-base.js-fv-select-theme {
  padding: 0 2.2em 0 2.6em;
 }
	.fav-item-list .item-list-txt .select-checkbox {
		position: absolute;
		top: 0;
		right: 0;
	}
 .item-inner2 .panel-box > div:nth-child(-n + 2) {
  margin-bottom: 3.2vw;
 }
 .item-inner2 .panel-box > div.cmt-txt-wrap {
  margin-bottom: 2vw;
 }
 .item-inner2 .panel-box > div:last-child {
  margin-bottom: 0;
 }
 .item-inner2 .panel-box .cmt-num-box:empty {
  width: 1px;
  display: inline-block;
 }
 .fav-item-list .item-list-txt .item-inner2 .pink-heart {
  width: 3.2vw;
  left: .8em;
 }
 .favoriteSection.my-fav-top .mod-pager-01 {
  margin-top: 4vw;
 }
 .favoriteSection.my-fav-top .dotList {
  margin-top: 6.666vw;
 }
 .sec-review.recommendBox {
  border: 1px solid #eee;
  padding: 0;
  margin-bottom: 4%;
  border-right: none;
  border-left: none;
 }
 .sec-review.recommendBox .ttl {
  padding: 0 5% 2% 5%;
  margin: 10.66vw 0 4.266vw;
  line-height: 1.4;
  font-size: 5vw;
 }
 .sec-review.recommendBox .inner {
  margin: 0;
 }
 .sec-review.recommendBox .inner .slider-wrap {
  margin-bottom: 10.4vw;
 }
 .sec-review.recommendBox .inner .slider {
  margin-left: 0;
 }
 .sec-review.recommendBox .slider .item {
  margin-left: 0;
  margin-right: 0;
 }
 .sec-review.recommendBox .slider .item a {
  padding: 0 3vw 0 0;
  display: block;
 }
 .sec-review.recommendBox .slider .item img {
  border-radius: 1.066vw;
  margin-bottom: 1.6vw;
 }
 .sec-review.recommendBox .slider .item .text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
 .favoriteSection .recommendBox .slider .item .price {
  font-weight: bold;
 }
 .favoriteSection .recommendBox .slider .item .price::first-letter{
  font-size: .8em;
  font-weight: normal;
 } 
 .sec-review.recommendBox .slider .item .star img {
  width: 17.066vw;
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 0;
 }
 .sec-review.recommendBox .inner .slider-btn li {
  top: calc((35.666vw - 56px) / 2);
  background-size: 28px 56px;
  width: 28px;
  height: 56px;
  margin-top: 0;
 }
 .sec-review.recommendBox .inner .slider-btn li.btn-left {
  left: 0;
 }
 .sec-review.recommendBox .inner .slider-btn li.btn-right {
  right: 0;
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom {
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom::after {
  content: "";
  border-bottom: solid 0.533vw #000;
  border-right: solid 0.533vw #000;
  width: 1.066vw;
  height: 1.066vw;
  position: absolute;
  top: 3.466vw;
  right: 1.6vw;
  transform: translateY(-50%) rotate(45deg);
 }
 .item-inner2 .panel-box .select-theme .arrow-bottom::after {
  right: 1em;
  top: calc(50% - 0.1126vw);
 }
  /* other favorite theme
 ------------------------------------------------*/
 .favoriteSection .update-box .eval a:hover {
  text-decoration: none;
 }
 .favoriteSection.other-fav-theme .update-box .eval {
  margin-left: 2.133vw;
 }
 .favoriteSection.other-fav-theme .update-box .eval .eval-icn {
  margin-left: 0;
 }
 .favoriteSection.other-fav-theme .update-box .eval .eval-txt {
  border-radius: 3.2vw;
  width: 7.8em;
  height: 1.8em;
  margin-right: 2.133vw;
 }
 .favoriteSection.other-fav-theme .favorite-list-all {
  margin-bottom: 4.266vw;
 }
 .favorite-list-all .theme-info-box .theme-cmt.no-cmt {
  text-align: center;
 }
 .favoriteSection .evaluateBtn p {
  margin-bottom: 1.333vw;
 }
 .favoriteSection .evaluateBtn {
  margin-bottom: 4.533vw;
 }
 .favoriteSection .evaluateBtn a {
  border-radius: 18px;
  width: 30.66vw;
  height: 6.66vw;
  padding-top: 1px;
 }
 .favoriteSection .evaluateBtn .eval-icn {
  background-size: 3.46vw;
  height: calc(3.46vw + 0.266vw);
  background-position: left bottom 0.266vw;
  margin-left: 1.6vw;
 }
 /* my favorite top : not logged in
 ------------------------------------------------*/
 .favoriteSection.my-fav-top .not-logged-in h3 {
  text-align: left;
  padding-top: 6.133vw;
 }
 .loginForm-wrap .form-block input[type="text"],
 .loginForm-wrap .passform input {
  width: 100%;
  padding: 6px 10px;
 }
 .loginForm-wrap .form-ttl {
  margin-bottom: 2.4vw;
 }
 .loginForm-wrap .form-link-support {
  display: flex;
  justify-content: flex-end;
  padding: 3% 0;
 }
 .loginForm-wrap .form-link-support li {
  padding: 0 15px;
 }
 .loginForm-wrap .form-link-support li:last-child {
  padding-right: 0;
 }
 .loginForm-wrap .form-link-support li:not(:first-child) {
  border-left: 1px solid #ddd;
 }
 .loginForm-wrap .form-link-support li a {
  text-decoration: underline;
 }
 .loginForm-wrap .form-block.errMsg {
  padding-top: 0;
 }
 .loginForm-wrap .loginForm-btn-wrap {
  margin-top: 3vw;
  padding-bottom: 5.333vw;
 }
 .loginForm-btn-wrap [class^="btn-type"] {
  padding: 8px 0;
  border-radius: 3.65em;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 40%;
  cursor: pointer;
  line-height: inherit;
  font-weight: inherit;
  border: none;
  -webkit-box-sizing: border-box;
  -webkit-appearance: button;
  appearance: button;
 }
 .pw-eye,
 .pw-eye-slash {
  right: 10px;
 }
 .my-fav-top .not-logged-in .dotList {
  margin-top: -1.066vw;
  margin-bottom: 6.4vw;
 }
 .my-fav-top .not-logged-in .mod-pager-01 + .dotList {
  margin-top: 9.333vw;
 }

 
}/*SP end*/

/* ==========================================================
  modal fv
========================================================== */
.modal-fv-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 200405;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #modal-select-theme.modal-fv-wrapper {
     background: rgba(255, 255, 255, 0.4);
   }
}
.modal-fv-wrapper.is-open {
  display: block;
}
.modal-fv-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-fv-wrapper-in {
  /*overflow: auto;*/
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.modal-fv-wrapper .modal-fv-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 20px 17px;
}
.modal-fv-wrapper .modal-fv-content {
  margin: auto;
  width: 100%;
  background: #fff;
  color: #000;
  padding: 1.5em;
  border-radius: 4px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .modal-fv-wrapper .modal-fv-content {
    max-width: 1092px;
  }
}
.modal-fv-wrapper .modal-fv-content-in {
  padding: 0 12px 19px;
}
.modal-fv-wrapper textarea {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.modal-fv-wrapper dl {
    text-align: left;
    margin-bottom: 1.2em;
    padding-bottom: 1.2em;
    border-bottom: 1px solid #CCC;
}
.modal-fv-wrapper dl dt,
.modal-fv-wrapper dl dd {
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .modal-fv-wrapper dl dd {
        display: inline-block;
    }
    #modal-profile-edit.modal-fv-wrapper dl {
        display: flex;
    }
    #modal-profile-edit.modal-fv-wrapper dl dt {
        padding-top: 0.2em;
    }
    #modal-profile-edit.modal-fv-wrapper dl dd {
        display: inline-block;
        width: 83.7%;
        overflow: hidden;
    }
    .modal-fv-wrapper dl dd.edit-favorite-name {
        width: 83.2%;
    }
}
.modal-fv-wrapper dl dt {
    font-weight: bold;
}
.modal-fv-wrapper dl dt span {
    color: red;
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0.25em;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper dl dt {
        font-size: 14px;
    }
    .modal-fv-wrapper dl dt span {
        font-size: 12px;
        margin-left: 0;
    }
}
.modal-fv-wrapper dl dd input {
    border: none;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper dl dd input {
        font-size: 16px;
    }
}
.modal-fv-wrapper .edit-favorite-subscribe textarea {
    border: none;
    height: calc(4em * 1.6);
}
@media screen and (max-width: 768px) {
    .modal-fv-wrapper .edit-favorite-subscribe textarea {
        height: calc(6em * 1.75);
        background: #FFF;
        box-shadow: none;
        margin-bottom: 1em;
        margin-top: 0;
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper .edit-favorite-name {
        width: 80%;
    }
    .modal-fv-wrapper .edit-favorite-name textarea,
    .modal-fv-wrapper .edit-favorite-subscribe textarea {
        font-size: 16px;
    }
}
.modal-fv-wrapper .edit-favorite-name textarea {
    border: none;
    background: #FFF;
    box-shadow: none;
    padding: 0.5em 0;
    height: calc(1em * 1.6);
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .modal-fv-wrapper .edit-favorite-name textarea {
        padding: 0;
        height: calc(1em * 1.6);
        font-size: 14px;
    }
    #modal-profile-edit.modal-fv-wrapper .edit-favorite-name textarea {
        width: 500px;
    }
}
.modal-fv-wrapper .edit-favorite-submit {
    width: 145px;
    height: 36px;
    border-radius: 100px;
    cursor: pointer;
    background: #000;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper .edit-favorite-submit {
        font-size: 14px;
    }
}
.modal-fv-wrapper ::placeholder {
    color: #999;
}
.modal-fv-wrapper .modal-fv-content .modal-close-btn {
    position: absolute;
    width: 3em;
    height: 3em;
    top: calc((3em + 5.333vw)* -1);
    left: 0vw;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper .modal-fv-content .modal-close-btn {
        top: -56px;
        left: 0;
    }
}
@media screen and (max-width: 768px) {
  .modal-fv-wrapper .modal-fv-content .modal-close-btn {
    width: auto;
    height: auto;
  }
}
.modal-fv-wrapper .modal-fv-content .modal-close-btn svg {
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
  .modal-fv-wrapper .modal-fv-content .modal-close-btn svg {
      width: 3em;
      height: 3em;
  }
}
/* ==========================================================
  modal fv comment
========================================================== */
#modal-favorite-comment.modal-fv-wrapper .modal-fv-content {
    z-index: 5000;
}
@media screen and (min-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .modal-fv-content {
        position: absolute;
        max-width: 385px;
        top: calc(50vh - 258px);
    }
}
@media screen and (max-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .modal-fv-image-area {
        text-align: center;
    }
    #modal-favorite-comment.modal-fv-wrapper .modal-fv-image-area img {
        width: calc(279 / 1080 * 100vw);
    }
}
#modal-favorite-comment.modal-fv-wrapper .comment-input-area {
    margin-top: 14px;
    padding-top: 16px;
    border-top: 1px solid #eee;
}
@media screen and (min-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .comment-input-area {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .comment-input-area {
        margin-top: 14px;
        padding-top: 0;
        border-top: none;
    }
    #modal-favorite-comment.modal-fv-wrapper .comment-input-area textarea {
        padding: 0;
    }
}
.modal-fv-wrapper .comment-input-area textarea {
    border: none;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper .comment-input-area textarea {
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    .modal-fv-wrapper .comment-input-area textarea {
        font-size: 14px;
    }
}
#modal-favorite-comment.modal-fv-wrapper .comment-input-area textarea {
    height: calc(5em * 1.6);
    margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .comment-input-area textarea {
        height: calc(6em * 1.75);
        background: #FFF;
        box-shadow: none;
    }
}
#modal-favorite-comment.modal-fv-wrapper .btn-comment {
    width: 145px;
    height: 36px;
    border-radius: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    background-color: #000;
    color: #FFF;
    float: right;
}
@media screen and (min-width: 768px) {
    #modal-favorite-comment.modal-fv-wrapper .btn-comment {
        font-size: 14px;
    }
}
.modal-fv-wrapper .btn-comment.is-disable,
.modal-fv-wrapper .btn-favorite.is-disable,
#modal-favorite-comment.modal-fv-wrapper .btn-comment.is-disable {
    background: #EEE;
    color: #999;
    cursor: default;
}
#modal-add-theme.modal-fv-wrapper .edit-favorite-subscribe textarea {
    height: calc(2em * 1.6);
}
@media screen and (min-width: 768px) {
  #modal-add-theme.modal-fv-wrapper .modal-fv-content {
    max-width: 320px;
  }
  #modal-add-theme.modal-fv-wrapper .edit-favorite-subscribe textarea {
    font-size: 16px;
  }
}
/* edit-comment */
@media screen and (min-width: 768px) {
    #modal-edit-comment.modal-fv-wrapper .modal-fv-content {
        position: relative;
        max-width: 1205px;
    }
}
#modal-edit-comment .modal-fv-content {
    padding: 20px;
    border-radius: 3px;
    display: flex;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    #modal-edit-comment .modal-fv-content {
        display: block;
    }
    #modal-edit-comment .modal-fv-content .item-list-img {
        text-align: center;
        margin-bottom: 0.5em;
    }
    #modal-edit-comment .modal-fv-content .item-list-img img {
        width: calc(280 / 970 * 100%);
    }
}
#modal-edit-comment .modal-item-list-txt {
    flex-grow: 1;
}
#modal-edit-comment .modal-item-list-txt textarea {
    margin-top: 0;
    height: calc(4em * 1.6);
}
@media screen and (max-width: 768px) {
    #modal-edit-comment .modal-fv-content textarea {
        background: #FFF;
        box-shadow: none;
    }
    #modal-edit-comment .modal-item-list-txt textarea {
        height: 40vh;
    }
    #modal-edit-comment .modal-item-list-txt {
        margin: 1em auto;
    }
}
/* ==========================================================
  modal fv select theme
========================================================== */
.modal-fv-wrapper.modal-bg-none {
    background: none;
}
@media screen and (min-width: 768px) {
    #modal-select-theme.modal-fv-wrapper * {
        font-size: 14px;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content {
    max-width: 245px;
    background: rgba(0,0,0,0.9);
    color: #FFF;
    padding: 1em;
    position: relative;
}
#modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content {
    max-width: none;
    background: #fff;
				box-shadow: 0 0 2em #ddd;
}
#modal-select-theme.modal-fv-wrapper .modal-close-btn {
    position: absolute;
    top: -4em;
    left: -1em;
}
@media screen and (min-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-close-btn {
        top: -30px;
        left: -7px;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-close-btn svg {
    width: 3em;
    height: 3em;
}
@media screen and (min-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-close-btn svg {
        width: 2em;
        height: 2em;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading {
    display: table;
    margin: 0.5em auto;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading svg {
    display: block;
    width: 1em;
    position: relative;
    transform: initial;
    left: 0;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading {
        margin: 0px auto 4vh;
    }
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading svg {
        display: block;
        width: 6.4vw;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading {
    margin: 0px auto 1em;
 display: none;
}
@media screen and (min-width: 768px) {
 #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading {
     margin: 0px auto 1em 3.5em;
 }
 #modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list {
    margin-top: 35px;
 }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading span {
    display: table-cell;
    vertical-align: middle;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-theme-heading span:first-of-type {
    padding-right: 0.3em;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-selection {
    margin-bottom: 1em;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content select {
    display: none;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list {
    background: transparent;
    outline: none;
    color: #666;
    border: none;
    scrollbar-width: thin;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list {
    height: calc(6em * 1.6);
    overflow-y: scroll;
    text-align: left;
}
#modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content .select-list {
    height: 30vh;
    padding-right: 2em;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5em;
    cursor: pointer;
    background-color: inherit;
    padding: 0;
    border: none;
    display: block;
    margin-left: 0;
				width: 100%;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list li:hover {
    color: #FFF;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list li {
        margin-bottom: 1.5em;
								color: #000 !important;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list li:last-child {
    margin-bottom: 0;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list .now-categorized {
    color: #fff;
				font-weight: bold;
				cursor: text;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list::-webkit-scrollbar {
   width: 6px;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list::-webkit-scrollbar-track {
   background-color: #474747;
   border-radius: 3px;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .select-list::-webkit-scrollbar-thumb {
   background-color: #999;
   border-radius: 3px;
}
#modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content .select-list::-webkit-scrollbar {
   width: 20px;
}
#modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content .select-list::-webkit-scrollbar-track {
   background-color: #333;
   border-radius: none;
}
#modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content .select-list::-webkit-scrollbar-thumb {
   background-color: #999;
   border-radius: none;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area {
    display: none;
    position: relative;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme,
#modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme {
    background: #333;
    border-radius: 100px;
    padding: 0;
    margin: 1em auto 0.5em;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme:disabled {
    background: #222;
    cursor: default;
    color: #434343;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme {
  padding: 0.5em 0;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme,
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme {
        text-align: center;
        background: #fff;
        width: 80%;
        border-radius: 100px;
        color: #000;
        padding: 0.25em 0;
								height: 2.3em;
    }
   #modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme {
				border: 1px solid #ddd;
   }
   #modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme {
     padding: 0.4em 0;
     font-weight: normal;
     margin-bottom: 1em;
					background: #000;
     color: #fff;
   }
			#modal-select-theme.modal-fv-wrapper .modal-fv-content .change-theme:disabled {
				background: #eee;
    color: #999;
			}
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme-text  {
    margin-right: 0.5em;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme .plus-icon {
    display: inline-block;
    font-size: 1.5em;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .add-new-theme .plus-icon {
        font-size: 1.5em;
        font-weight: bold;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area {
    margin-bottom: 0.5em;
    margin-top: 1em;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area {
        text-align: center;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area input {
    background: #666;
    border: none;
    width: 100%;
    padding: 0.3em;
    color: #FFF;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area input {
        background: #FFF;
        color: #000;
        border-radius: none;
								border: 1px solid #eee;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-submit {
    background: #333;
    border-radius: 18px;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: 0.2em 1.5em;
    margin-top: 1em;
    vertical-align: text-bottom;
    text-decoration: none;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-submit.is-disable {
    background: #333;
    color: #666;
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-submit {
        display: inline-block;
        width: 60%;
        background: #000;
        color: #fff;
        border-radius: 100px;
    }
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-submit.is-disable {
        background: #eee;
        color: #999;
    }
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-close {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 0;
    cursor: pointer;
    width: 28.97px;
    height: 28.97px;
}
#modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-close svg {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
  #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-close {
    display: none;
  }
}
@media screen and (max-width: 768px) {
    #modal-select-theme.modal-fv-wrapper .modal-fv-content .modal-fv-add-theme-area .add-new-theme-close {
        display: none;
        width: auto;
        height: auto;
    }
}
.modal-fv-wrapper .modal-fv-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.modal-fv-wrapper .modal-fv-bottom > p {
    margin-right: 1em;
}
@media screen and (min-width: 768px) {
    .modal-fv-wrapper .modal-fv-bottom > p {
        font-size: 14px;
    }
}
.modal-fv-add-theme-area {
    text-align: center;
}
.js-select-area-target {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
 .js-select-area-target #modal-select-theme {
    position: absolute;
    top: calc(-1em + 3px);
    left: 0;
 }
 .user-fav-theme.my-fav-theme .js-select-area-target #modal-select-theme {
    top: -1em;
    left: 0;
 }
 .fav-item-list #modal-select-theme li {
    display: block;
    background-color: inherit;
    border: 0;
    margin-top: 0;
    padding: 0;
 }
 #modal-select-theme.modal-fv-wrapper .modal-fv-container {
    padding: 0;
				min-width: 245px;
    margin-left: -10px;
 }
 #modal-select-theme .select-theme-close { 
     position: absolute;
     right: 1em;
     top: 0.8em;
     width: 28.97px;
     height: 28.97px;
     cursor: pointer;
 }
 #modal-select-theme .modal-close-btn {
   display: none;
 }
}
@media screen and (max-width: 768px) {
  .fav-item-list .item-list-txt .item-inner2 .panel-box > div.js-select-area-target {
    width: 100%;
  }
    .favoriteSection .fav-item-list #modal-select-theme li {
        padding: 0;
        background-color: inherit;
        border: 0;
    }
				.modal-fv-wrapper .modal-fv-container {
					padding: 20px;
				}
    #modal-select-theme.modal-fv-wrapper .modal-fv-content {
        max-width: none;
        background-color: inherit;
								padding: 5.333vw;
    }
     #modal-select-theme .select-theme-close {
         position: absolute;
         right: 1em;
         top: 0.8em;
         width: 28.97px;
         height: 28.97px;
    }
    #modal-select-theme.modal-fv-wrapper:not(.modal-bg-none) .modal-fv-content .select-list {
        height: 30vh;
        padding-right: 2em;
     display: block;
     margin-top: 1em;
    }
    #modal-select-theme .modal-close-btn {
        display: block;
    }
    #modal-select-theme .select-theme-close {
        display: none;
    }
    .item-list-img-txt ul.vertical-grid-box li #modal-select-theme li {
        width: 100%;
    }
}