/* =====================
  ヘッダー
===================== */
.header-left{
display:flex;
align-items: flex-end;

}

.header-left p {
    line-height: 1;
    font-size: .13rem;
    margin-left: 35px;
    transform: translateY(-3px);
}

.header_top ul {
    width: 214px;
    display: flex;
    justify-content: space-between;
}
.header_top a{
    text-decoration: none;
    color: #fff;
}

.header_top li,
.feefree{
    padding-left: .13rem;
    position: relative;
    font-size: .13rem;
}
.header_top li::before,
.feefree::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

.header_top li:last-child{
    /*margin-left: 22px;*/
}
.cart_num {
    position: absolute;
    top: -2px;
    right: 13px;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    background: #3b793b;
    color: #FFF;
    font-weight: bold;
    font-size: .10rem;
}
.icon_nav li:nth-child(4){
	position:relative;
}
.sp_header{
	display:none;
}



/*検索窓*/
.gnav_search{
	position:relative;	
}
.searchsubmit {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 26px !important;
	overflow:visible;
}
.searchsubmit input {
    border: 1px solid #000;
}
.gnav_search img {
    position: absolute;
    right: 10px;
    top: 6px;
    pointer-events: none;
}
.searchform{
	border-radius: 4px;
	border: 1px solid #000;
}
input.searchfield {
    padding: 1px 3px 1px;
    border: none;
    max-width: calc(100% - 53px);
    font-size: .13rem;
}
/*ヘッダー：ロゴとアイコンナビ*/
.header_middle {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 1px 28px;
    margin-bottom: 19px;
}


.header_logo{
    width: 386px;
    height: auto;
	margin-top: 8px;
}
.icon_nav ul {
    margin-top: 19px;
    display: flex;
    justify-content: flex-end;
}
.icon_nav li:first-child{
    margin-right: 8px;
}
.icon_nav ul li.guide {
    margin-right: 17px;
}
.icon_nav ul li.contact {
    margin-right: 11px;
}
.icon_nav ul li.cart {
    margin-right: -8px;
    position: relative;
}
.icon_nav img{
    width: 70px;
    height: auto;
}
.icon_nav .icon_nav_menu,
.icon_nav .icon_nav_category{
	display:none;
}
/*ヘッダー・カテゴリメニュー*/
.header_bottom {
    margin-bottom: 22px;
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 62px;
}

.header_bottom .nav-kitosumu__about {
    border: solid 1px #000;
    color: #3C783B;
    font-size: .13rem;
    width: 130px;
    padding: 1px 0;
    border-radius: 5px;
    transform: skewX(-0deg);
    text-align: center;
}
.nav-kitosumu__about img{
width:13px;
vertical-align: baseline;
}

.header_bottom .nav-search__box{
display:flex;
align-items: center;
	    width: 322px;
    justify-content: space-between;
}

.header_bottom div {
    width: 175px;
}
.header_bottom ul {
    width: 745px;
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    font-size: .165rem;
}

.icon_nav li,
.header_bottom li{
    flex: auto;
}
.header_bottom a{
    padding: 0 17px 0 15px;
    text-decoration: none;
    color: #000;
	transform: skewX(-145deg);
}
.header_bottom li.pc_only a{
    padding-right: 0;
	 padding-left: 10px;
}
.header_bottom li{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	transform: skewX(145deg);
}
.header_bottom li:not(.pc_only)::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #000;
    position: absolute;
    right: -1px;
    top: 8px;
}
.header_bottom li.sp_only{
	display: none;
}

.heading {
    background-color: #f4e3dd;
    padding: 0 100%;
    margin: 46px -100% 50px;
}
.heading_in {
    margin: 0 auto;
    max-width: 1120px;
    min-height: 42px;
    padding: 0 15px;
    position: relative;
}
.heading h2{
    line-height: 42px;
    color: #4d4d4d;
    text-align: center;
	font-size: .24rem;
}
.heading h2 img{
    margin: 9px 10px 0 0;
    width: 23px;
    height: auto;
}
.heading h2 span{
    letter-spacing: 0.02rem;
}
.bread{
    position: absolute;
    top:50%;
    transform: translate(0 , -50%);
    font-size: .13rem;
}
.bread li{
    display: inline;
}
.bread li:not(:first-child)::before {
    content: "＞";
    padding: 2px;
}
.bread a{
    text-decoration: none;
    color: #4d4d4d;
}
.page_introduction {
    margin: -15px auto 30px;
    font-size: .15rem;
    max-width: 900px;
    text-align: center;
}
.page_introduction_allitem {
    margin: -15px auto 7px;
    padding: 0 20px;
    font-size: .14rem;
    max-width: 1140px;
    text-align: right;
}
.cat_page_seal_caution {
    font-size: .12rem;
    margin: -10px auto 5px;
    padding: 0 20px;
    max-width: 1160px;
    text-align: right;
    color: #E50012;
}
.category .bread li:nth-child(2){
	display:none;
}


/* =====================
  フッター
===================== */
footer {
    margin-top: 100px;
    background-color: #F7F1EB;
}
.footer_in{
    margin: 0 auto;
    width: calc(100% - 60px);
    max-width: 1122px;
    min-height: 322px;
    display: flex;
    justify-content: space-between;
    font-size: .13rem;
}
/*フッター・文章*/
.footer_text{
    margin-top: 25px;
    flex: 0 1 44%;
    font-size: .13rem;
}
.footer_text > p{
    line-height: 0.224rem;
}
.footer_text a{
    text-decoration: none;
    color: #000;
}
.footer_text h2{
    margin-bottom: 20px;
    font-size: .16rem;
	font-weight: bold;
}
.footer_text table{
    width: initial;
}
.footer_text th{
    padding: 0.024rem;
	font-weight: normal;
	text-align: left;
}
.footer_text th,.footer_text td{
    line-height: 1.8;
}
.footer_text .pc_only{
	display: inline-block;
}
.footer_text .sp_only{
	display: none;
}
.footer_text nav ul {
    display: flex;
    list-style: none;
    margin-left: -12px;
}
.footer_text nav li{
    flex: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.footer_text_holiday{
    margin-top: 14px;
    line-height: 0.224rem;
}
.footer_text nav{
    margin-top: 35px;
}
.footer_text nav li:not(:last-child)::after{
    content:"";
    display: block;
    width: 1px;
    height: 13px;
    position: absolute;
    background-color: #000;
    right: -1px;
    top: 7px;
}
/*フッター・カレンダー*/
.footer_calender{
    flex: 0 0 51%;
}
.footer_calender_in{
    display: flex;
    justify-content: space-between;
}
.footer_calender_in > div{
		width: 270px;
}
.footer_calender h3{
    margin: 25px auto 15px;
    padding-bottom: 7px;
    border-bottom: solid 1px #006f1f;
    text-align: center;
	font-weight: bold;
	font-size: .15rem;
}
.footer_calender .xo-months{
    display: flex;
    justify-content: space-between;
}
.footer_calender .xo-month{
    width: 270px;
}
.footer_calender p{
    margin-top: 14px;
    text-align: right;
}
.footer_calender p::before{
    content:"";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #f3d6d5;
    margin-bottom: -3px;
}

/*フッター・緑の帯*/
.footer_copyright {
    margin-top: 25px;
	padding-bottom:10px;
    text-align: center;
    background-color: #f7f1eb;
}
.footer_copyright img {
    margin: 35px 0 28px;
    width: 340px;
    height: auto;
}
.footer_copyright small{
    display: block;
    color: #000;
}

.bottom-menu {
    max-width: 1120px;
    margin: 90px auto 0px;
    position: relative;
    z-index: 1111;
}
.bottom-menu > div {
    display: flex;
    justify-content: space-between;
    max-width: 1020px;
    margin: 0 auto;
}
.bottom-menu a {
    width: 32%;
    padding: 8px 0;
    text-align: center;
    font-size: 21px;
    border: 1px solid #3b793b;
    color: #3b793b;
    display: block;
    margin: 0 auto;
    padding-left: 70px;
    max-width: 400px;
    font-size: .17rem;
    text-align: center;
    padding: 5px;
    position: relative;
    font-weight: 500;
}
.bottom-menu a img {
    width: 37px;
    margin-right: 13px;
}


body .lity {
    background: rgba(0,0,0,0.5);
}

.lity-content #contactmenu {
    padding: 20px 40px 25px;
    background-color: #fff;
    width: 400px;
    max-width: 99%;
    box-sizing: border-box;
    margin: 0 auto;
}
.lity-content #contactmenu p {
    font-size: .17rem;
    margin: 8px 0 24px;
    text-align: center;
    font-weight: bold;
    color: #3c783b;
}
.lity-content #contactmenu h3 {
    color: #404040;
    margin-bottom: 15px;
    padding-left: 12px;
    line-height: 2.4em;
    letter-spacing: 0.1em;
    font-size: .16rem;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    background-color: #3c783b;
}
.lity-content #contactmenu a {
    position: relative;
    display: block;
    border: 1px solid#000;
    padding: 8px 10px 8px 24px;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
}
.lity-content #contactmenu a:nth-of-type(4) {
    margin-bottom: 35px;
}
.lity-content #contactmenu a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
}




/*ヘッダー1130px以下時・左右余白（仮）*/
@media(max-width:1130px){
    .header_top,
    .header_middle,
    .header_bottom{
        width: calc(100% - 20px);
    }
    .footer_text{
        flex: 0 0 50%
    }

}

@media(max-width:950px){
    .footer_calender{
        flex: 0 0 50%;
    }
	.footer_calender_in {
	    flex-direction: column;
	    align-items: center;
	    max-width: 82%;
	    margin: 0 auto;
	}
    .footer_calender p{
        text-align: justify;
    }
	.footer_calender p::before {
    	width: 30px;
		vertical-align: middle;
	}
}

/* 営業日カレンダー */
footer .xo-month-wrap{
	padding:0 10px;
	}
.xo-event-calendar table.xo-month .month-header {
	display: none;
}
@media screen and (max-width: 640px) {
	footer .xo-month-wrap{
    	width:100%;
    	float:none;
    }
	.footer_text nav {
    	margin-top: 35px;
    	display: none;
	}
}



/* =====================
  サイドメニュー
===================== */
#sidemenu {
    flex: 0 0 250px;
    margin-right: 48px;
    transform: translateX(-20px);
    z-index: 1;
}
.sidemenu-bg{
    background-color: #F7F1EB;
}
#sidemenu a {
    text-decoration: none;
    color: #333;
    letter-spacing: 0;
}
body #sidemenu h2 {
    font-size: .29rem;
    margin-bottom: 17px;
    line-height: 1;
    letter-spacing: 0.024rem;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
body #sidemenu h3 {
    padding-left: 14px;
    line-height: 2.4em;
    letter-spacing: 0.1em;
    font-size: .14rem;
    font-weight: normal;
    background-color: #E08A68;
    color: #fff;
    border-radius: 4px;
    width: 158px;
    margin-left: -12px;
    margin-top: 0px;
    margin-bottom: 12px;
    transform: translateY(-12px);
}
body #sidemenu h3 span{
    font-size: .16rem;
}

#sidemenu .side_calender1 h4, 
#sidemenu .side_calender2 h4 {
    color: #000;
    margin: 0 auto;
    padding: 4px;
    width: 100%;
    border-radius: 0;
    background-color: #e9e0d6;
    text-align: center;
}

#sidemenu .sidemenu-youto,
#sidemenu .series{
    margin-bottom: 68px;
}

#sidemenu .sidemenu-youto h3,
#sidemenu .series h3{
}

.category_all {
    margin-bottom: 17px;
    padding: 1px 36px 1px 14px;
    border: solid 2px #e9e0d6;
    display: block;
    position: relative;
    font-size: .14rem;
}
.category_all span{
    font-size: .16rem;
}
.category_all::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #e9e0d6;
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -6px;
}
#sidemenu select:focus{
    outline: none;
}

#sidemenu ul{
    list-style: none;
    font-size: .14rem;
}
.side_hojin {
    margin-top: 30px;
}
.side_hojin a {
    margin-bottom: 20px;
    display: block;
}

.category_list li:not(:first-child) {
    display: inline-block;
    width: calc(100% - 47px);
    margin: 0 0 5px 53px;
    padding-left: 8px;
    position: relative;
    font-size: .13rem;
    line-height: 1.6;
}
.category_list li:not(:first-child)::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
}
.mm-listview .category_list li{
    display: block;
}
.mm-listview .dropmenu_pop_inner {
    transform: translateX(0);
}
.category_list li:first-child {
    margin: 15px 0 6px 27px;
    padding-left: 40px;
    position: relative;
    font-weight: bold;
}
.category_list li:first-child::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0 , -50%);
	display: inline-block;
	width: 2em;
	height: 2em;
	background-size: contain;
    background-repeat: no-repeat;
}
.porpose_kitchen li:first-child::before{
	background-image:url(../../kitosumu/images/icon_kitchen.svg);
}
.porpose_stationary li:first-child::before{
	background-image:url(../../kitosumu/images/icon_book.svg);
}
.porpose_daily li:first-child::before{
	background-image:url(../../kitosumu/images/icon_house.svg);
}
.porpose_diy li:first-child::before{
	background-image:url(../../kitosumu/images/icon_diy.svg);
}
.series_original li:first-child::before{
	background-image:url(../../kitosumu/images/side_icon_original.svg);
}
.series_artist li:first-child{
	margin-bottom:3px;
}
.series_artist li:first-child::before{
	background-image:url(../../kitosumu/images/icon_hand.svg);
	transform: translate(0 , -48%);
}
.series_sheet li:first-child::before{
	background-image:url(../../kitosumu/images/side_icon_sheet.svg);
}
.series_sugiito li:first-child::before{
	background-image:url(../../kitosumu/images/side_icon_sugiito.svg);
}
.series_online li:first-child{
	margin-bottom:3px;
}
.series_online li:first-child::before{
	background-image:url(../../kitosumu/images/icon_outlet.svg);
	left:-1px;
	top: 11px;
	width: 2.4em;
	height: 2.4em;
}
.series_other li:first-child::before {
    background-image: url(../../kitosumu/images/icon_other.svg);
    width: 2.3em;
    height: 2.3em;
    left: -3px;
    top: 20px;
}

/*side_icon_maestro.svg*/


.series h3,
.price h3 {
    margin-top: 36px;
}
.price h3 {
    margin-bottom: 15px;
}

.category_list_price li,
.side_nav li {
    margin: 7px 0 5px 15px;
    padding-left: 10px;
    position: relative;
}
.category_list_price li{
    margin: 7px 0 5px 47px;
}
.category_list_price li::before,
.side_nav li::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
}
.side_nav{
		margin: 45px 0 56px 30px;
    padding-top: 2px;
    border-top: solid 1px #e6e6e6;
}
.side_goshuin{
    display: block;
    margin-top: 40px;
}

/* 吹き出し */

.category_list li{
    position: relative;
    display: block;
}

.description1 {
    display: none;
    position: absolute;
    padding: 15px;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    border-radius: 5px;
    background: #f5e1cb;
    width: 200px;
    z-index: 111;
}
.description1:before {
    content: "";
    position: absolute;
    top: 25px;
    left: 0;
    border-top: 10px solid transparent;
    border-right: 40px solid #f5e1cb;
    border-bottom: 10px solid transparent;
    margin-left: -40px;
    z-index: 111;
}
.category_list li:hover .description1{
    display: block;
    top: -25px;
    right: -200px;
    z-index: 11;
	font-weight: normal;
	pointer-events:none;
}
.category_list.series_sheet li:hover .description1,
.category_list.series_artist li:hover .description1{
    top: -25px;
    right: -200px;
}
.category_list li .description1 img{
    margin-bottom: 10px;
}

/* end of 吹き出し */


/* =====================
  サイドメニューのカレンダー
===================== */
body #sidemenu .side_calender h2 {
    font-size: .15rem;
    text-align: center;
    margin-bottom: 12px;
    font-weight: bold;
	background-color: #E08A68;
	color:#fff;
} 
.calender{
    margin-bottom: 16px;
    width: 210px;
	margin:0 auto;
}

.side_calender1 .calender {
margin:0 auto 40px;
}

.side_calender p {
    margin-left: .15rem;
    font-size: .13rem;
    text-indent: -.15rem;
	padding-left: 15px;
}
.side_calender p::before{
    content:"";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #f3d6d5;   
}
.side_calender2 .xo-months .xo-month-wrap:first-child{
	display: none;
}
.side_calender1 .xo-months .xo-month-wrap:nth-child(2){
	display: none;
}


/* 営業日カレンダー */
.side_calender .xo-month-wrap,
footer .xo-month-wrap {
    padding: 0;
}
.side_calender .xo-event-calendar table,
footer .xo-event-calendar table {
    background-color: rgba(255, 255, 255, 0);
}
.side_calender .xo-event-calendar table.xo-month,
footer .xo-event-calendar table.xo-month {
    padding: 0;
    border: none;
}
.side_calender .xo-event-calendar table.xo-month > thead th,
footer .xo-event-calendar table.xo-month > thead th{
    border: none;
}
.side_calender .xo-event-calendar table.xo-month > thead th.saturday,
footer .xo-event-calendar table.xo-month > thead th.saturday {
    color: #231815;
}
.side_calender .xo-event-calendar table.xo-month td,
.side_calender.xo-event-calendar table.xo-month th,
footer .xo-event-calendar table.xo-month th,
footer .xo-event-calendar table.xo-month td {
    border: none;
	vertical-align: middle;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td div,
footer .xo-event-calendar table.xo-month .month-dayname td div {
	padding: 10px;
    border-width: 0;
    text-align: center;
	line-height: 1.7;
	background-clip: content-box;
	color: #231815;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname-space,
footer .xo-event-calendar table.xo-month .month-dayname-space {
    margin: 6px 0 3px;
}
.side_calender .xo-event-calendar table.xo-month .month-event-space,
footer .xo-event-calendar table.xo-month .month-event-space {
    height: 0;
}
.side_calender .xo-event-calendar table.xo-month > thead th.saturday,
footer .xo-event-calendar table.xo-month > thead th.saturday {
    color: #231815;
}
.side_calender .xo-event-calendar table.xo-month > thead th.sunday,
footer .xo-event-calendar table.xo-month > thead th.sunday {
    color: #E50012;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td div.today,
footer .xo-event-calendar table.xo-month .month-dayname td div.today {
    color: #231815;
    font-weight: normal;
}
.side_calender .xo-event-calendar p.holiday-title,
footer .xo-event-calendar p.holiday-title {
    display: none;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td div.other-month,
footer .xo-event-calendar table.xo-month .month-dayname td div.other-month {
    opacity: 0;
}
.xo-event-calendar table.xo-month .month-header>span{
	display:none;
}
/* サイドバーの営業日カレンダー */
.side_calender .xo-event-calendar table.xo-month > thead th {
    font-size: .10rem;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td {
    font-size: .11rem;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname-space {
    height: 1.0em;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td div {
	padding: 10px 9px;
    line-height: 1.4;
}



/* =====================
  ヘッドロップダウンメニュー
===================== */
header .selected a{
	color:rgb(93,174,33);
}
header .selected a span{
	color:rgb(93,174,33);
}
.dropmenu_open_back{
	display:none;
}
.dropmenu_open_back.active{
	display:block;
	width:100%;
	height:100%;
	background: rgba(71,66,64,0.5);
	position:fixed;
	top:0;
	z-index:11111111;
	pointer-events:none;
	mix-blend-mode: multiply;
}
.dropmenu_open{
/*
    padding-bottom: 80px;
    margin-bottom: -80px;
*/
}
.dropmenu_pop {
    display: none;
    z-index: 1111111;
    width: 960px;
    padding: 24px 50px 70px;
    position: absolute;
    z-index: 11111111;
    left: 33px;
    top: 139px;
    /* right: 0; */
    margin: auto;
    /* transform: translateX(0px) translateY(-49px); */
}
.dropmenu_pop_inner {
    background-color: #fff;
    padding-bottom: 1px;
    transform: translateX(223px);
}
.dropmenu_pop::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 15px 25px 15px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 0;
    right: 234px;
    margin-top: 0;
}
.dropmenu_pop::after {
    content: "シリーズ一覧";
    position: absolute;
    z-index: 11111111;
    top: -30px;
    right: 193px;
    font-size: .165rem;
    font-weight: bold;
    color: #FFF;
}
.dropmenu_pop a{
    text-decoration: none;
    color: #333;
}

.dropmenu_pop2{
	display:none;
}

.dropmenu_open_back2{
	display:none;
	width:100%;
	height:100%;
	background: rgba(71,66,64,0.5);
	position:fixed;
	top:0;
	z-index:11111111;
	pointer-events:none;
	mix-blend-mode: multiply;
}
.dropmenu_open_back2.active{
	display:block;
	width:100%;
	height:100%;
	background: rgba(71,66,64,0.5);
	position:fixed;
	top:0;
	z-index:11111111;
	pointer-events:none;
	mix-blend-mode: multiply;
}
.dropmenu_open2 {
    /* max-width: 1100px; */
    /* margin: 0 auto 0; */
    position: relative;
}
.dropmenu_pop_inner2 {
    padding-top: 30px;
    z-index: 1111111;
    width: 400px;
    position: absolute;
    z-index: 11111111;
    top: -112px;
    /* left: auto; */
    right: 139px;
    /* margin: auto; */
    /* transform: translateX(-145px) translateY(0px); */
}
.dropmenu_pop_inner2 > div {
    background: #FFF;
    padding: 40px 40px 23px;
}

.dropmenu_pop_inner2::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 15px 25px 15px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 5px;
    right: 110px;
    margin-top: 0;
    pointer-events: none;
}
.dropmenu_pop_inner2::after {
    content: "";
    position: absolute;
    z-index: 11111111;
    top: -47px;
    right: 90px;
    background-image: url(../../kitosumu/images/icon/icon_contact_w.svg);
    background-size: cover;
    width: 70px;
    height: 50px;
}
.dropmenu_pop2 a {
    /* text-decoration: none; */
    /* color: #333; */
    position: relative;
    display: block;
    border: 1px solid#000;
    padding: 8px 10px 8px 24px;
    margin-bottom: 15px;
    line-height: 1.5;
    width: 100%;
    display: flex;
    align-items: center;
    align-items: center;
    justify-items: flex-end;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.dropmenu_pop2 a::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    margin: auto;
}
.dropmenu_pop2 h3 {
    margin-bottom: 15px;
    padding-left: 12px;
    line-height: 2.4em;
    letter-spacing: 0.1em;
    font-size: .16rem;
    font-weight: normal;
    background-color: #e9e0d6;
    color: #FFF;
    text-align: center;
    background-color: #3c783b;
}
.dropmenu_pop2 h3:last-of-type{
	margin-top:20px;
}	







/*ポップアップ画面内カテゴリーリスト*/
.pop_list{
    margin: 0 auto;
    width: calc(100% - 80px);
}
.pop_original.pop_list{
    padding-top: 30px;
}

/*
.dropmenu_pop {
    display: block !important;
    pointer-events: auto !important;
}
*/

/*ポップアップ内カテゴリー名*/
.pop_list h3{
    padding-left: 6px;
    border-bottom: solid 3px #e9e0d6;
    color: #333;
    font-size: .16rem;
}
.pop_original h3,
.pop_artist h3,
.pop_online h3{
    position: relative;
}
.pop_online h3 span{
    font-size: .13rem;
}
.pop_list h3::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 2%;
    transform: translate(0 , -50%);
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: contain;
    background-repeat: no-repeat;
}
/*
.pop_original h3::before{
    background-image: url(./images/icon_tree.svg);
}
.pop_artist h3::before{
    background-image: url(./images/icon_hand.svg);
}
.pop_online h3::before{
    background-image: url(./images/icon_earth.svg);
}
*/
.pop_list_container{
    display: flex;
    justify-content: space-between;
}
.pop_original {
    width: 644px !important;
    margin-left: 34px;
}
.pop_sheet{
    width: 310px !important;
    margin-right: 35px;
    padding-top: 30px;
}
.pop_sheet .pop_item_list{
	padding-left: 17px;
}
.pop_sheet .pop_list{

}
.pop_sheet h3 {
    padding-left: 0;
}
.pop_sheet.pop_list {
    margin-left: 23px;
    padding-top: 30px;
}
.pop_list .pop_sheet .pop_item_list{
    margin-left: 11px;
}

/*ポップアップ内リストの中身*/
.pop_item_list{
    margin: 10px 0;
    padding: 6px 14px;
    display: flex;
    justify-content: space-between;
}
/*ポップアップ内リンク*/
.item_box{
    margin: 0 5px;
    min-height: 263px;
    flex: 0 1 230px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.item_photo{
    width: 100%;
    flex: 0 0 148px;
    background-position: center;
    background-size: cover;
}
.item_text{
    min-width: 148px;
    flex: auto;
}

.pop_cat_name{
    margin: 10px 0 10px 2px;
    padding-left: 12px;
    position: relative;
}
.pop_cat_name::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
.pop_cat_description {
    /* line-height: 1.5rem; */
    font-size: .13rem;
}
.pop_cat_original_description{
	letter-spacing: 0.04em;	
}
/*作家商品*/
.pop_artist.pop_list,
.pop_online.pop_list{
    padding-top: 27px;
}
.pop_artist .pop_item_list,
.pop_online .pop_item_list{
	flex-direction: column;
}
.pop_artist .pop_item_list a:not(:first-child),
.pop_online .pop_item_list a:not(:first-child){
	margin-top: 20px;
}
.item_box2{
    flex: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.item_box2 .item_photo{
    flex: 0 0 30%;
    min-height: 148px;
}
.item_box2 .item_text{
    flex: 0 0 65%; 
}
/*すぎ糸*/
.pop_sugiito .item_box2 .pop_cat_name {
    margin-top: 30px;
}

.pop_list_pre{
    position: relative;
}
.pop_list_pre h3{
	padding-left:20px;
}
.pop_list_pre p{
	padding-left:0px;
}
.pop_list_pre h3::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 19px;
    left: 7px;
    margin-top: -4px;
}
/*オンライン限定
.pop_online.pop_list{
    margin:40px auto 30px;
}
.pop_online .item_photo {
    flex: 0 0 162px;
}
*/
/*
.pop_online .pop_item_list{
    margin: 0;
}
.pop_online .item_text{
    margin: 0 5px;
    flex: 0 1 224px;    
}
*/
/*準備中*/
.pop_list_pre{
    margin: 30px auto;
    padding-bottom: 25px;
}

.pop_list_pre p{
	padding: 20px;
	font-size: .13rem;
}






/* =====================
  ドロワーメニュー
===================== */
.mm-menu.mm-offcanvas {
    width: 94%;
}
html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
    opacity: .7 !important;
    transition: opacity .4s ease .4s;
}
.mm-menu .mm-fx-panels-none.mm-panel, .mm-menu.mm-fx-panels-none .mm-panel {
    transition-property: none;
    background: #f3f1ef;
    background: #fff;
    color: #404043;
}
.mm-panel.mm-hasnavbar .mm-navbar {
    background: #f3f1ef;
}
.mm-listview>li>a, .mm-listview>li>span {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 14px 10px 10px 20px;
    margin: 0;
    font-size: 16px;
}
.mmenu-tyui{
	font-size:13px;
    padding-left: 2em;
}
.mm-listview i{
	padding-right: 0.5em;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{
    color: #404040;
}
.mm-menu .svg-inline--fa.fa-w-14 {
    width: .475em;
}
.mm-menu .mm-listview>li .mm-next:after{
		display:none;
}





/* =====================
  スマホ対応
===================== */
@media(max-width:765px){
	
/*スマホ共通*/
	
.header-left p{
	display:none;			
}
.searchform {
   display: none;
}
#sidemenu,
.side_calender,
.side_goshuin{
    display: none;
}
	
.mm-panel #sidemenu{
	display:block;
}
	
/*スマホヘッダー*/
.header_green{
	display: none;
}
.header_centering{
	padding:0;		
}
.sp_header {
    display: block;
}
.sp_header p {
    background-color: #E08A68;
    line-height: 0.3rem;
    font-size: .12rem;
    color: #fff;
    text-align: center;
}
.header_logo {
    display: block;
    width: 82%;
    max-width: 350px;
    height: auto;
    margin: 18px auto 22px;
}

.header_bottom ul {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    font-size: .15rem;
}
.header_bottom li:not(.sp-only)::after{
	display: none;
}
.header_bottom li.pc_only{
	display: none;
}
.header_bottom li.sp_only{
	display: flex;
}
.header_bottom div {
    width: 100%;
}
.header_bottom nav{
    width: 100%;
}
.gnav_search {
    display: none;
}
.header_bottom {
	margin-bottom: 1px;
	width: 100%;
	height: auto;
}	
.header_bottom li {
    flex: none;
}
.header_bottom li:nth-child(1){
    order: 1;
}
.header_bottom li:nth-child(2){
	 order:2;
}
.header_bottom li:nth-child(3){
    order:3;
}

.header_bottom li:nth-child(4){
	 order:4;
}
.header_bottom li:nth-child(5){
	 order:5;
}
.header_bottom li:nth-child(7){
	 order:6;
}
.header_bottom li {
   font-size: .14rem;
   background: #F7F1EB;
   transform: none;
   width: calc(50% - 1px);
	margin-bottom: 2px;
}
.header_bottom a {
    padding: 2px 6px;
    color: #3c783b;
    font-size: .13rem;
    transform: none;
}
.header_bottom .nav-search__box {
    display: none;
}
.top-side_main_container {
    margin-top: 0;
}
.dropmenu_open {
    padding-bottom: 0;
    margin-bottom: 0;
}
.heading {
    margin: 0px -100% 30px;
}
.page_introduction {
    margin: -10px auto 30px;
    padding: 0 20px;
    font-size: .14rem;
    text-align: justify;
}
#mm-2 .mm-listview>li:not(.mm-divider):after,
#mm-3 .mm-listview>li:not(.mm-divider):after,
#mm-4 .mm-listview>li:not(.mm-divider):after {
    border: none;
}
#mmenu .category_list_price li {
    margin: 5px 0 0px 0px;
    padding: 10px 0 14px 10px;
    font-size: .14rem;
    border-bottom: 1px solid #ccc;
}
.category_list_price li::before,
.side_nav li::before{
    margin-top: -6px;
}
#mmenu .category_list {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
#mmenu .category_list li:first-child {
    font-size: .15rem;
}
#mmenu .category_list li:not(:first-child) {
	margin: 0 0 15px 47px;
    font-size: .15rem;
}
#mmenu .item_box {
    flex: auto;
    flex: 0 1 100% !important;
}
#mmenu .pop_list {
    width: 100%;
    margin: 0;
    padding: 0;
}
#mmenu .item_photo {
    padding-bottom: 66%;
}
/* スマホシリーズから選ぶlity */

.lity-content #dropmenu_popup{
	display: block !important;
	position: static;
	width: 100%;
    padding: 0;
	transform: none;
}
.lity-content #dropmenu_popup h2,
.mm-listview #dropmenu_popup h2 {
    font-size: .29rem;
    margin-bottom: 17px;
    line-height: 1;
    letter-spacing: 0.024rem;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
.lity-content .pop_list h3 {
    font-size: .16rem;
}
.lity-content .item_box{
		flex: 0 1 224px;
}	
.lity-content .pop_original.pop_list {
    padding: 20px;
}
.lity-content .pop_list {
    width: 100%;
}
.pop_sheet.pop_list {
    margin-left: 0px;
}
.item_box2 .item_photo {
    padding-bottom: 66%;
}
.lity-content .pop_item_list {
	flex-flow: column;
	margin: 0;
	padding: 0;
}
.lity-content .item_text {
    min-width: auto;
    max-width: 100%;
}
.pop_cat_name{
	margin: 10px 0 0;
	}
#mmenu .pop_cat_description, #mmenu .pop_list_pre p {
    white-space: break-spaces;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}
.lity-content .dropmenu_pop::before ,
.lity-content .dropmenu_pop::after {
	display: none;
}
.lity-content .item_box2{
	flex-flow: column;
	margin-top: 1em;
}
.lity-content .item_box2 .pop_cat_name,
.lity-content .item_box2 .pop_online{
     margin-top: 10px;
}
.lity-content .pop_artist,
.lity-content .pop_online,
.lity-content .pop_list_pre{
	width: 100%;
	padding: 20px;
}
.lity-content .pop_online .item_text {
    flex: none;
}
.lity-content .item_text{
	font-size: .15rem;
}
.lity-content .pop_online .pop_cat_name{
	margin-top: 10px;
}	

.lity-content #contactmenu {
    padding: 20px 20px 15px;
}
/* スマホドロップメニュー */
#mmenu .dropmenu_pop{
	display: block !important;
	position: static;
	width: 100%;
    padding: 0;
	transform: none;
}
.dropmenu_pop_inner {
    padding-bottom: 50px;
}
#mmenu .mm-listview>li>a, .mm-listview>li>span {
    padding: 15px 30px;
    font-size: .14rem;
}
.mm-listview>li.mmenu_noborder:after{
	border:none;	
	height: 15px;
}
.mm-listview>li>span.spa1 {
    padding: 25px 30px;
    font-size: .14rem;
}
.mm-next:after, .mm-prev:before {
    content: '';
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    width: 15px;
    height: 15px;
}
.mm-navbar .mm-title {
    font-size: .15rem;
    color: #3B793D !important;
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: #3c783b;
}
#mmenu .pop_list h3 {
    font-size: .16rem;
	 padding-bottom: 8px;
}
#mmenu .pop_original.pop_list {
    padding: 0px 0;
}
#mmenu .pop_list {
    width: 100%;
}
#mmenu .pop_item_list {
	flex-flow: wrap;
	margin: 0;
	padding: 0;
}
#mmenu .item_text {
    min-width: auto;
    max-width: 100%;
}
#mmenu .pop_cat_description, 
#mmenu .pop_list_pre p {
    white-space: break-spaces;
    margin-bottom: 15px;
}
#mmenu .dropmenu_pop::before ,
#mmenu .dropmenu_pop::after {
	display: none;
}
#mmenu .item_box2{
	flex-flow: column;
	margin-top: 1em;
}
#mmenu .item_box2 .pop_cat_name,
#mmenu .item_box2 .pop_online{
     margin-top: 10px;
}
#mmenu .pop_artist,
#mmenu .pop_online,
#mmenu .pop_list_pre{
	width: 100%;
	padding: 20px;
	margin-top: 40px;
}
#mmenu .pop_artist,
#mmenu .pop_online,
#mmenu .pop_list_pre{
	padding: 0px;
}
#mmenu .pop_online .item_text {
    flex: none;
}
#mmenu .item_text{
	font-size: .15rem;
}
#mmenu .pop_online .pop_cat_name{
	margin-top: 20px;
}
.dropmenu_open_back,
.dropmenu_open_back2 {
    display: none !important;
}
	
.pop_list_container{
	flex-flow: column;
}
.pop_original {
    width: auto !important;
    margin-left: 0;
}
.pop_original h3 {
    margin-right: 0;
}
.item_box {
    min-height: auto;
}
.pop_sheet {
    width: auto !important;
    margin-right: 0;
    padding: 0 20px;
}
.pop_sheet h3 {
    margin-left: 0;
}
.pop_online.pop_list {
    margin: 0 auto;
}
.lity-content .pop_list_pre {
    padding: 0 20px;
}
/*スマホフッター*/
footer {
    margin-top: 30px;
}
.footer_in {
    width: calc(100% - 40px);
    flex-wrap: wrap;
    font-size: .13rem;
}
    .footer_text {
        flex: 0 0 100%;
        margin: 13px 0px 0;
        padding: 17px;
    }
.footer_text h2 {
    margin-bottom: 10px;
}
.footer_text table{
	margin-top: 7px;	
}
.footer_text th {
    width: 45px;
    padding: 3px 0;
    vertical-align: text-bottom;
}
.footer_text .pc_only{
	display: none;
}
.footer_text .sp_only{
	display: inline-block;
}
.footer_text_holiday{
	margin-top: 10px;	
}
.footer_text_holiday li{
    padding-left: 14px;
    text-indent: -14px;
    line-height: 1.4;
}
.footer_text nav ul {
    flex-flow: row;
    flex-wrap: wrap;
    margin-left: 0;
}
.footer_text nav ul  li{
	width:47%;
	justify-content: left;
	padding-left: 10px;
}
.footer_text nav li:not(:last-child)::after {
    content: "";
    display: none;
}
.footer_text nav li::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #333;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
}
.footer_text > p {
    line-height: 1.4;
}
.footer_calender h3 {
    padding-bottom: 0px;
    margin: 17px auto 0px;
}
.footer_calender_sp {
    flex: 1 0 50%;
}
.footer_calender_sp .footer_calender_in > div {
	width: 100%;
}
.bottom-menu > div {
    flex-direction: column;
}
.bottom-menu a {
    width: calc(100% - 40px);
    font-size: .16rem;
    margin-bottom: 10px;
}

.side_calender .xo-event-calendar table.xo-month .month-dayname td div,
footer .xo-event-calendar table.xo-month .month-dayname td div {
    line-height: 1.5;
}
.footer_calender_sp .footer_calender2 .xo-months .xo-month-wrap:first-child{
	display: none;
}
.footer_calender_sp .footer_calender1 .xo-months .xo-month-wrap:nth-child(2){
	display: none;
}
.footer_calender_sp .xo-month {
   width: 100%; 
}
.side_calender .xo-event-calendar table.xo-month > thead th,
footer .xo-event-calendar table.xo-month > thead th {
	line-height: 1;
    padding-top: 10px;
}
.side_calender .xo-event-calendar table.xo-month .month-dayname td div,
footer .xo-event-calendar table.xo-month .month-dayname td div {
    padding-top: 6px;
}
.footer_calender_sp .xo-event-calendar table.xo-month .month-dayname-space,
.side_calender .xo-event-calendar table.xo-month .month-dayname-space{
	height: 1.2em;
}
.footer_copyright {
    margin-top: 14px;
    margin-bottom: 70px;
    padding: 12px 20px 10px;
    height: auto;
    text-align: center;
    background-color:#f7f1eb;
}
.footer_copyright img {
    margin: 0 auto 12px;
    max-width: 200px;
    height: auto;
}
.bottom-menu {
    margin: 50px auto 0px;
}
	
	
/*スマホフッター追従メニュー*/
.header_middle .header_logo{
    display: none;
}
.header_middle {
    width: 100%;
    height: 64px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1111111;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}
.header_middle > a{
	display:none;
}
.icon_nav{
	width:100%;
}
.icon_nav ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.fixfoot {
    display: none;
	}

.icon_nav li {
    margin: 0;
    width: 18%;
    display: flex;
}
.icon_nav img {
    max-width: 65px;
}
.icon_nav li a{
	margin: 0 auto;
}
.icon_nav .icon_nav_instagram {
    display: none !important;
}
.icon_nav .icon_nav_category,
.icon_nav .icon_nav_menu{
    display: flex;
}
.icon_nav ul li.icon_nav_menu {
    margin-right: 0;
    order: 5;
}
.icon_nav ul li.icon_nav_category{
	order:1;
    margin-right: 0;
}
.icon_nav ul li.guide{
	order:2;
    margin-right: 0;
}
.icon_nav ul li.mypage{
	order:4;
    display: none;
}
.icon_nav ul li.cart{
	order: 3;
    margin: 0;
}
.icon_nav ul li.instagram{
	order:6;
}
.icon_nav ul li.contact {
	order:4;
    margin-right: 0;
}
.icon_nav ul li.contact.pc_only{
	display:none;
}
.cart_num {
    position: absolute;
    top: -2px;
    right: 13px;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    line-height: 19px;
    text-align: center;
    background: #3b793b;
    color: #FFF;
    font-weight: bold;
    font-size: .10rem;
}



/*スマホサイドメニューポップアップ*/

.lity-content .button {
    float: none;
    display: block;
    width: 100%;
    margin: 28px auto 5px;
    text-align: center;
    /* margin-top: .8em; */
    padding: 15px 5px;
    color: #fff;
    font-size: 0.16rem;
    border: 0;
    border-radius: 4px;
    outline: 0;
    background-color: #db5a4a;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.lity-container {
	width: 90%;
	}
.lity-content {
	overflow-x: scroll;
}
.lity-content #sidemenu {
    display: block;
    padding: 20px 20px 80px;
    background-color: #F7F1EB;
    width: 100%;
    transform: translateX(0px);
    margin: 0;
}
.lity-content #sidemenu .side_hojin{
	display:none;
}
.lity-content .side_nav,
.lity-content .side_calender{
	display:none;
}
.category_list li,.category_list_price li{
	    line-height: 20px;
}
.category_list li:first-child {
    margin: 20px 0 15px 15px;
}
.category_list li:hover .description1{
    display: none;
}
	
}


/*固定ページ*/
@media(max-width:700px){
.page-content, .entry-content, .entry-summary {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
}
.bread {
	display: none;
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 20px;
    margin-bottom: 0px;
    transform: translate(0);
    font-size: .12rem;
}
.heading h2 {
    line-height: 54px;
    color: #4d4d4d;
    text-align: center;
    font-size: .19rem;
    margin-top: 7px;
    margin-bottom: 30px;
}
.heading h2 img {
    margin: 14px 10px 0 0;
}
	
}
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	

/* ================================
	タブレット対応
================================ */



@media screen and (min-width:700px) and (max-width:950px) {
#sidemenu {
    display: none;
}
.gnav_search {
    display: none;
}
.header_bottom nav{
    margin: 0 auto;

}