@charset "UTF-8";

/* =======================
	カテゴリに属さないページ
=========================*/

body{
	color: #1c1b1b;
}

/* カテゴリ非表示 */
.page-search .footer-list-inner,
.page-search .block-category-list--footer,
.page-search .block-genre-page--sub--footer,
.page-search .category-list-ttl,
.page-search .genre-list-ttl,
.page-topicdetaillist .footer-list-inner,
.page-topicdetaillist .block-category-list--footer,
.page-topicdetaillist .block-genre-page--sub--footer,
.page-topicdetaillist .category-list-ttl,
.page-topicdetaillist .genre-list-ttl,
.page-topic .footer-list-inner,
.page-topic .block-category-list--footer,
.page-topic .block-genre-page--sub--footer,
.page-topic .category-list-ttl,
.page-topic .genre-list-ttl{display: none;}

/* トピックス */
/*.page-topic .block-topic-page{margin-bottom: 30px;}

.page-topicdetaillist .block-topic-details--items {
    background: #fff;
    margin: 0;
}

.page-topicdetaillist .block-topic-details--items li {
    padding: 0;
    border-bottom: 1px solid #e7e4dd;
}

.page-topicdetaillist .block-topic-details--items li a,
.page-topicdetaillist .block-topic-details--items li div {
    display: block;
    padding: 14px;
    text-decoration: none;
}

.page-topicdetaillist .block-topic-details--items dl {width: 100%;}
.page-topicdetaillist .block-topic-details--items dt {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 12px;
    box-sizing: border-box;
    letter-spacing: 0.2em;
    color: #1c1b1b;
    display: flex;
    align-items: center;
}

.page-topicdetaillist .block-topic-details--items dd {
    font-size: 12px;
    padding-top: 10px;
    vertical-align: middle;
    box-sizing: border-box;
}

.page-topicdetaillist .block-topic-details--items dt img {
    margin-left: 17px;
    vertical-align: middle;
    max-width: 35px;
}

.page-topicdetaillist .block-topic-details--items li a:after{display: none;}
*/
/* 詳細検索 */
.page-search .block-search-goods .block-goods-list--display-style-items h3,
.page-search .block-search-goods .block-goods-list--sort-order-items h3{
	margin-bottom: 0;
}

.page-search .block-goods-list-naviframe--top .pager-total{margin-top: 30px;}
.page-search .pagination li.pager-next,
.page-search .pagination li.pager-last,
.page-search .pagination li.pager-first,
.page-search .pagination li.pager-previous{border: none;}

/* 一覧(サムネイル) */
.page-search .block-pickup-list-p--items li{border-bottom: solid 1px #e2e2e2;}
.page-search .block-thumbnail-t--items li{
    border-right: solid 1px #e2e2e2;
    border-top: solid 1px #e2e2e2;	
}

/* topに戻る */
/*.block-page-top{
	position: fixed!important;
    bottom: 10px;
    right: 10px;
	top: auto!important;
}

.block-page-top a {
    display: block;
    width: 40px;
    height: 40px;
    transition: 0.15s ease 0s;
    background: url(../../img/usr/handicraft/sp/page_top.png) no-repeat;
    background-size: 40px 40px;
}

.block-page-top a:after{display: none;}*/
.block-thumbnail-h--goods-name {overflow: hidden;}
.block-thumbnail-h--goods-name p {
    font-size: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#goods_list_auto_load_area{
	margin-bottom: 30px;
	overflow-x: auto;	
}

.block-goods-list-c .block-thumbnail-c--goods-name{
    overflow: hidden;
    font-size: 10px;
}

.block-goods-list-c .block-thumbnail-c--goods-name p{
    font-size: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	color: #1c1b1b;
}

.page-search .icon{display: none;}

/* selectカスタマイズ */

.page-search .block-search-goods .form-control select{
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    background: url(../../img/usr/select_arrow.png) no-repeat right center #fff;
    background-position: right 8px center;
    background-size: 8px 7px;
    border-radius: 0;
}
.page-search .block-search-goods .form-control .block-search-goods--from-yy,
.page-search .block-search-goods .form-control .block-search-goods--from-mm,
.page-search .block-search-goods .form-control .block-search-goods--from-dd,
.page-search .block-search-goods .form-control .block-search-goods--to-yy,
.page-search .block-search-goods .form-control .block-search-goods--to-mm,
.page-search .block-search-goods .form-control .block-search-goods--to-dd{width: 60px;}


/* ログイン調整 */
.block-login .block-login--first-time-body .shop-info{
	width: 100%;
    padding: 0 0 0 0;
    box-sizing: border-box;
    text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}

.block-login .block-login--first-time-body .shop-info p.txt .txt-line{display: block;}

.block-login .block-login--first-time-body .shop-info h2{
    font-size: 10px;
    padding: 0;
    margin: 0 0 13px 0;
    background: #fff;
	border-bottom: none;
	display: flex;
	align-items: center;
	justify-content: center;
	
}

.block-login .block-login--first-time-body .shop-info h2 img{
    margin-right: 10px;
}

.block-login .block-login--first-time-body .shop-info p.txt {
    font-size: 12px;
    color: #202022;
    padding: 0 20px;	
	margin-bottom: 5px;	
}

.block-login .block-login--first-time-body .shop-info p.em-txt{
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}
.block-login .block-login--first-time-body .shop-info p.link a{
	position: relative;
	font-size: 12px;
}
.block-login .block-login--first-time-body .shop-info p.link a:after {
    position: absolute;
    top: 50%;
    margin: -3px 0 0 0;
    content: "";
    left: -17px;
    width: 7px;
    height: 7px;
    border-right: solid 1px #1c1b1b;
    border-bottom: solid 1px #1c1b1b;
    transform: rotate(-45deg);
}

.block-login .block-login--first-time-body .shop-info  p.txt .txt-red {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #e54848;
    margin: 0 5px;
}

.block-login .block-login--first-time-body .shop-info p.txt span.txt-red span {
    font-size: 20px;
    font-weight: bold;
}
/* news */
.block-topic-details {
	margin: 0;
	padding: 22px 0 0;
}
.block-topic-details--header {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.block-topic-details--header span {
	display: block;
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0.2em;
}
.block-topic-details--items {
	margin: 0 3% 30px;
	border-top: 1px dotted #b0b0b0;
}
.block-topic-details--items li {
	padding: 0;
	border-bottom: 1px dotted #b0b0b0;
}
.block-topic-details--items li a,
.block-topic-details--items li span.is-nolink {
	display: block;
	padding: 15px 0 11px;
}
.block-topic-details--items li a::after {
	display: none;
}
.block-topic-details--items li .block-topic--items-img {
	display: none;
}
.block-topic-details--items li img {
	position: static;
	top: auto;
	left: auto;
}
.block-topic-details--items li .block-topic--items-desc {
}
.block-topic-details--items li .block-topic--items-icon {
}
.block-topic-details--items li .block-topic--items-icon img {
	height: 17px;
	margin: 0 5px 5px 0;
}
.block-topic-details--items li .block-topic--items-date {
	font-size: 12px;
    line-height: 1.333;
}
.block-topic-details--items li .block-topic--items-desc p {
	font-size: 14px;
    line-height: 1.4285;
}
div.block-topic-page--body {
	margin: 30px 3%;
}
h2.block-topic-page--article-header {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.40625;
	padding: 0 0 26px;
	margin: 0;
	border: 0;
}
h2.block-topic-page--article-header .block-topic-page--icon {
	display: block;
	line-height: 17px;
	padding-bottom: 6px;
}
h2.block-topic-page--article-header .block-topic-page--icon img {
	height: 18px;
	margin: 0 5px 5px 0;
}
h2.block-topic-page--article-header .block-topic-page--date {
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.333;
	padding-bottom: 7px;
}
.block-topic-page--article-body {
	margin: 0;
}
.block-topic-page--article figure {
	padding: 0;
	text-align: center;
}
.block-topic-page--article figure img.block-topic-page--article-img1,
.block-topic-page--article figure img.block-topic-page--article-img2 {
	padding: 0 0 20px;
}
.block-topic-page--article figure img.block-topic-page--article-img3 {
	padding: 30px 0 0;
}
/**/
.page-topicdetaillist .block-free-area--more-btn,
.page-topic .block-free-area--more-btn {
	display: block;
	margin-bottom: 40px;
}
.block-topic-details .action .btn,
.page-topic .block-free-area--more-btn a,
.page-topicdetaillist .block-free-area--more-btn a {
	font-size: 12px;
	line-height: 1.3333;
	text-align: center;
	letter-spacing: 0.2em;
	width: 80%;
	margin: 0 auto;
	padding: 17px 0 15px;
	border: 1px solid #dcdcdc;
	background-color: #eeeeee;
	background-image: url(../../img/usr/ico_arrow01.png);
	background-position: 19px center;
	background-repeat: no-repeat;
	background-size: 5px auto;
	border-radius: 50px;
	display: block;
	position: relative;
}
.page-topic .block-free-area--more-btn a::after,
.page-topicdetaillist .block-free-area--more-btn a::after {
	display: none;
}
/**/
.block-topic-path {
	padding: 0;
	margin: 0 auto 45px;
	width: 97%;
	background: none;
}
.block-topic-path--list li,
.block-topic-path--list a,
.block-topic-path--list span {
	color: #9c9da1;
	font-size: 10px;
	line-height: 1.5;
}
.block-topic-path--list li {
	padding-right: 10px;
}
.block-topic-path--list a,
.block-topic-path--list span {
	padding-left: 10px;
}
.block-topic-path--list a br,
.block-topic-path--list span br {
	display: none;
}
.block-topic-path--item__home a {
	padding-left: 0;
}
.block-purchase-history .block-topic-path,
.page-couponlist .block-topic-path,
.page-bookmark .block-topic-path,
.page-customer .block-topic-path,
.page-mailchange .block-topic-path,
.page-passchange .block-topic-path,
.page-custdest .block-topic-path,
.page-contact .block-topic-path,
.page-contactlist .block-topic-path,
.page-contactdetail .block-topic-path {
	margin: 45px auto;
}
/**/
.pager-total {
	margin: 0;
	padding: 0;
}
.pager-total .pager-count {
	font-size: 10px;
}
.pager-total .pager-count span {
	font-size: 16px;
	margin: 0 5px;
	font-weight: normal;
}
.pager .pager-scope {
	display: none;
}
/**/
.pagination > li {
	float: none;
	padding: 0;
	margin: 0 9px;
	border: 0;
	width: 22px;
	height: 22px;
	min-width: auto;
	display: inline-block;
}
.pagination > li a,
.pagination > li span {
	color: #1c1b1b;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	line-height: 22px;
	display: block;
	width: 22px;
	height: 22px;
}
.pagination > li span {
	color: #ffffff;
	font-weight: normal;
	background-color: #676767;
	border-radius: 50%;
}
.pagination > li img {
	vertical-align: middle;
}
.pagination > li.pager-current {
	background: none;
}
.pagination li.pager-first a,
.pagination li.pager-prev a,
.pagination li.pager-next a,
.pagination li.pager-last a {
	width: 22px;
	height: 22px;
}
.pagination li.pager-first,
.pagination li.pager-last,
.pagination li.pager-next{
	background: none;
}
.pager {
	position: relative;
}
.pager ul.pagination.firstpage,
.pager ul.pagination.lastpage {
	position: absolute;
	bottom: 0;
}
.pager ul.pagination.firstpage {
	left: 0;
}
.pager ul.pagination.lastpage {
	right: 0;
}
.pager ul.pagination.firstpage li.pager-first {
	margin: 0 15px 0 8px;
}
.pager ul.pagination.firstpage li.pager-previous {
	margin: 0 24px 0 0;
	position: relative;
}
.pager ul.pagination.lastpage li.pager-next {
	margin: 0 0 0 24px;
	position: relative;
}
.pager ul.pagination.lastpage li.pager-last {
	margin: 0 8px 0 15px;
}
.pager ul.pagination.firstpage li.pager-previous::before,
.pager ul.pagination.lastpage li.pager-next::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 14px;
	top: 4px;
	background-color: #dad7d1;
}
.pager ul.pagination.firstpage li.pager-previous::before {
	right: -24px;
}
.pager ul.pagination.lastpage li.pager-next::before {
	left: -24px;
}
.pager ul.pagination.mainpage {
	width: 50%;
	margin: 20px auto 0;
}
.block-topic-details--pager-top {
	margin-bottom: 30px;
}
.block-topic-details--pager-bottom {
	margin: 0 0 60px;
}
/**/
#header {
	border-bottom: 1px solid #dcdcdc;
}
#header h1 {
	margin: 0;
}
/* 不要な要素を非表示 */
.page-topicdetaillist .block-common-header,
.page-topicdetaillist .pane-footer,
.page-topic .block-common-header,
.page-topic .pane-footer,
.page-cart .top-header,
.page-login .top-header,
.page-login .block-category-footer,
.page-menu .top-header,
.page-menu #common_header,
.page-menu .block-category-footer,
.page-history .top-header,
.page-history #common_header,
.page-history .block-category-footer,
.page-couponlist .top-header,
.page-couponlist #common_header,
.page-couponlist .block-category-footer,
.page-bookmark .top-header,
.page-bookmark #common_header,
.page-bookmark .block-category-footer,
.page-customer .top-header,
.page-customer #common_header,
.page-customer .block-category-footer,
.page-mailchange .top-header,
.page-mailchange #common_header,
.page-mailchange .block-category-footer,
.page-passchange .top-header,
.page-passchange #common_header,
.page-passchange .block-category-footer,
.page-custdest .top-header,
.page-custdest #common_header,
.page-custdest .block-category-footer,
.page-contact .top-header,
.page-contact #common_header.is-login,
.page-contact .block-category-footer,
.page-contactlist .top-header,
.page-contactlist #common_header,
.page-contactlist .block-category-footer,
.page-method .top-header,
.page-estimate .top-header,
.page-order .top-header,
.page-alert .top-header,
.page-historydetail .top-header,
.page-contactthanks .top-header,
.page-contactthanks .block-category-footer,
.page-contactdetail .top-header,
.page-contactdetail .block-category-footer,
.page-method .block-category-footer,
.page-estimate .block-category-footer,
.page-order .block-category-footer,
.page-alert .block-category-footer,
.page-entry .top-header,
.page-entry .block-category-footer,
.page-authmail .top-header,
.page-authmail .block-category-footer,
.page-authmailcomplete .top-header,
.page-authmailcomplete .block-category-footer,
.page-logout .top-header,
.page-logout .block-category-footer,
.page-historydetail .top-header,
.page-historydetail .block-category-footer,
.page-historydetail #common_header,
.page-contactdetail #common_header,
.page-passchange .top-header,
.page-passchange .block-category-footer,
.page-askpass .top-header,
.page-askpass .block-category-footer,
.page-askpasscomplete .top-header,
.page-askpasscomplete .block-category-footer,
.page-askpasschange .top-header,
.page-askpasschange .block-category-footer,
.page-withdrawal .top-header,
.page-withdrawal .block-category-footer,
.page-alertgoods .block-category-footer,
.page-everyform .top-header,
.page-everyform .block-category-footer,
.page-largeorderestimate .top-header,
.page-largeorderestimate #common_header,
.page-largeorderestimate .block-category-footer,
.page-largeorderthanks .top-header,
.page-largeorderthanks #common_header,
.page-largeorderthanks .block-category-footer {
	display: none;
}

/* 表示調整 */
.page-cart .pane-main,
.page-method .pane-main,
.page-estimate .pane-main,
.page-order .pane-main,
.page-alert .pane-main,
.page-login .pane-main,
.page-contactlist .pane-main,
.page-menu .pane-main,
.page-contactdetail .pane-main
.page-history .pane-main,
.page-historydetail .pane-main,
.page-couponlist .pane-main,
.page-bookmark .pane-main,
.page-customer .pane-main,
.page-mailchange .pane-main,
.page-passchange .pane-main,
.page-withdrawal .pane-main,
.page-askpass .pane-main,
.page-askpasscomplete .pane-main,
.page-askpasschange .pane-main,
.page-custdest .pane-main,
.page-contact .pane-main,
.page-entry .pane-main,
.page-authmail .pane-main,
.page-authmailcomplete .pane-main,
.page-logout .pane-main,
.page-contactdetail .pane-main,
.page-history .pane-main,
.page-alertgoods .pane-main,
.page-largeorderthanks .pane-main {
	padding-top: 0;
}
.page-order .block-order-complete--body {
	padding-top: 1px;
}
.page-alertgoods .top-header {
	display: none;
}
/**/
.block-mypage h1,
.block-member-info h1,
.block-coupon-list--header,
.block-purchase-history-detail--header,
.block-purchase-history--header,
.page-bookmark h1.block-favorite--header,
.page-mailchange h1.block-update-mail-address--header,
.page-passchange h1.block-update-member-password--header,
.page-withdrawal h1.block-withdrawal--header,
.page-askpass h1.block-reset-password--header,
.page-askpasscomplete h1.block-reset-password-completed--header,
.page-askpasschange h1.block-update-new-password--header,
.block-shipping-address--header,
.block-inquiry--header,
.block-inquiry-history-detail--header,
.block-inquiry-history--header,
.page-logout .block-logout h1.block-logout--header,
.page-login .block-login h1,
.page-order .block-order-complete h1 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin: 24px 0 23px;
	padding: 0;
}
.block-inquiry-history-detail--subject,
.page-historydetail .block-purchase-history-detail h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.40625;
	padding: 26px 0 16px;
	margin: 0;
	border: 0;
}
.block-inquiry-history-detail--subject {
	margin: 0 10px;
}
.page-order .block-order-complete .block-order-complete--body {
	padding-top: 1px;
}
.block-purchase-history-detail .block-topic-path {
	margin: 0 auto 45px;
}