@charset "utf-8";
/* CSS Document */
.header-downmenu{
	font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	display: flex;
	width: 100%;
	max-width: 1120px;
	/* justify-content:space-between; */
	position: relative;
	margin: 0 auto;
	font-size: 1.3rem;
	margin-bottom:10px;
}
.header-downmenu ul{
	width: 100%;
	list-style-type: none;
}
.header-downmenu ul .d-menu{ 
	height: 30px;
    margin: 0 auto;
	list-style-type: none;
}

/*
.header-downmenu .menu__mega .init-bottom:after,
.header-downmenu .menu__mega-last .init-bottom:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 1.5rem;
   content: "\f0d7";
   color: #00b0bd;
   position: absolute;
   right: 8%;
}*/

.header-downmenu .menu__mega,
.header-downmenu .menu__mega-first,
.header-downmenu .menu__mega-last{
	width: 100%;
	border-left: #ccc solid 0.5px;
	border-right: #ccc solid 0.5px;
}

.header-downmenu .menu__mega-last{
	border-right: #ccc solid 1px;
}

.init-bottom{
	position: relative;
	padding-left:20%;
	border-bottom: 7px solid #fff;
}

/*
.header-downmenu .menu__mega-first .init-bottom:after{
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 1.5rem;
   content: "\f0da";
   color: #00b0bd;
   position: absolute;
   right: 8%;
}*/

.d-menu > li .init-bottom{
    width: 100%;
    line-height: 30px;
    padding:7px 0;
    text-align:center;
    color:#363636;
    font-size: 1.4rem;
}



/*
.d-menu > li a.init-bottom{
	border-bottom:7px solid #fff;
}*/

.d-menu > li a:hover{
   /* opacity: .5; */
}

.d-menu > li a.init-bottom:hover{
   /* opacity: .5; */
	border-bottom:7px solid #eee;
}



.d-menu ul.menu__second-level{
    top:40px;
    /* box-sizing: border-box; */
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s cubic-bezier(0.39, 0.58, 0.57, 1);
    margin:0 auto;
    box-shadow:1px 2px 5px #ccc;
	width:100%;
	visibility: hidden;
	position: absolute;
	left:0;
	z-index: 10;
	max-width: 1120px;
	padding:30px 15px;
	background: #fff;
}

.d-menu li.menu__mega:hover ul.menu__second-level,
.d-menu li.menu__mega-last:hover ul.menu__second-level{
    top:50px;
    visibility: visible;
    opacity:1;
}


.d-menu .d-menu-link{
	/* width:100%; */
 justify-content: space-between;
	/* margin:0; */
	background:#fff;
	justify-content: center;
	align-items: center;
	margin:5px auto;
}

.d-menu .d-menu-link li{
	width: 23%;
	display: inline-block;
	justify-content: center; /*左右中央揃え*/
	align-items: center; 
	margin:5px 7px 5px 9px;

}

.d-menu .d-menu-link li a{
	justify-content: center; /*左右中央揃え*/
	align-items: center;
	height:45px; 
	padding:16.5px 0;
	border-bottom:0.75px dashed #ccc;
}

.d-menu .d-menu-link li > a:hover{
	background-color:rgba(92, 92, 92, 0.5);
	color:#fff;
	border-bottom:0.75px dashed #efefef;
}

.d-menu .d-menu-link p{
	font-size: 1.2rem;
	text-align:center;
}

/*カテゴリ画像背景*/

.zoribag{
	background-image:url(https://kisste.itembox.design/item/zoribagcate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.obisime{
	background-image:url(https://kisste.itembox.design/item/obijime_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.obi{
	background-image:url(https://kisste.itembox.design/item/obicate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.obiage{
	background-image:url(https://kisste.itembox.design/item/obiagecate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.zori{
	background-image:url(https://kisste.itembox.design/item/zoricate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.waso{
	background-image:url(https://kisste.itembox.design/item/jyubancate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.kimono{
	background-image:url(https://kisste.itembox.design/item/pc-header-kimono2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.eri{
	background-image:url(https://kisste.itembox.design/item/kasaneericate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.wazakka{
	background-image:url(https://kisste.itembox.design/item/furosikicate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.omiya{
	background-image:url(https://kisste.itembox.design/item/ubugi_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.sitigosan{
	background-image:url(https://kisste.itembox.design/item/sitigosancate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.yukata{
	background-image:url(https://kisste.itembox.design/item/yukatacate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.hair{
	background-image:url(https://kisste.itembox.design/item/kamikazaricate_pc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}





.d-menu .d-menu-link2{
	width:96%;
	display: flex;
	justify-content: space-between;
	margin: auto;
	margin-top: 20px;
}
.d-menu .d-menu-link2 li{
	width: 25%;
	font-size: 1.2rem;
	text-align: center;
}
.d-menu .d-menu-link2 .sns-upper,
.d-menu .d-menu-link2 .sns-lower{
	display: flex;
}
.d-menu .d-menu-link2 .dm-sns{
	width: 48%;
	height: 95px;
	text-align: center;
	border: #ccc solid .5px;
	margin: 0 1% 5px;
	display: block;
	position: relative;
}
.d-menu .d-menu-link2 .dm-sns i{
	text-align: center;
	padding-top: 18px;
}
.d-menu .d-menu-link2 .dm-sns p{
	color: #000;
	font-size: 1.2rem;
	text-align: center;
}
.d-menu .d-menu-link2 .dm-sns .link{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.d-menu .d-menu-link3{
	width: 100%;
	display:flex;
	margin: 0 auto;
	/* margin-top: 30px; */
}
.d-menu .d-menu-link3-l{
	width: 50%;
	margin: 0 auto;
}
.d-menu .d-menu-link3-upper,
.d-menu .d-menu-link3-lower{
	display: flex;
	justify-content: space-between;
}
.d-menu .d-menu-link3-upper li,
.d-menu .d-menu-link3-lower li{
	width: 23%;
	height: 100px;
	border: #ccc solid .5px;
	margin: 5px 0;
	display: block;
	position: relative;
}
.d-menu .d-menu-link3-upper li i,
.d-menu .d-menu-link3-lower li i{
	font-size: 1.7rem;
	position: absolute;
	top:25%;
	left: 40%;
}
.d-menu .d-menu-link3-upper li .first-child{
	text-align: center;
	font-size: 1rem;
	line-height:1.3rem;
	margin-top: 35px;
}
.d-menu .d-menu-link3-upper li p,
.d-menu .d-menu-link3-lower li p{
	color: #000;
	font-size: 1rem;
	text-align: center;
	line-height:1.1rem;
	margin-top: 60px;
}
.d-menu .d-menu-link3-upper li .link,
.d-menu .d-menu-link3-lower li .link{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.d-menu .d-menu-link3-r{
	width: 40%;
	display: flex;
	/* margin: auto; */
}

.d-menu li .d-menu-link4{
	width:96%;
	display: flex;
	justify-content: space-around;
	margin: 0;
	text-align: center;
}
.d-menu li .d-menu-link4 li{
	width: 22%;
}
.d-menu li .d-menu-link4 li a{
	display: block;
}
.d-menu li .d-menu-link4 li p{
	font-size: 1.2rem;
	margin-bottom: 3px;
}
.d-menu li .d-menu-link4 li .note{
	font-size: 0.9rem;
	line-height: 1.5rem !important;
}
.d-menu li .d-menu-link4 li
.d-menu li .d-menu-link4 .dm-info{
	text-align: center;
	height: auto;
}
.d-menu li .d-menu-link4 .dm-info .dm-tel{
	/* display: flex; */
	/* position: relative; */
	border-bottom: #ccc solid 2px;
	margin-top: 10px auto;
	font-size:1.0em;
	trxt-align:center;
	line-height:210%;
}

.d-menu li .d-menu-link4 .dm-info .dm-tel .tel-box{
	background: #aaa;
	color:#fff;
	padding:3px 10px; 
	margin-top: 10px auto;
	font-size:0.9em;
	trxt-align:center;
	border-radius: 10px;
}
.d-menu li .d-menu-link4 .dm-info .dm-tel i{
	/* position: absolute; */
	/* right: 10%; */
	font-size:1.2em;
}
.d-menu li .d-menu-link4 .dm-info .dm-tel p{
	font-size: 2.0rem;
	font-weight: bold;
}

.d-menu li .d-menu-link4 .dm-info .time{
	margin: 15px 0;
	font-size: 1.3rem;
	line-height: 180%;
}
.d-menu li .d-menu-link4 .dm-info .time .open{
	background: #666;
	/* border: #ccc solid 2px; */
	padding: 1px 2px;
	color: #fff;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom{
	display: flex;
	justify-content: space-between;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box{
	width: 48%;
	border: #ccc solid .5px;
	position: relative;
}

.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box:hover{
	background:#eee;
}

.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box i{
	position: absolute;
	top: 20%;
	right:33%;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box p{
	color: #000;
	font-size: 1.2rem;
	text-align: center;
	margin-top: 60px;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box .link{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.d-menu, 
.d-menu-last{
    *zoom: 1;
}
.init-bottom{
	width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.d-menu .d-menu-link li{
	width: 31%;
	height: 45px;
	display: flex;
	position: relative;
}	
.d-menu li .d-menu-link4 .dm-info .dm-tel p{
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: 25%;
}
.d-menu .d-menu-link2 li img{
	width: 90%;
	height: 90%;
}
.d-menu .d-menu-link2 .dm-sns{
	width: 48%;
	height: 80px;
	text-align: center;
	border: #ccc solid .5px;
	margin: 0 1% 5px;
	display: block;
	position: relative;
}
.d-menu .d-menu-link2 .dm-sns p{
	color: #000;
	font-size: 0.9rem;
	text-align: center;
	margin-top: -10px;
}
.d-menu .d-menu-link3-upper li,
.d-menu .d-menu-link3-lower li{
	width: 23%;
	height: 70px;
	border: #ccc solid .5px;
	margin: 5px 0;
	display: block;
	position: relative;
}
.d-menu .d-menu-link3-upper li i,
.d-menu .d-menu-link3-lower li i{
	font-size: 1.7rem;
	position: absolute;
	top:20%;
	left: 35%;
}
.d-menu .d-menu-link3-upper li .first-child{
	text-align: center;
	font-size: 1rem;
	line-height:1.3rem;
	margin-top: 20px;
}
.d-menu .d-menu-link3-upper li p,
.d-menu .d-menu-link3-lower li p{

	color: #000;
	font-size: 0.8rem;
	text-align: center;
	line-height:1.1rem;
	margin-top: 40px;
}
.d-menu li .d-menu-link4 .dm-info .dm-tel i{
	position: absolute;
	left: 0;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box i{
	position: absolute;
	top: 20%;
	right:25%;
}
.d-menu li .d-menu-link4 .dm-info .info-bottom .bottom-box p{
	color: #000;
	font-size: 0.7rem;
	text-align: center;
	margin-top: 40px;
}	
}

@media screen and (min-width: 1024px) and (max-width: 1366px){
	
.d-menu .d-menu-link2 .dm-sns{
	width: 48%;
	height: 110px;
	text-align: center;
	border: #ccc solid .5px;
	margin: 0 1% 5px;
	display: block;
	position: relative;
}

.d-menu .d-menu-link2 .dm-sns:hover{
	background:#eee;
}

.d-menu .d-menu-link2 .dm-sns i{
	text-align: center;
	padding-top: 30px;
	font-size: 3rem;
}
.d-menu .d-menu-link3-upper li,
.d-menu .d-menu-link3-lower li{
	width: 23%;
	height: 100px;
	border: #ccc solid .5px;
	margin: 5px 0;
	display: block;
	position: relative;
}

.d-menu .d-menu-link3-upper li:hover,
.d-menu .d-menu-link3-lower li:hover{
	background:#eee;
}

.d-menu .d-menu-link3-upper li i,
.d-menu .d-menu-link3-lower li i{
	font-size: 2rem;
	position: absolute;
	top:25%;
	left: 40%;
}
.d-menu .d-menu-link3-upper li .first-child{
	text-align: center;
	font-size: 1.2rem;
	line-height:1.5rem;
	margin-top: 35px;
}
.d-menu .d-menu-link3-upper li p,
.d-menu .d-menu-link3-lower li p{
	color: #000;
	font-size: 1.2rem;
	text-align: center;
	line-height:1.1rem;
	margin-top: 60px;
}
}

@media screen and (max-width:420px){
.d-menu > li .init-bottom{
	margin-top:5px;
    width: 100%;
    padding:0;
    line-height:100%;
    padding:7px 0 0; 
    text-align:center;
    color:#363636;
    display:none;

    font-size: 1.1rem;

}
}