@charset "UTF-8";
/* CSS Document */


/****************************************************************
共通
****************************************************************/
.cmn_cont01 {
	/*
	max-width: 1140px;
	*/
}
.cmn_cont01 h2.top_cmnTtl{
	font-size: 2.0rem;
	text-align: center;
	font-weight: 700;
	border: none;
}

.index_slidebox a,
.cmn_cont01 a{
	font-weight: 500;
}

@media print,all and (max-width: 767px) {

	.cmn_cont01 h2.top_cmnTtl{
		font-size: 1.8rem;
	}

}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}

/****************************************************************
スライド部分
****************************************************************/

.index_slidebox{
	max-width: 1135px;
	height: 483px;
	margin: 20px auto ;
	border: #efefef solid 11px;
	overflow: hidden;
	/*
	position: relative;
	*/
	box-sizing: border-box;
}

.index_slidebox ul{
	width: 100%;
	height: 100%;
		/*
	position: relative;
	*/
	list-style: none;
	padding: 0 !important;
}

.index_slidebox ul li{
	width: 100%;
	max-width: 1135px;
	height: 100%;
	/*
	position: absolute;
	*/
	left: 100%;
	top: 0;
	display: table;
	table-layout: fixed;
}
/*
.index_slidebox ul li.current{
	left: 0;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: cubic-bezier(.12,.93,.51,1.01);
}

.index_slidebox ul li.out{
	left: -100%;
	transition-property: all;
	transition-duration: 0.7s;
	transition-timing-function: cubic-bezier(.12,.93,.51,1.01);
}
*/
.index_slidebox ul li > div{
	display: table-cell;
}

.photoBox{
	background-position: center center;
	background-size: cover;
	position: relative;
}

@media print,all and (min-width: 768px) {

	#slide01 .photoBox{background-image: url(../img/top_slide/slide_bg_photo01-pc.jpg);}
	#slide02 .photoBox{background-image: url(../img/top_slide/slide_bg_photo02-pc.jpg);}
	#slide03 .photoBox{background-image: url(../img/top_slide/slide_bg_photo03-pc.jpg);}
	#slide04 .photoBox{background-image: url(../img/top_slide/slide_bg_photo04-pc.jpg);}

	.photoBox img{
		display: none;
	}

}

.photoBox dl{
	max-width: 85%;
	margin: 0;
	padding: 10px 15px;
	background-color: rgba(255,255,255,0.7);
	position: absolute;
	left: 0;
	bottom: 10px;
	line-height: 1.5;
}

.photoBox dl dt{
	color: #000;
}

.wearBox{
	width: 335px;
	padding: 10px 20px;
	box-sizing: border-box;
}

.wearBox p{
	margin-bottom: 0;
	line-height: 1.5;
}

.wearBox p.icon{
	margin-bottom: 10px;
}

.wearBox p.icon img{
	width: 175px;
	height: auto;
}

.wearBox p.wear{
	margin-bottom: 5px;
	text-align: center;
}

.wearBox p.wear img{
	width: auto;
	height: 285px;
}

.wearBox p.pdctname{
	font-size: 1.3rem;
	font-weight: 500;
	color: #000;
}

.wearBox p.price{
	font-weight: 500;
}

.wearBox p.price span{
	font-size: 1.3rem;
	color: #F80;
}

.wearBox p.txt{
	font-size: 0.85rem;
}

.wearBox p.txt a{
	display: inline-block;
}

@media print,all and (max-width: 767px) {


	.index_slidebox{
		max-width: 100%;
		height: auto;
		margin: 0 auto 20px;
		border: #efefef solid 11px;
	}

	.photoBox img{
		width: 100%;
		height: auto;
	}

	.index_slidebox ul li{
		display: block;
	}

	.index_slidebox ul li > div{
		display: block;
	}

	.photoBox dl{
		width: calc(100% - 20px);
		max-width: 100%;
		padding: 10px;
		background-color: rgba(255,255,255,0.7);
		position: absolute;
		left: 0;
		bottom: 0;
		line-height: 1.5;
		font-size: 0.9rem;
		box-sizing: border-box;
	}

	.wearBox{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		position: relative;
		display: table;
		table-layout: fixed;
	}

	.wearBox div{
		display: table-cell;
		vertical-align: top;
	}

	.wearBox p{
		margin-bottom: 0;
		line-height: 1.5;
	}

	.wearBox .photobox{
		width: 27%;
		padding-right: 10px;
		position: relative;
	}

	.wearBox p.icon{
		margin-bottom: 0;
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		transform: translateX(100%);
	}

	.wearBox p.icon img{
		width: 100px;
		height: auto;
	}

	.wearBox p.wear{
		margin-bottom: 0;
		display: inline-block;
	}

	.wearBox p.wear img{
		width: 100%;
		height: auto;
	}

	.wearBox .txtbox{
		padding: 25px 15px 0 0;
	}

	.wearBox p.pdctname{
		font-size: 1.2rem;
		font-weight: 500;
		color: #000;
	}

	.wearBox p.price{
		font-size: 0.9rem;
		font-weight: 500;
	}

	.wearBox p.price span{
		font-size: 1em;
		color: #F80;
	}

	.wearBox p.txt{
		font-size: 0.85rem;
	}

}



/****************************************************************
お知らせ
****************************************************************/

.top_news{
	margin: 25px 0;
	padding: 20px;
	border: #333 solid 3px;
	line-height: 1.6;
}

.top_news dt{
	margin: 0 0 0.5em;
	padding: 0;
	color: #E64552;
	font-size: 1.5rem;
	display: block;
	margin-right: 0.7em;
	font-weight: bold;
	text-align: center;
}

.top_news dd{
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}


.top_news dd span{
	color: #F80;
}

@media print,all and (max-width: 767px) {

	.top_news{
		padding: 15px;
		text-align: left;
		line-height: 1.6;
	}

	.top_news dt{
		margin-bottom: 0.5em;
		font-size: 1.2rem;
		line-height: 1.3;
		color: #E64552;
	}

	.top_news dd{
		text-align: left;
	}

}

/****************************************************************
最短お届け日
****************************************************************/
.hcopy {
    font-weight: 300;
}
.delivery_date{
	padding: 1em 0;
	background-color: #24bbb7;
	color: #fff;
	text-align: center;
	line-height: 1;
}
.delivery_date p.delivery_cal_title {
    font-size: 2.0em;
    font-weight: 500;
    margin-bottom: 0.2em;
}
.delivery_date p i {
    font-size: 1.2em;
    vertical-align: text-bottom;
    padding-right: 4px;
}

.delivery_date dl {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 0;
}
.delivery_date dl dt {
    font-size: 1.0em;
    padding: 0px 4px;
}
.delivery_date dl dd {
    padding: 0px 2px;
    padding-right: 1%;
}
.delivery_date dl dd.deliv_sep {
    border-left: 1px dotted #ddd;
    margin-left: 1%;
}
.delivery_date dl dd span {
    color: #FFF100;
    font-size: 2.2em;
    font-weight: 700;
}
@media print, (max-width: 767px) {
    .delivery_date p.delivery_cal_title {
        font-size: 1.4rem;
    }
	.delivery_date dl dd span {
        font-size: 1.6rem;
	}
}
/*****
青木追加：トップ特集2列用
***/
.sp_topics{
	margin: 28px 0 20px 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.sp_topics li{
	width: 49%;
}

.sp_topics li img{
	width: 100%;
	height: auto;
}



@media print,all and (max-width: 767px) {

	.delivery_date h1{
		margin: 0 0 10px;
		font-size: 0.75rem;
		font-weight: 500;
	}

	.delivery_date p{
		font-size: 1.6rem;
	}

	.delivery_date p span{
		font-size: 2.1rem;
	}

}



/****************************************************************
オリジナルデザイン
****************************************************************/

.mybrand{
	margin-top: 4em;
}

.mybrand dd{
	background-color: #307ec6;
}

.mybrand dd ul{
	margin: 0;
	padding: 10px 3% 10px;
	list-style: none;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.mybrand dd ul li{
	width: 48%;
	margin: 1% 0;
}

.mybrand dd ul li a:hover img{
	opacity: 0.8;
}

@media print,all and (max-width: 767px) {

	.mybrand dd ul li{
		width: 95%;
		margin: 2% 0;
	}

}



/****************************************************************
超早割
****************************************************************/

.cmn_cont01 h2.discount_bnr{
	margin: 1.5em 0 20px;
	padding: 0;
	border: none;
    text-align: center;
}

.cmn_cont01 h2.discount_bnr img{
	width: 80%;
	height: auto;
}

.discount_txt01{
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
}

@media print,all and (max-width: 767px) {

	.cmn_cont01 h2.discount_bnr{
		margin: 1.5em 0 10px;
	}

	.discount_txt01{
		font-size: 1em;
		text-align: left;
	}

}



/****************************************************************
おすすめ
****************************************************************/


.cmn_cont01 h2.recomend_ttl{
	line-height: 47px;
}

.recomend_ttl img{
	width: 42px;
	height: auto;
	margin-right: 15px;
}

.recomend_leadtxt{
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
}

.recomend_selector{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	list-style: none;
}

.recomend_selector li{
	height: 48px;
	display: table-cell;
	background-color: #efefef;
	color: #333;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 48px;
	border: #fff solid 2px;
	cursor: pointer;
}

.recomend_selector li:hover{
	background-color: #ccc;
}

.recomend_selector li.selected{
	background-color: #f80;
	color: #fff;
	pointer-events: none;
}



/*
.recomend_rank ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.recomend_rank ul a{
	width: 31%;
	padding: 15px;
	border-color: #fff;
	border-width: 10px;
	border-style: solid;
	box-sizing: border-box;
	position: relative;
	display: block;
	color: #666;
	font-weight: 300;
}

.recomend_rank ul a:hover{
	text-decoration: none;
	border-color: #ffcf99;
}

.recomend_rank ul li{
	text-align: center;
}

.recomend_rank ul li div.phBox{
	position: relative;
}

.recomend_rank ul li img.rank{
	width: 50px;
	height: auto;
	position: absolute;
	top: 5px;
	left: 5px;
}

.recomend_rank ul li div.phBox img.rank{
	top: -10px;
	left: -10px;
}

.recomend_rank ul li img.dry{
	width: 45px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 7px;
}

.recomend_rank ul li div.phBox img.dry{
	left: -8px;
}

.recomend_rank ul li img.thick{
	width: 35px;
	height: auto;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.recomend_rank ul li img.wear{
	width: 75%;
	height: auto;
	margin-bottom: 10px;
}

.recomend_rank ul li p{
	margin-bottom: 0;
	line-height: 1.5;
	text-align: left;
}

.recomend_rank ul li p.delivery {
    width:100%;
    margin-bottom:0.4rem;
    padding:.2rem;
    box-sizing:border-box;
    text-align:center !important;
    border-radius:2px;
    font-size:1rem;
    line-height:140%;
    border-radius:4px;
    font-weight:700;
    background-color:#E9E9E9;
    color:#333;
}

.recomend_rank ul li p.delivery span {
    font-size:1.4em;
    padding:0.5rem;
}

.recomend_rank ul li div.lineup{
	margin-bottom: 0.7rem;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.recomend_rank ul li div.lineup p{
	width: 49%;
    padding:.2rem;
    border-radius:4px;
	color: #fff;
	background-color: #24bbb7;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 500;
	box-sizing: border-box;
}

.recomend_rank ul li p.pname{
	color: #000;
	font-weight: 500;
	font-size: 1.2rem;
}

.recomend_rank ul li p.oz{
	margin-bottom: 5px;
	color: #000;
	font-weight: 500;
}

.recomend_rank ul li p.print{
	font-size: 0.85rem;
}

.recomend_rank ul li p.price{
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #f80;
}

.recomend_rank ul li p.txt{
	font-size: 0.85rem;
}

.recomend_rank{
	display: none;
}

.recomend_rankWrap div.current{
	display: block;
}

.recomend_slidebtn{
	display: none;
}

@media print,all and (max-width: 767px) {

	.recomend_ttl img{
		width: 42px;
		height: auto;
		margin-right: 15px;
	}

	.recomend_leadtxt{
		font-size: 1rem;
	}

	.recomend_selector li{
		font-size: 1rem;
		border: #fff solid 1px;
	}

	.recomend_rankOuter{
		position: relative;
	}

	.recomend_rankWrap{
		width: 100%;
		overflow-x: hidden;
	}

	.recomend_rank ul{
		width: 300%;
		transition-property: all;
		transition-duration: 0.7s;
		transition-timing-function: cubic-bezier(.12,.93,.51,1.01);
	}

	.recomend_rank ul.slidePos0{
		margin-left: 0;
	}

	.recomend_rank ul.slidePos1{
		margin-left: -100%;
	}

	.recomend_rank ul.slidePos2{
		margin-left: -200%;
	}

	.recomend_rank ul a{
		width: calc(100% / 3);
		padding: 20px 15px;
		border-width: 5px;
	}

	.recomend_rank ul li img.wear{
		width: 45%;
		height: auto;
		margin-bottom: 10px;
	}

	.recomend_rank ul li img.thick{
		right: 20px;
	}

	.recomend_slidebtn{
		width: 45px;
		height: auto;
		display: block;
		position: absolute;
		top: 180px;
		cursor: pointer;
	}

	.recomend_slidebtn:hover{
		opacity: 0.7;
	}

	.recomend_slidebtn.L{
		left: -10px;
	}

	.recomend_slidebtn.R{
		right: -10px;
	}

}
*/


.recomend_rank ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.recomend_rank ul a {
	padding: 15px;
	border: 10px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	display: block;
	color: #666;
	font-weight: 300
}

.recomend_rank ul li .pname a {
	padding: 0;
	border: 0;
	display: block;
	color: #000;
	font-weight: 700
}


.recomend_rank ul a:hover {
	text-decoration: none;
	border-color: #ffcf99
}

.recomend_rank ul li {
	text-align: center;
	position: relative;
    padding: 15px;
    display: block;
    color: #666;
    font-weight: 300;
    margin: 2px;
    box-sizing: border-box;
}

.recomend_rank ul li div.phBox {
	position: relative
}

.recomend_rank ul li img.rank {
	width: 50px;
	height: auto;
	position: absolute;
	top: 5px;
	left: 5px
}

.recomend_rank ul li div.phBox img.rank {
	top: -5px;
	left: -5px;
	z-index: 2;
}

.recomend_rank ul li img.dry {
	width: 45px;
	height: auto;
	position: absolute;
	top: 60px;
	left: 7px
}

.recomend_rank ul li div.phBox img.dry {
	left: -8px
}

.recomend_rank ul li img.thick {
	width: 35px;
	height: auto;
	position: absolute;
	bottom: 10px;
	right: 0
}

.recomend_rank ul li img.wear {
	width: 100%;
	height: auto;
	margin-bottom: 7px
}

.recomend_rank ul li .icon-brand {
    position: absolute;
    background-size: 100%;
    max-width: 64px;
    max-height: 38px;
    text-align: center !important;
    z-index: 2;
	/*top: 22%;*/
	top: 20%;
    /*
	bottom: 10%;
	*/
}
@media screen and (max-width: 600px) {
	.recomend_rank ul li .icon-brand {
	    max-width: 40px;
	    /*top: 34%;*/
	    top: 18%;
	    left: -3px;
	}
}
.recomend_rank ul li .icon-dry {
	position: absolute;
	/*top: 40%;*/
	/*left: 1rem;*/
    top: 33%;
    left: 0rem;
	border-radius: 50%;
	background-image: url(../../common/img/icon_dry.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	text-align: center !important;
	color: #fff;
	z-index: 99
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-dry {
		width: 35px;
		height: 35px;
		/*top: 50%;*/
		/*left: 0*/
		top: 33%;
		left: -1px;
	}
}

.recomend_rank ul li .icon-towel-wide {
	background-image: url(../../common/img/icon_towel_wide.png);
}
.recomend_rank ul li .icon-towel-space {
	background-image: url(../../common/img/icon_towel_space.png);
}
.recomend_rank ul li .icon-towel-wide ,  .recomend_rank ul li .icon-towel-space{
	position: absolute;
	top: 40%;
	left: 1rem;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 40px;
	height: 40px;
	text-align: center !important;
	color: #fff;
	z-index: 99
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-towel-wide ,  .recomend_rank ul li .icon-towel-space{
		width: 32px;
		height: 32px;
		top: 50%;
		left: 0
	}
}

.recomend_rank ul li .icon-sale {
	position: absolute;
	top: 40%;
	left: 1rem;
	border-radius: 50%;
	background-image: url(../../common/img/icon_sale.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	text-align: center !important;
	color: #fff;
	z-index: 99
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-sale {
		width: 35px;
		height: 35px;
		top: 50%;
		left: 0
	}
}
.recomend_rank ul li .icon-full {
    position: absolute;
    /*left: 1.2rem;*/
    /*bottom: 0;*/
    left: 0.4rem;
    bottom: 2px;
    border-radius: 10%;
    background-image: url(../../common/img/icon_full2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    text-align: center !important;
    color: #fff;
    z-index: 99;
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-full {
		width: 32px;
		height: 32px;
		left: 0;
		bottom: 10px;
	}
}
.recomend_rank ul li .icon-towel-full {
    position: absolute;
    left: 1.0rem;
    bottom: 4px;
    border-radius: 10%;
    background-image: url(../../common/img/icon_towel_full.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    text-align: center !important;
    color: #fff;
    z-index: 99;
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-towel-full {
		width: 32px;
		height: 32px;
		left: 0;
	}
}
.recomend_rank ul li .icon-wrapping {
    position: absolute;
    left: 4.6rem;
    bottom: 0;
    background-image: url(../../common/img/icon_wrapping.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    text-align: center !important;
    color: #fff;
    z-index: 99;
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-wrapping {
		width: 32px;
		height: 32px;
		left: 2.8rem;
	}
}
/* MOD S 20240822 K.Kitta 刺繍アイコン表示 */
/* icon-emb_okをicon-wrappingと差替え表示*/
.recomend_rank ul li .icon-emb_ok {
    position: absolute;
    /*left: 4.6rem;*/
    /*bottom: 0;*/
    left: 0.4rem;
    bottom: 58px;
    background-image: url(../../common/img/icon_emb_ok.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 40px;
    height: 40px;
    text-align: center !important;
    color: #fff;
    z-index: 99;
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-emb_ok {
		width: 32px;
		height: 32px;
		/*left: 2.8rem;*/
		left: 0;
	    bottom: 46px;
	}
}
/* MOD E 20240822 K.Kitta 刺繍アイコン表示 */
.recomend_rank ul li .icon-sdgs {
	position: absolute;
	top: 40%;
	right: 1rem;
	border-radius: 50%;
	background-image: url(../../common/img/icon_sdgs.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
	text-align: center !important;
	color: #fff;
	z-index: 99
}

@media screen and (max-width:600px) {
	.recomend_rank ul li .icon-sdgs {
		width: 35px;
		height: 35px;
		/*top: 50%;*/
		top: 39%;
		right: 0.5rem
	}
}

.recomend_rank .icon-thick {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 29px;
	height: 89px;
	text-align: center !important;
	color: #fff
}

.recomend_rank .icon-thick.type1 {
	background-image: url(../../common/img/img_thick01.png);
	background-repeat: no-repeat;
	background-size: 29px 89px
}

.recomend_rank .icon-thick.type2 {
	background-image: url(../../common/img/img_thick02.png);
	background-repeat: no-repeat;
	background-size: 29px 89px
}

.recomend_rank .icon-thick.type3 {
	background-image: url(../../common/img/img_thick03.png);
	background-repeat: no-repeat;
	background-size: 29px 89px
}

.recomend_rank .icon-thick.type4 {
	background-image: url(../../common/img/img_thick04.png);
	background-repeat: no-repeat;
	background-size: 29px 89px
}

@media screen and (max-width:600px) {
	.recomend_rank .icon-thick {
		width: 23px;
		height: 70px
	}
	.recomend_rank .icon-thick.type1 {
		background-image: url(../../common/img/img_thick01.png);
		background-repeat: no-repeat;
		background-size: 23px 70px
	}
	.recomend_rank .icon-thick.type2 {
		background-image: url(../../common/img/img_thick02.png);
		background-repeat: no-repeat;
		background-size: 23px 70px
	}
	.recomend_rank .icon-thick.type3 {
		background-image: url(../../common/img/img_thick03.png);
		background-repeat: no-repeat;
		background-size: 23px 70px
	}
	.recomend_rank .icon-thick.type4 {
		background-image: url(../../common/img/img_thick04.png);
		background-repeat: no-repeat;
		background-size: 23px 70px
	}
}

.recomend_rank li .txt03 span {
	margin-top: .4rem;
	display: block;
	font-size: 12px;
	color: #9fa0a0;
	line-height: 140%;
	display: inline-block;
}

@media screen and (max-width:600px) {
	.recomend_rank li .txt03 span {
		font-size: 12px;
		color: #9fa0a0
	}
}

.recomend_rank ul li p {
	margin-bottom: 0;
	line-height: 1.5;
	text-align: left
}

.recomend_rank ul li p.delivery {
	width: 100%;
	margin-bottom: .4rem;
	padding: .2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center !important;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 140%;
	border-radius: 4px;
	font-weight: 700;
	background-color: #e9e9e9;
	color: #333
}

.recomend_rank ul li p.delivery span {
	font-size: 1.4em;
	padding: .5rem
}

.recomend_rank ul li div.lineup {
	margin-bottom: .7rem;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.recomend_rank ul li div.lineup p {
	width: 49%;
	padding: .2rem;
	border-radius: 4px;
	color: #fff;
	background-color: #24bbb7;
	text-align: center;
	font-size: .8rem;
	font-weight: 500;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.recomend_rank ul li p.pname {
	color: #000;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 140%
}

.recomend_rank ul li p.pname span {
	display: block;
	font-size: 12px;
	color: #898989;
	font-weight: 400
}

@media screen and (max-width:767px) {
	.recomend_rank ul li p.pname {
		font-size: 1rem
	}
}

.recomend_rank ul li p.oz {
	margin-bottom: 5px;
	color: #000;
	font-weight: 500
}

.recomend_rank ul li p.print {
	font-size: .85rem
}

.recomend_rank ul li p.price {
	padding: 0;
	font-size: 1rem;
	color: #f80;
	line-height: 150%
}

.recomend_rank ul li p.price span {
	padding-left: .3em;
	font-weight: 700;
	font-size: 20px
}

@media screen and (max-width:767px) {
	.recomend_rank ul li p.price {
		font-size: 12px;
		color: #f80
	}
	.recomend_rank ul li p.price span {
		padding-left: .3em;
		font-size: 16px
	}
}
/* ADD S 20240627 K.Kitta 商品一覧プリント価格表示 */
.wrap_cnstruct .m-0.row {
	display: none
}

.wrap_cnstruct .m-0.row.current {
	display: block
}
/* ADD E 20240627 K.Kitta 商品一覧プリント価格表示 */
.recomend_rank ul li p.txt {
	font-size: .85rem
}

.recomend_rank {
	display: none
}

.recomend_rankWrap div.current {
	display: block
}

.recomend_slidebtn {
	display: none
}

@media all and (max-width:767px) , print {
	.recomend_ttl img {
		width: 52px;
		height: auto;
		margin-right: 15px
	}
	.recomend_leadtxt {
		font-size: 1rem
	}
	.recomend_selector li {
		font-size: .85rem;
		border: 1px solid #fff
	}
	.recomend_rankOuter {
		position: relative
	}
	.recomend_rankWrap {
		width: 100%;
		overflow-x: hidden
	}
	.recomend_rank ul {
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: .7s;
		transition-duration: .7s;
		-webkit-transition-timing-function: cubic-bezier(.12, .93, .51, 1.01);
		transition-timing-function: cubic-bezier(.12, .93, .51, 1.01)
	}
	.recomend_rank ul.slidePos0 {
		margin-left: 0
	}
	.recomend_rank ul.slidePos1 {
		margin-left: -100%
	}
	.recomend_rank ul.slidePos2 {
		margin-left: -200%
	}
	.recomend_rank ul a {
		padding: 20px 15px;
		border-width: 5px
	}
	.recomend_rank ul li img.wear {
		width: 80%;
		height: auto;
		margin-bottom: 10px
	}
	.recomend_rank ul li img.thick {
		right: 20px
	}
	.recomend_slidebtn {
		width: 45px;
		height: auto;
		display: block;
		position: absolute;
		top: 180px;
		cursor: pointer
	}
	.recomend_slidebtn:hover {
		opacity: .7
	}
	.recomend_slidebtn.L {
		left: -10px
	}
	.recomend_slidebtn.R {
		right: -10px
	}
}


.recomend_rank ul li p.price {
    padding: 2px 4px;
    color: #333;
}

.recomend_rank ul li p.price_non {
    color: #E64552;
    background-color: #fcfcfc;
}
.recomend_rank ul li p.price span {
    /* font-size: 0.7em; */
    font-weight: bold;
}
.recomend_rank ul li p.print  {
    color: #999;
}
.recomend_rank ul li p span.price {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}
.recomend_rank ul li p.txt03  {
    color: #666;
}

.btn-square-pop {
    position: absolute;
    display: block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF !important;
    background: #fd9535;
    border-bottom: solid 2px #d27d00;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-size: 0.7em;
    /* margin: 2px; */
    /* width: 150px; */
    top: 0px;
    right: 0px;
}


.col-md-9 {
    width: 100%;
    max-width: 100%;
    /* padding: 0 20px; */
    flex: none;
    ms-flex: none;
}
#productsBox ul, .modal ul {
    padding: 0 10px;
}
.recomend_rank ul li img.wear {
    width: 74%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}
.recomend_rank ul {
	position: relative;
	flex-wrap: wrap;
}
.slick-prev:before, .slick-next:before {
    font-size: 40px;
    color: #888;
}

.slick-prev {
    left: 0;
    z-index: 999;
}
.slick-next {
    right: 10px;
    z-index: 999;
}

.slick-prev,
.slick-next {
    width: 45px;
    height: 45px;
}

@media screen and (max-width: 767px) {
    .recomend_rank ul li img.wear {
        width: 70%;
    }
    .slick-prev:before, .slick-next:before {
        font-size: 30px;
    }
    .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
    }

}

.recomend_rank ul li a.boxref {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
}
.recomend_rank ul li a.boxref:hover {
	border: 10px solid #ffcf99
}
@media screen and (max-width:767px) {
	.recomend_rank ul li a.boxref:hover {
		border: 5px solid #ffcf99
	}
}


/****************************************************************
特集スライダー
****************************************************************/
.slider_topics .slick-prev:before,
.slider_topics .slick-next:before {
    font-size: 40px;
}
.slider_topics .slick-prev {
    left: 0;
    z-index: 999;
}
.slider_topics .slick-next {
    right: 10px;
    z-index: 999;
}
.slider_topics .slick-prev,
.slider_topics .slick-next {
    width: 45px;
    height: 45px;
}
.sp_topics li {
    margin: 0 5px;
}
.sp_topics .slick-dots {
	left: 0;
    bottom: -35px;
}
.sp_topics .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
@media screen and (max-width: 767px) {
    .slider_topics .slick-prev:before, .slick-next:before {
        font-size: 30px;
    }
    .slider_topics .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
    }

}
.slider_topics li p {
    line-height: 140% !important;
    font-size: .9rem;
    font-weight: 300 !important;
}

.wrap_cnstruct {
	max-width: 100%;
	overflow: hidden;
}

/****************************************************************
検索
****************************************************************/


.cmn_cont01 h2.search_ttl{
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 54px;
	border: none;
}

.search_ttl img{
	width: 42px;
	height: auto;
	margin-right: 15px;
}

.search_category .itemBox .item{
	border-color: #fff !important;
}

.search_category .itemBox .item:hover {
	border-color: #ffcf99 !important;
}
@media print,all and (max-width: 767px) {
	.search_category .itemBox .item .txt03 {
		display: none;
	}
}

.search_pd{
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	list-style: none;
	text-align: center;
}

.search_pd > li{
	display: table-cell;
	font-size: 1.3rem;
	color: #000;
	border: #fff solid 2px;
	cursor: pointer;
}

.search_pd > li:first-child{
	border-left: none;
}

.search_pd > li:last-child{
	border-right: none;
}

.search_pd li dl{
	position: relative;
}

.search_pd li dl dt{
	height: 48px;
	padding: 0;
	font-weight: 500;
	line-height: 48px;
	background-color: #ececec;
	background-image: url(../common/img/cmn_icon_arrow_gr_d.png);
	background-repeat: no-repeat;
	background-position: right 10px top 50%;
	background-size: 14px auto;
}

.search_pd li dl dd{
	width: 100%;
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 1000;
}

.search_pd li dl dd ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.search_pd li dl dd ul li a{
	padding: 8px 0;
	border-top: #fff solid 2px;
	background-color: #ececec;
	display: block;
	color: #666;
	font-size: 1rem;
}

.search_pd li dl dd ul li a:hover{
	background-color: #ccc;
	text-decoration: none;
}


/**************フォームの基本設定**************/
/*
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/
/******************************************/

.search_words{
	width: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

.search_words input[type="text"]{
	width: 100%;
	height: 48px;
	padding: 0 10px;
	border: #dcdcdc solid 1px;
	border-radius: 0;
	font-size: 1.3rem;
	box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search_words input[type="submit"]{
	width: 120px;
	padding: 0 10px;
	height: 48px;
	font-size: 1.3rem;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	border-radius: 0;
	cursor: pointer;
	border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cmn_cont01 h3.search_h3_ttl{
	text-align: center;
	border: none;
}


.search_detailWrap{
	width: 95vw;
	max-width: 1200px;
	max-height: 95vh;
	padding: 50px 70px;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	color: #fff;
	overflow-y: auto;
	opacity: 0;
	display: none;
	z-index: 10000;
	text-align: center;
}

.search_detailWrap .close{
	width: 18px;
	height: auto;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.search_detailWrap input[type="checkbox"]{
	margin:0 5px 0 0;
	font-size: 2em;
	border-radius: 0;
}

.search_detailWrap label{
	margin-right: 20px;
}

.search_detailWrap dl{
	width: 100%;
	margin: 2em 0 ;
	padding: 0;
	display: table;
	table-layout: fixed;
	text-align: left;
}

.search_detailWrap dl:last-child{
	margin-bottom: 0;
}

.search_detailWrap dl dt{
	width: 7em;
	display: table-cell;
}

.search_detailWrap dl dd{
	display: table-cell;
}

.search_detailWrap dl dd label{
	white-space: nowrap;
}

.search_detailWrap dl dd input[type="text"]{
	width: 100%;
	height: 48px;
	padding: 0 10px;
	border: #dcdcdc solid 1px;
	border-radius: 0;
	font-size: 1.3rem;
	box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search_detailWrap input[type="submit"]{
	width: 240px;
	margin: 0 auto;
	padding: 0 10px;
	height: 48px;
	font-size: 1.3rem;
	border-radius: 0;
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search_detailWrap input[type="submit"]:hover{
	background-color: rgba(255,255,255,0.8);
}

@media print,all and (max-width: 767px) {

	.cmn_cont01 h2.search_ttl{
		font-size: 2rem;
	}

	.search_pd{
		display: block;
		margin-bottom: 20px;
	}

	.search_pd > li{
		display: block;
		font-size: 1rem;
		border-left: none;
		border-right: none;
	}

	.search_pd li dl{
		position: relative;
		margin-bottom: 0;
	}

	.search_pd li dl dd{
		position: relative;
		top: 0;
		left: 0;
	}

	.search_detailWrap{
		width: 100vw;
		height: 100vh;
		max-height: 100vh;
		padding: 30px;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
		overflow-y: auto;
	}

	.search_detailWrap dl{
		display: block;
	}

	.search_detailWrap dl dt,
	.search_detailWrap dl dd{
		display: block;
	}

	.search_detailWrap dl dt{
		width: 100%;
		margin-bottom: 5px;
	}

	.search_detailWrap dl dd{
		margin: 0;
		padding: 0;
	}

	.search_detailWrap .close{
		position: fixed;
	}

	.search_detailWrap dl dd input[type="text"]{
		width: 100%;
		margin-bottom: 20px;
	}

}



/****************************************************************
特集
****************************************************************/


.cmn_cont01 h2.feature_ttl{
	line-height: 58px;
}

.feature_ttl img{
	width: 42px;
	height: auto;
	margin-right: 15px;
}

.feature_leadtxt{
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
}

.feature_list{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.feature_list li{
	width: calc(100% / 3);
	margin-bottom: 10px;
}

.feature_list li:nth-child(3n-1){
	text-align: center;
}

.feature_list li:nth-child(3n){
	text-align: right;
}

.feature_list li dl{
	width: 95%;
	text-align: left;
	display: inline-block;
}

.feature_list li dl dt a{
	display: inline-block;
	transition-property: opacity;
	transition-duration: 0.3s;
}

.feature_list li dl dt a img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.feature_list li dl dt a:hover{
	opacity: 0.7;
}

.feature_list li dl{
	font-size: 0.85rem;
	line-height: 1.5;
}

@media print,all and (max-width: 767px) {

	.feature_leadtxt{
		font-size: 1rem;
		font-weight: 500;
		text-align: left;
	}

	.feature_leadtxt br{
		display: none;
	}

	.feature_list{
		justify-content: space-between;
	}

	.feature_list li{
		width: 48%;
	}

	.feature_list li dl{
		width: 100%;
	}

}



/****************************************************************
大口注文
****************************************************************/

.LorderWrap{
	margin: 60px 0 80px 0;
	padding: 30px;
	background-color: #EFEFEF;
	text-align: center;
}

.Lorder_ttl{
	min-height: 107px;
	margin-bottom: 20px;
	padding: 0 70px;
	display: inline-block;
	background-image: url(../img/lorder_icon_ttl.png);
	background-size: auto 107px;
	background-repeat: no-repeat;
	background-position: left center;
}

.Lorder_ttl p{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 1.7rem;
	font-weight: 700;
}

.Lorder_ttl h2{
	margin: 0;
	padding: 0;
	color: #f80;
	font-size: 3.4rem;
	font-weight: 900;
	border: none;
	line-height: 1;
}

.Lorder_txt{
	font-size: 1.5rem;
	font-weight: 500;
}

@media print,all and (max-width: 767px) {

	.LorderWrap{
		margin: 20px 0 50px 0;
		padding: 10px;
	}

	.Lorder_ttl{
		min-height: 40px;
		margin:0 auto 20px;
		padding: 0 0 0 33px;
		background-size: auto 50px;
		background-repeat: no-repeat;
	}

	.Lorder_ttl p{
		font-size: 0.85rem;
	}

	.Lorder_ttl h2{
		font-size: 1.8rem;
	}

	.Lorder_txt{
		font-size: 1rem;
	}

}



/****************************************************************
作成事例
****************************************************************/

.cmn_cont01 h2.example_ttl{
	line-height: 55px;
}

.example_ttl img{
	width: 52px;
	height: auto;
	margin-right: 15px;
}

.example_leadtxt{
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
}

.example_list{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.example_list li{
	width: calc(100% / 3);
	margin-bottom: 10px;
}

.example_list li:nth-child(3n-1){
	text-align: center;
}

.example_list li:nth-child(3n){
	text-align: right;
}

.example_list li dl{
	width: 95%;
	text-align: left;
	display: inline-block;
}

.example_list li dl dt{
	margin-bottom: 10px;
	color: #000;
	line-height: 1.5;
}

.example_list li dl dt a img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	transition-property: all;
	transition-duration: 0.3s;
}

.example_list li dl dt a:hover img{
	opacity: 0.7;
}

.example_list li dl dt span{
	font-size: 0.85rem;
	color: #000;
	font-weight: 300;
}

.example_list li dl dd{
	font-size: 0.85rem;
	line-height: 1.5;
}

.example_list li dl dd p{
	margin: 0;
}

.example_list li dl dd p span{
	color: #000;
}

@media print,all and (max-width: 767px) {

	.example_leadtxt{
		text-align: left;
		line-height: 1.4;
		font-size: 1rem;
	}

	.example_list{
		justify-content: space-between;
	}

	.example_list li{
		width: 48%;
		margin-bottom: 10px;
	}

	.example_list li dl{
		width: 100%;
	}

	.example_list li dl dt{
		margin-bottom: 10px;
		color: #000;
	}

}



/****************************************************************
新着情報
****************************************************************/

.cmn_cont01 h2.news_ttl{
	line-height: 54px;
}

.news_ttl img{
	width: 52px;
	height: auto;
	margin-right: 15px;
}

.news_list{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}

.news_list li{
	width: calc(100% / 3);
	margin-bottom: 10px;
}

.news_list li:nth-child(3n-1){
	text-align: center;
}

.news_list li:nth-child(3n){
	text-align: right;
}

.news_list li dl{
	width: 95%;
	text-align: left;
	display: table;
	table-layout: fixed;
}

.news_list li dl dt{
	width: 100px;
	padding-right: 15px;
	display: table-cell;
	vertical-align: top;
}

.news_list li dl dt img{
	width: 100%;
	height: auto;
}

.news_list li dl dd{
	display: table-cell;
	vertical-align: top;
}

.news_list li dl dd p{
	margin: 0;
	line-height: 1.5;
}

.news_list li dl dd p.date{
	color: #000;
	font-size: 1.1rem;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
}

@media print,all and (max-width: 767px) {

	.news_list li{
		width: 100%;
		margin-bottom: 10px;
	}

}



/****************************************************************
ブランド
****************************************************************/

.brandWrap{
	margin: 8% 0;
	padding: 3%;
	border: solid 10px #efefef;
	text-align: center;
}

.cmn_cont01 h2.brand_ttl{
	margin: 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 58px;
	border: none;
}

.brand_list{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
}

.brand_list li{
	width: 16.666%;
	text-align: center;
}

.brand_list li img{
	width: 95%;
	height: auto;
}

@media print,all and (max-width: 767px) {

	.cmn_cont01 h2.brand_ttl{
		font-size: 1.5rem;
	}

	.brand_leadtxt{
		text-align: left;
	}

	.brand_list li{
		width: calc(100% / 3);
		text-align: center;
	}

}



/****************************************************************
オリジナルウェア作成について
****************************************************************/

.aboutWrap{
	margin: 80px 0;
	padding: 80px;
	background-image: url(../img/about_bg_cont-pc.jpg);
	background-size: cover;
	background-position: center center;
	color: #fff;
}

.cmn_cont01 .aboutWrap h2{
	margin-top: 0;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	border: none;
}

.aboutWrap p:last-child{
	margin-bottom: 0;
}

@media print,all and (max-width: 767px) {

	.aboutWrap{
		width: 100%;
		margin: 40px 0 40px -15px;
		padding: 15px;
	}

	.cmn_cont01 .aboutWrap h2{
		font-size: 1.1rem;
	}

	.aboutWrap p{
		font-size: 0.9rem;
	}

}



/****************************************************************
easy & Open
****************************************************************/

.cmn_cont01 h2.eo_ttl{
	margin: 0;
	font-size: 2.4rem;
	font-weight: 500;
	border: none;
	text-align: center;
}

.cmn_cont01 h2.eo_ttl span{
	width: 3em;
	height: 3em;
	margin: 0 10px;
	font-size: 4.7rem;
	font-family: "Roboto", sans-serif;
	color: #fff;
	line-height: 2.9em;
	display: inline-block;
	border-radius: 50%;
}

.cmn_cont01 h2.eo_ttl span.easy{background-color: #24bbb7;}
.cmn_cont01 h2.eo_ttl span.open{background-color: #f80;}

.eo_leadtxt{
	font-size: 1.6rem;
	font-weight: 500;
	color: #000;
	text-align: center;
}

.eo_leadtxt br{
	display: none;
}

.eo_about dt{
	font-size: 1.9rem;
	font-family: "Roboto", sans-serif;
	line-height: 1;
	font-weight: 500;
}

.eo_about dt.easy{color: #24bbb7;}
.eo_about dt.open{color: #f80;}

.eo_about dd{
	font-size: 1.15rem;
	margin-bottom: 1em;
}

.cmn_cont01 h3.eo_h3_about{
	border: none;
}

.cmn_cont01 h3.eo_h3_about span{
	width: 3em;
	height: 3em;
	margin: 0 10px 0 0;
	font-family: "Roboto", sans-serif;
	color: #fff;
	line-height: 2.9em;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
}

.cmn_cont01 h3.eo_h3_about.easy span{background-color: #24bbb7;}
.cmn_cont01 h3.eo_h3_about.open span{background-color: #f80;}

.eo_about_img01{
	text-align: center;
}

.eo_about_img01 img{
	width: 64%;
	height: auto;
}

.eo_voiceWrap{
	margin: 1em	0 2em;
	padding: 3%;
	border: solid 10px #efefef;
}

.eo_voiceWrap dl{
	min-height: 64px;
	margin-bottom: 1.2em;
	padding: 0 0 0 80px;
	background-size: 64px auto;
	background-repeat: no-repeat;
}
.eo_voiceWrap dl.smile{background-image: url(../img/support/voice_icon_smile.png);}
.eo_voiceWrap dl.anger{background-image: url(../img/support/voice_icon_anger.png);}

.eo_voiceWrap dl:last-child{
	margin-bottom: 0;
}

.eo_voiceWrap dl dt{
	color: #000;
	font-weight: 500;
}

.eo_voiceWrap dl dd{
	font-size: 0.9rem;
}

.eo_voiceWrap dl dd span{
	display: block;
	color: #000;
}

@media print,all and (max-width: 767px) {

	.cmn_cont01 h2.eo_ttl{
		font-size: 2rem;
		font-weight: 700;
		border: none;
		text-align: center;
	}

	.cmn_cont01 h2.eo_ttl span{
		width: 2.8em;
		height: 2.8em;
		margin: 0 10px;
		font-size: 2.8rem;
		font-family: "Roboto", sans-serif;
		color: #fff;
		line-height: 2.7em;
		display: inline-block;
		border-radius: 50%;
	}

	.eo_leadtxt br{
		display: block;
	}

	.eo_leadtxt{
		font-size: 1.2rem;
		font-weight: 500;
		color: #000;
		text-align: center;
	}

	.eo_about_img01 img{
		width: 90%;
		height: auto;
	}


}



/****************************************************************
SNS
****************************************************************/

.sns_blog{
	text-align: center;
}

.sns_blog a img{
	width: 100%;
	max-width: 600px;
	height: auto;
	margin-bottom: 80px;
}

.sns_blog a:hover img{
	opacity: 0.7;
}

.cmn_cont01 h2.sns_ttl{
	margin: 0;
	font-size: 2.4rem;
	font-weight: 700;
	border: none;
	text-align: center;
}

.sns_list{
	margin: 2em 0;
	padding: 0;
	display: flex;
	justify-content: center;
	list-style: none;
}

.sns_list li{
	margin: 0 20px;
}

.sns_list li img{
	width: 100px;
	height: auto;
}



@media print,all and (max-width: 767px) {

	.sns_blog a img{
		margin-bottom: 40px;
	}

	.cmn_cont01 h2.sns_ttl{
		font-size: 1.7rem;
	}

	.sns_list li{
		margin: 0 5px;
	}

	.sns_list li img{
		width: 50px;
		height: auto;
	}



}

.twitter-typeahead,
.twitter-typeahead input{
    width:100%;
}
.twitter-typeahead {
        width: calc(100% - 130px);
}
.tt-menu {
  width: 50%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 6ems;
  line-height: 24px;
}
.tt-highlight {
    color:#FF8800;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion p {
  margin: 0;
}

/*
最近チェックした商品
*/
.fbox .itemBox .item {
    border: 10px solid #fff !important;
}
@media screen and (max-width: 767px) {
	.fbox .itemBox .item {
	    border: 5px solid #fff !important;
	}
}

/****************************************************************
FAQ
****************************************************************/

.faq_list dt{
	margin: 2em 0 0.5em;
	color: #24bbb7;
	font-size: 1.15rem;
	cursor: pointer;
}

.faq_list dd{
	display: none;
}


@media screen and (max-width: 767px) {

	.faq_list dt{
		margin: 2em 0 0.5em;
		font-size: 1rem;
	}

	.faq_list dd{
	font-size: 0.9rem;
	}

}
/****************************************************************
支払方法
****************************************************************/
dl.dl_pay dt {
    margin: 15px 10px 5px 0;
    font-size: 1em;
    padding: 0.25em 0.5em;
    color: #24bbb7;
    background: transparent;
    border-left: solid 4px #24bbb7;
    text-align: left;
    font-weight: bold;
    letter-spacing: 0.04em;
}
/****************************************************************
ご注文の流れ
****************************************************************/
.guide_step {
    margin: 10px auto;
    text-align: center;
    list-style: none;
    padding: 0;
    font-size: 0.9em;
}
.guide_step li {
    display: inline-block;
}
.guide_step li.step {
    width: 25%;
}
.guide_step li.arrow {
    width: 3%;
}
.guide_step img {
    max-width: 100%;
}
@media screen and (max-width: 767px) {
	.guide_step li.step {
	    width: 30%;
	}
}

/****************************************************************
上部BOX
****************************************************************/
.fst_points {
    margin: 24px auto 14px;
    text-align: center;
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.fst_box {
    display: flex;
    width : 24%;
    margin: 8px 0;
    /*
    margin-right: 1.5%;
    */
    vertical-align: top;
    padding: 4px;
    position: relative;
    box-sizing: border-box;

}
.fst_box h3 {
    border: 0;
    margin: 0 auto 6px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    color: #24bbb7;
    white-space: nowrap;
    padding: 6px 0;
    line-height: 1.3;
}
.point_img {
    /* float: left; */
    width : 35%;
    vertical-align: top;
    text-align: center;
    padding: 8px;
}
.point_txt {
    float: right;
    text-align: left;
    width : 73%;
    vertical-align: top;
    font-size: 0.85em;
    font-weight: bold;
    color: #777;
    padding: 2px;
}
.fst_box span {
    color: #E64552;
}
.imgFix {
	width: 35%;
}
.h3Fix {
	width: 60%;
    line-height: 1.3 !important;
    float: right;
    position: absolute;
    top: 5%;
    right: 1%;
}
.txtFix {
    padding: 1% 2% 2% 1%;
    background-color: #24bbb7;
    border-radius: 6px;
    width: 80%;
    margin: 0 auto 0 auto;
    color: #fff;
}
.br-pc {
	display:block;
}
.point_href {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: -9999px;
    z-index: 1;
    border: 3px solid #24bbb7;
    box-sizing: border-box;
    border-radius: 6px;
}
.point_href:hover {
    border: 4px solid  #ffcf99;
    box-sizing: border-box;
}
@media print,all and (max-width: 1024px) {
    .fst_box h3 {
        font-size: 1.2em;
        margin: 0px auto 0px;
    }
}
@media print,all and (max-width: 767px) {
    .fst_box {
        width: 48%;
        margin: 7px 0;
        /*
        margin-right: 1.5%;
        */
        padding: 2px;
    }
    .fst_box h3 {
        font-size: 1.2em;
    }
    .point_href {
        border: 3px solid #24bbb7;
    }
    .point_href:hover {
        border: 3px solid #ffcf99;
    }
    .txtFix {
		font-size: 0.8em;
	}
}
@media print,all and (max-width: 320px) {
    .fst_box h3 {
        font-size: 1.0em;
    }
}
.delivery_remarks {
	width: 100%;
    text-align: right;
    color: #999;
    font-size: 0.8em;
}
h2.top_normal {
    font-size: 1.5rem;
    line-height: 1.5;
    border-bottom: 1px solid #000;
}

/****************************************************************
割引
****************************************************************/
.float-l {
   float: left;
   width: 49%;
   text-align: center;
}
.float-r {
   float: right;
   width: 49%;
   text-align: center;
}
.float-l img , .float-r img {
   max-width: 98%;
}
.float-l img:hover , .float-r img:hover{
   opacity: 0.5 ;
   }
.clear {
   clear: both;
}

/****************************************************************
お知らせ
****************************************************************/
dl.top_news dt {
    cursor: pointer;
}
dl.top_news dt::before {
  content: "▶";
  padding-right: 4px;
}
dl.top_news dt.open::before {
  content: "∇";
}
dl.top_news dd {
    display: none;
}
/****************************************************************
割引
****************************************************************/
.float-l {
   float: left;
   width: 49%;
   text-align: center;
}
.float-r {
   float: right;
   width: 49%;
   text-align: center;
}
.float-l img , .float-r img {
   max-width: 98%;
}
.float-l img:hover , .float-r img:hover{
   opacity: 0.5 ;
   }
.clear {
   clear: both;
}
/****************************************************************
特設バナー
****************************************************************/
.ext_bnr {
   margin: 40px auto;
}
.ext_bnr p {
   text-align: center;
}
.ext_bnr img {
   width: 90%;
}
.ext_bnr a img:hover {
	opacity: 0.7 ;
}
@media print, (max-width: 767px) {
	.ext_bnr {
	   margin: 20px auto;
	   font-size: 0.9em;
	}
}
/****************************************************************
3つのTで応援
****************************************************************/
.cheer {
    margin-top: 0;
}
.cheer dd ul li {
    width: 24%;
}
@media print, (max-width: 767px) {
    .cheer dd ul li  {
        width: 95%;
        margin: 2% 0;
    }
}
.cheer dd {
    background-color: #24bbb7;
}
.cheer dd ul.ul_ptnB li a {
    position: relative;
}
.cheer dd ul.ul_ptnB li a i {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-size: auto 100%;
    background-position: center;
    vertical-align: middle;
    margin: 2px 0;
    position: absolute;
    left: 0px;
}
i.icon_3t_tee {
    background: url(/img/icon_3t_tee.png) no-repeat;
}
i.icon_3t_bag {
    background: url(/img/icon_3t_bag.png) no-repeat;
}
i.icon_3t_towel {
    background: url(/img/icon_3t_towel.png) no-repeat;
}
i.icon_3t_cap {
    background: url(/img/icon_3t_cap.png) no-repeat;
}
p.cheer_all {
	text-align: right;
    font-size: 0.9em;
    margin: 4px 10px 0 0;
}
@media print, (max-width: 767px) {
	p.cheer_all {
	    font-size: 1em;
	    position: relative;
	    top: -45px;
	}
}
/****************************************************************
3つのTで応援（ABテスト対応）
****************************************************************/
.cheer dd ul.ul_ptnB {
  padding: 5px 2% 5px;
}

.cheer dd ul.ul_ptnB li {
  display: block;
  text-align: center;
}

.cheer dd ul.ul_ptnB li img {
  display: block;
}

.cheer dd ul.ul_ptnB li img.product {
  max-width: 200px;
  margin: 0 auto;
}

.cheer dd ul.ul_ptnB li .t_btn {
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #24bbb7;
  color: #fff;
  font-size: 0.9em;
  position: relative;
}

.cheer dd ul.ul_ptnB li span.t_btn strong::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

.cheer dd ul.ul_ptnB li a {
  display: block;
  border: 2px solid #fff;
  box-sizing: border-box;
  background: #fff;
}
.cheer dd ul.ul_ptnB li a i {
    display: inline-block;
    width: 35px;
    height: 18px;
    background-size: auto 90%;
}
.cheer dd ul.ul_ptnB li a:hover {
  border: 2px solid #ffcf99;
  text-decoration: none;
}
.cheer dd ul.ul_ptnB li a:hover span.t_btn {
  opacity: .9;
}
.cheer dd ul.ul_ptnB li a:hover span.t_btn strong::after {
  border-top: 2px solid #ffcf99;
  border-right: 2px solid #ffcf99;
}

.btn_ptnB {
  margin-top: 3%;
}

@media print, (max-width: 767px) {
  .cheer dd ul.ul_ptnB li {
    width: 49%;
    margin: 1% 0;
  }
  .cheer dd ul.ul_ptnB li img.product {
    max-width: 98%;
    margin: 0 auto;
  }
  .cheer dd ul.ul_ptnB li .t_btn {
    font-size: 0.7em;
  }
  .cheer dd ul.ul_ptnB li span.t_btn span::after {
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-top: -3px;
  }
  .cheer dd ul.ul_ptnB li a {
    display: block;
    border: 2px solid #fff;
    box-sizing: border-box;
  }
  .cheer dd ul.ul_ptnB li a:hover {
    border: 2px solid #ffcf99;
  }
}
/****************************************************************
ご注文メーター
****************************************************************/
div.amount {
    margin-bottom: 10px;
    padding: 1em 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 1;
    border-radius: 8px;
}
div.amount_in {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 0.9em;
}
div.amount dl {
  width: 42%;
  margin: 0;
}
div.amount dd {
  background-color: #fff;
  color: #000;
  padding: 3px 5px;
  border-radius: 6px;
  min-width: 20%;
  text-align: center;
}
div.amount dt , div.amount dd{
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
div.amount dd span {
  font-weight: bold;
  font-size: 1.4em;
  color: #E64552;

}
p.amount_ttl {
    color: #FFF100;
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
    margin-bottom: 0;
}
p.amount_ttl img {
    margin-right: 4px;
    vertical-align: middle;
}
@media  screen and (max-width: 1024px) {
    div.amount_in {
        display: block;
        font-size: 0.7em;
        width: 100%;
    }
    div.amount dl {
      width: auto;
    }
    div.amount dl.fst dt , div.amount dl.fst dd{
      margin-bottom: 10px;
    }
    div.amount dd span {
      font-size: 1.2em;

    }
    p.amount_ttl {
        margin-bottom: 6px;
    }
	p.amount_ttl img {
	    width: 18px;
	    height: 18px;
	}
}
.amount p.ex {
	font-size: 0.6em;
    max-width: 1000px;
    text-align: right;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    padding-right: 5%;
}
/****************************************************************
デザインテンプレートの数メーター
****************************************************************/
div.temps {
    margin-top: -2px;
    margin-bottom: 10px;
    padding: 0.5em 0;
    background-color: #f5f5f5;
    color: #000;
    text-align: center;
    line-height: 1;
    border-radius: 8px;
}
div.temps_in {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  font-size: 0.9em;
  
  
}
div.temps dl {
  width: 36%;
  margin: 0;
}
div.temps dd {
  background-color: #fff;
  color: #000;
  padding: 3px 10px;
  border-radius: 6px;
  min-width: 20%;
  text-align: center;
}
div.temps dt , div.temps dd{
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
div.temps dd span {
  font-weight: bold;
  font-size: 1.4em;
  color: #E64552;

}
div.temps dd.sender {
    background-color: #efefef;
}
div.temps dd a {
  line-height: 1.4em;
}
div.temps dd a.arrow {
  position: relative;
  padding-left: 22px;
  font-weight: 500;
}

a.arrow::before { /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 15px; /* 横幅 */
  height: 15px; /* 高さ */
  border-radius: 50%; /* 角の丸み */
  background: #24bbb7;
}

a.arrow::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
p.temps_ttl {
    color: #0051a3;
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
    margin-bottom: 0;
}
p.temps_ttl img {
    margin-right: 4px;
    vertical-align: middle;
    height: 25px;
    width: auto;
}
@media  screen and (max-width: 1024px) {
    div.temps_in {
        display: block;
        font-size: 0.8em;
        width: 100%;
    }
    div.temps dl {
      width: auto;
    }
    div.temps dl.fst dt , div.temps dl.fst dd{
      /* margin-bottom: 10px; */
    }
    div.temps dd span {
      font-size: 1.2em;

    }
    p.temps_ttl {
        margin-bottom: 6px;
    }
	p.temps_ttl img {
	    height: 20px;
	    width: auto;
    	vertical-align: text-bottom;
	}
}
.temps p.ex {
	font-size: 0.6em;
    max-width: 1000px;
    text-align: right;
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    padding-right: 5%;
}
/****************************************************************
ランキング内
商品一覧コメント
****************************************************************/
.fbox .itemBox .item div.readmore , .recomend_rank li  div.readmore {
    padding: 0 10px 0 0;
    margin: 0;
    line-height: 1.4em;
    font-size: 0.93em;
    word-wrap: break-word;
    max-height: 120px;
    overflow: hidden;
    display: -webkit-box;
    height: 4.4em;
    position: relative;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: left;
}
.fbox .itemBox .item div.readopen , .recomend_rank li  div.readopen {
    max-height: none!important;
    height: auto!important;
    -webkit-line-clamp: unset;
}
.readmore a.more {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 30px;
    margin-left: auto;
    right: -5px;
    top: 42px;
    z-index: 2;
    border: 0;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-position: center;
    background-repeat: no-repeat;
}
.readmore a.more:before {
    content: "";
    position: absolute;
    bottom: 9px;
    right: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    border: 1px solid #ccc;
    border-radius: 4px;
}
.readmore a.more:after {
    content: "";
    position: absolute;
    bottom: 18px;
    height: 5px;
    width: 5px;
    right: 18px;
    border: 1px solid;
    border-color: transparent transparent #555 #555;
    transform: rotate(-45deg);
}
@media  screen and (max-width: 767px) {
	.fbox .itemBox .item div.readmore , .recomend_rank li  div.readmore{
	    padding: 0 8px 0 0;
        font-size: 12px;
        display: none;
	}
    .readmore a.more {
        top: 28px;
    }
}
.readmore table {
	margin-bottom: 0;
	font-size: 0.9em;
	width: 100%;
}
.readmore table caption{
	font-weight: bold;
	font-size: 0.9em;
}
.readmore table tr th {
	font-size: 0.9em;
	background-color: #efefef;
	text-align: center;
	vertical-align: middle;
}
.readmore table tr td {
	text-align: center;
}
/****************************************************************
ランキング内
商品一覧コピー
****************************************************************/
.fbox .itemBox .item div.copy , .recomend_rank li  div.copy {
    /*background: #faebd7;*/
    padding: .2rem 10px 0 0;
    margin: 0;
    line-height: 1.4em;
    font-size: 0.93em;
    word-wrap: break-word;
    max-height: 120px;
    overflow: hidden;
    display: -webkit-box;
    height: auto;
    position: relative;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
}
.fbox .itemBox .item div.readopen , .recomend_rank li  div.readopen {
    max-height: none!important;
    height: auto!important;
    -webkit-line-clamp: unset;
}
.copy a.more {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 30px;
    margin-left: auto;
    right: -5px;
    top: 42px;
    z-index: 2;
    border: 0;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background-position: center;
    background-repeat: no-repeat;
}
.copy a.more:before {
    content: "";
    position: absolute;
    bottom: 9px;
    right: 10px;
    vertical-align: middle;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7f7f7));
    border: 1px solid #ccc;
    border-radius: 4px;
}
.copy a.more:after {
    content: "";
    position: absolute;
    bottom: 18px;
    height: 5px;
    width: 5px;
    right: 18px;
    border: 1px solid;
    border-color: transparent transparent #555 #555;
    transform: rotate(-45deg);
}
@media  screen and (max-width: 767px) {
	.fbox .itemBox .item div.copy , .recomend_rank li  div.copy{
	    padding: .2rem 10px .2rem .2rem;
        font-size: 12px;
	}
    .copy a.more {
        top: 28px;
    }
}
.copy table {
	margin-bottom: 0;
	font-size: 0.9em;
	width: 100%;
}
.copy table caption{
	font-weight: bold;
	font-size: 0.9em;
}
.copy table tr th {
	font-size: 0.9em;
	background-color: #efefef;
	text-align: center;
	vertical-align: middle;
}
.copy table tr td {
	text-align: center;
}
.fbox .itemBox .item .txt03.copy,
.copy {
    color: #000;
    font-weight: 400 !important;
}
/****************************************************************
スライダーswiper関連
****************************************************************/
.swiper-slide {
    position: unset;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
@media print,all and (max-width: 767px) {
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
}
.index_slidebox {
    height: 470px;
    margin-top: 0;
}
.photoBox {
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width:767px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }
    .photoBox dl {
        width: 100%;
        bottom: 5%;
    }
}
.index_slidebox .photoBox a.boxref {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
}
.index_slidebox .pdctname a {
    color: #000;
}
/****************************************************************
SpeedInsight対応
****************************************************************/
@media screen and (max-width:767px) {
	.index_slidebox {
        width: 100%;
        height: calc(100vw * 1.12);
	}
    .index_slidebox .wearBox {
        height: calc(100vw * 0.38);
	}
    .index_slidebox .photoBox{
        height: calc(100vw * 1.12 - 100vw * 0.43);
	}
}
/****************************************************************
スライダーswiper関連
（追加）
****************************************************************/
.photoBox img {
    display: block !important;
    margin: 0 auto;
}
 .swiper-slide-next{
   /*
   opacity: 0.5;
   */
 }
 .swiper-slide-prev{
   /*
   opacity: 0.5;
   */
 }
.swiper-button-next ,
.swiper-button-prev {
    padding: 10px 15px;
    margin-top: 0;
    border-radius: 50%;
    background: rgba(30, 40, 255, 0.7);
    color: #fff;
    transform: translateY(-50%);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -5px;
}
:root {
    --swiper-navigation-size: 22px;
}
.index_slidebox {
    height: 490px;
    border: 0;
}
@media screen and (max-width: 1134px) {
    .index_slidebox {
        height: calc(100vw * 0.42);
    }
    .photoBox img {
    	/*
        width: 71.4%;
        */
    }
    .swiper-initialized .photoBox img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
	div.temps {
		margin-bottom: 0;
	}
    .index_slidebox {
        width: 100%;
        height: calc(100vw * (2.48/5)) !important;
    }
    .photoBox img {
        width: 100%;
    }
    .fst_points {
        margin-top: 0;
    }
    .index_slidebox {
        margin-bottom: 0;
    }
    .index_slidebox .photoBox {
        height:auto;
    }
    .photoBox dl {
        bottom: 7%;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }
    .swiper-button-next, .swiper-button-prev {
        /*
        display: block;
        */
    }
    .swiper-button-next {
        right: -20px;
    }
    .swiper-button-prev {
        left: -20px;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        margin-left: -5px;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        margin-left: 7px;
    }
}
/****************************************************************
商品検索タグ
****************************************************************/
.tags ul {
    list-style: none;
    margin: 10px;
    padding: 0;
}
.tags ul li {
    display: inline-block;
    margin: 8px;
    font-size: 1.1rem;
}
.tags ul li a {
    text-decoration: underline;
    background-color: #f9f9f9;
    color: #333;
    padding: 4px 8px;
    border-radius: 5px;
}
@media all and (max-width:767px) , print {
    .tags table {
        font-size: 12px;
    }
    .tags table th , .tags table td {
        display: block;
        width: 100%;
        padding: 5px 0;
    }
    .tags ul {
        margin-left: 2%;
    }
    .tags ul li {
        margin: 5px;
    }
}
/****************************************************************
デザイン集スライダー
****************************************************************/
.des_gallely ul.swiper-wrapper {
       list-style: none;
}
/****************************************************************
カテゴリから探す
****************************************************************/
.cate-ttl {
	font-size: 1.5em !important;
	font-weight: bolder !important;
    border-bottom: none !important;
    margin-top: 0.7% !important;
    margin-bottom: 0.7% !important;
}
.cateBox {
	display: flex;
	flex-wrap: wrap;
	gap: 2.6%;
	list-style:none;
	padding-left: 4px;
}
.cateli {
	list-style: none;
	padding: 1%;
	border: 4px solid #ddd;
	border-radius: 8px;
	width: 15%;
	margin-bottom: 2%;
}
.cateli a {
	text-decoration: none;
}
.cateli-2 {
	list-style: none;
	padding: 1%;
	border: 4px solid #ddd;
	border-radius: 8px;
	width: 15%;
}
.cateli:hover {
	border: 4px solid #ffe4b5;
}
.cateli-2:hover {
	border: 4px solid #ffe4b5;
}
.cate-img {
	width: 85%;
	display: block;
	margin: 0 auto;
}
.cate-btn0 {
	margin-bottom: 0;
	padding: 1% 0;
	background-color: #f80;
	border-radius: 6px;
	color: #fff;
    text-align: center;
}

.cate-btn {
	margin-bottom: 0;
	padding: 1% 0;
	background-color: #24bbb7;
	border-radius: 6px;
	color: #fff;
    text-align: center;
    font-size: 0.9em !important;
}
.processBox {
	display: flex;
	flex-wrap: wrap;
	gap: 2.6%;
	list-style:none;
	padding-left: 4px;
	justify-content: space-around;
}
.processBoxli {
	list-style: none;
	padding: 1%;
	border: 4px solid #ddd;
	border-radius: 8px;
	width: 45%;
	margin-bottom: 2%;
	position: relative;
}
.liBox {
	display: flex;
	gap: 3%;
}
.processBox-img {
    width: 31%;
    height: 31%;
    margin-left: 2%;
}
.liBox2 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.processBox-txt {
	color: #000;
	font-size: 1.1em;
	text-align: left;
	padding-left: 1%;
}
.processBox-txt span {
	font-size: 1.4em;
}

.process-btn {
	margin-bottom: 0;
	padding: 1% 0;
	background-color: #24bbb7;
	border-radius: 6px;
	color: #fff;
    text-align: center;
    font-size:1.2em;
    width: 280px;
}
a.boxref {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
    z-index: 1;
}
.processBoxli:hover {
	text-decoration: none;
	border-color: #ffcf99
}
.processBox-txt span {
    font-size: 1.25em;
    font-weight: bolder;
}
@media screen and (max-width: 767px) {
	.cate-ttl {
		font-size: 1.2em;
	}
	.cateBox {
		gap: 3.2%;
	}
	.cateli {
		width: 19%;
		border: 2px solid #ddd;
	}
	.cateli:hover {
		border: 2px solid #ffe4b5;
	}
	.cateli-2:hover {
		border: 2px solid #ffe4b5;
	}
	.cateli-2 {
		width: 19%;
		border: 2px solid #ddd;
		margin-bottom:2%;
	}
	.cate-btn0 {
		font-size: 9px !important;
		border-radius: 4px;
		line-height: 13px;
		padding: 4% 1%;
	}
	.cate-btn{
		font-size: 9px !important;
		border-radius: 4px;
		line-height: 13px;
		padding: 4% 1%;
	}
    .processBox-txt {
        margin-top: 6%;
        line-height: 24px;
        margin-bottom: 10%;
    }
}
/****************************************************************
カテゴリから探す
****************************************************************/
.align-center {
	display: block;
    margin: 0 auto;
    text-align: center;
}
/* ADD S 20240627 K.Kitta 商品一覧プリント価格表示 開閉なし */
.readmore a.more {
    display: none;
}
/* ADD E 20240627 K.Kitta 商品一覧プリント価格表示 */
/* ADD S 20250204 K.Kiita サンプル注文 */
/*サンプル分岐*/
.sample_order_modal .modal-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
    z-index: 1000;
}
.sample_order_modal .modal-overlay.active{
	opacity: 1;
	visibility: visible;
}

.sample_order_modal .modal-container{
	position: fixed;
	top: 10%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
    z-index: 1001;
}

.sample_order_modal .modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.sample_order_modal .modal-container.active{
	opacity: 1;
	visibility: visible;
}

.sample_order_modal .modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 800px;
	width: 90%;
	top: -130px;
}

.sample_order_modal .modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: 0px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

.sample_order_modal .modal-content{
	background: #fff;
	text-align: left;
	padding: 10px;
}
.sample_order_modal .modal-content ul{
	list-style: none;
	padding: 0;
}
/*サンプル商品検索*/
.sample_itemsearch_modal .modal-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
    z-index: 1001;
}
.sample_itemsearch_modal .modal-overlay.active{
	opacity: 1;
	visibility: visible;
}

.sample_itemsearch_modal .modal-container{
	position: fixed;
	top: 10%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
    z-index: 1002;
}

.sample_itemsearch_modal .modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.sample_itemsearch_modal .modal-container.active{
	opacity: 1;
	visibility: visible;
}

.sample_itemsearch_modal .modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 625px;
	width: 25%;
	top: -130px;
}

.sample_itemsearch_modal .modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: -20px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

.sample_itemsearch_modal .modal-content{
	background: #fff;
	text-align: left;
	padding: 10px;
	height: 800px;
	width: 600px;
}
.sample_itemsearch_modal .modal-content ul{
	list-style: none;
	padding: 0;
}

.sample_itemsearch_modal .twitter-typeahead input {
    height: 1.5em;
}

.sample_itemsearch_modal .tt-menu {
    width: 100%;
}

.sample_itemsearch_modal .product_list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 62%;
}
.sample_itemsearch_modal .product_list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 62%;
}
.sample_itemsearch_modal .product_list table {
    table-layout: auto;
    border-bottom: unset;
}
.sample_itemsearch_modal .product_list table td {
    border: unset;
    border-bottom: 1px solid #ccc;
}
.sample_itemsearch_modal .result_product td div {
    min-height: 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.sample_itemsearch_modal .result_product .nomal_price {
    display: block;
    margin-right: 0;
    margin-left: 2px;
}
.sample_itemsearch_modal .btn_order {
    padding: 0 8px !important;
    background-color: #222 !important;
    color: #fff !important;
    border-radius: .25rem;
    margin: 0 !important;
    height: 60px;
    width: max-content;
}

.btn_search , #btn_add {
    padding: 0 8px !important;
    background-color: #6495ed !important;
    border-radius: .25rem;
    color: #fff !important;
    margin: 0 !important;
}


@media screen and (max-width:600px) {
	.sample_itemsearch_modal .modal-close{
		right: 0px;
	}
	.modal-container{
		top: 95px;
	}
	.modal-body{
		top: -90px;
	}
	.sample_itemsearch_modal .modal-body{
		width: 90%;
		top: -35px;
	}
	.sample_itemsearch_modal .modal-content{
		background: #fff;
		text-align: left;
		padding: 10px;
		height: 485px;
		width: 318px;
	}
	.sample_itemsearch_modal .product_list {
	    max-height: 55%;
	}
	.sample_itemsearch_modal .product_list table p {
	    font-size: 0.8rem;
	}
	.sample_itemsearch_modal .btn_order {
	    height: 60px;
	    width: auto;
	}
    .processBoxli {
		width: 44%;
	}
    .liBox {
        flex-direction: column;
    }
    .processBox-img {
        width: 90%;
        height: 90%;
        margin: 5% auto;
    }
    .process-btn {
        font-size: 0.85em;
        width: 99%;
        margin: 3% auto;
    }
　　　.processBox-txt {
         font-size: 1em;
         line-height: 25px;
         margin-top: 5%;    
    }
    .processBox-txt span {
        font-size: 1.1em;
    }
}
/* ADD E 20250204 K.Kiita */