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

/****************************************************************
トップ memo/brレスポンシブ対応 PCbr<br class="br-pc"> SPbr<br class="br-sp">
****************************************************************/

/*PCCSS*/
.br-sp {
    display: none;
}

.readmore-label {
	display: none;
}

.sub-title-sp img {
	display:none;
}

.img-sp {
	display: none;
}

.img-pc {
	display: block;
}

.main-imgs {
	display: block;
	margin: 0 auto;
	padding: 0 0 13px 0;
	max-width: 1200px;
	
}

div .top_copy {
	font-size: 16px;
	padding: 1% 0;
}

.swiper-button-prev {
	display: none !important;
}

.swiper-button-next {
	display: none !important;
}

ul.top_menu {
	justify-content: center !important;
	margin-bottom: 2%;
}

ul.top_menu li {
	width: 33%;
	margin-bottom: 3% !important;
	padding: 1%;
}

.cmn_cont01 h3 {
	border-bottom: 0;
}

h3.mT20 {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 2%;
}

h3.sub-title {
	font-size: 25px !important;
	margin-top: 2% !important;
	color: #000 !important;
	text-align: left;
	
}

.top_menu .pc {
	padding-left: 7% !important;
	margin-top: 0 !important;
}

.h3-title {
	font-size: 20px !important;
	border-bottom: 2px solid #24bbb7 !important;
    border-image-slice: 1;
}

.h4-title {
	padding: 7px;
	background-color: #24bbb7;
	color: #fff !important;
	margin-top: 3% !important;
	font-size: 1.4em !important;
}

.sub-title {
	border-bottom: 2px solid #c21500 !important;
    border-image: linear-gradient(to right, #c21500 0%, #ffc500 100%);
    border-image-slice: 1;
    padding: 1% 0 0 0;
}

.sub-text {
	margin: 1% 0 !important;
}

.sub-flex-contents {
	display: flex;
	gap: 2%;
}

.sub-flex-contents .sub-flex-img {
	width: 55%;
	margin: 1% 0 0 0;
	padding: 0;
	
}

.sub-flex-contents .sub-flex-img img {
	width: 100%;
	height: auto;
	
}

.sub-flex-text {
	margin: 1% 0;
	padding: 0;
}

.sub-flex-second {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.sub-flex-btn {
	background-color: #f80;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: bolder;
    padding: 2% 6%;
    position: relative;
    margin-top: auto;
    text-align: center;

}

.h5-sub-title {
	border-bottom: 2px solid #c0c0c0;
	font-size: 1.3em;
	color: #000;
	padding-bottom: 5px;
	margin-top: 5%;
}

.price {
	/* color: #E64552; */
	color: #000;
	padding: 2px 0;
	line-height: 25px;
}

.price span {
	color: #E64552;
	padding: 2px 4px;
	font-weight: bold;
	font-size: 23px;
}

.print {
	color: #999;
	font-size: .85rem;
	font-weight: bolder;
	
}

.recommend-design {
	display: flex;
}

.recommend-design li {
	width: 33%;
	margin: 1% 3%;
	
}

.point-text {
	color: #24bbb7;
	font-size: 21px;
	
	text-decoration: underline; /* 下線 */
    text-decoration-thickness: 0.3em; /* 線の太さ */
    text-decoration-color: rgba(255, 255, 0, 0.9); /* 線の色 */
    text-underline-offset: -0.1em; /* 線の位置。テキストに重なるようにやや上部にする */
    text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
    font-weight: bolder;
    margin-top: 2%;
}

.recommend-design li img {
   border: 2px solid #c0c0c0;
   padding: 3%;
}

.link-img {
   margin-bottom: 2%;
   display: block;
}


.qa-link {
	font-size: 16px;
	font-weight: bolder;
}


/*SPCSSここから*/
@media screen and (max-width:767px) {
	
.br-pc {
    display: none !important;
}

.br-sp {
    display: inline-block;
}

.img-pc {
	display: none !important;
}

.img-sp {
	display: block;
}

.main-imgs {
	padding: 0 0 12px;
}

.top_copy {
	margin: 2%;
	line-height: 23px;
}

h3.sub-title {
	font-size: 22px !important;
}

.cmn_cont01 h2 {
	margin: 3% 0 1% 0 !important;
}

.cmn_cont01 .originalprint_ttl {
	font-size: 6vw !important;
}

.cmn_cont01 h2, .cmn_cont01 h3 {
	margin: 0;
}

ul.top_menu li {
	margin-bottom: -1% !important;
	width: 49% !important;
	padding: 2%;
}

ul.comp li {
	width: 80%;
}

.point-text {
	text-align: center;
	margin: 1% 0 3% 0;
	line-height: 33px;
}

.phBox {
	margin-top: 20px;
}

.swiper-button-prev {
	display: inline !important;
}

.swiper-button-next {
	display: inline !important;
}

.recommend-design li {
	margin: 1% 2%;
}

.recommend-design li p{
	font-size: 15px;
}

.sub-title {
	padding: 1% 0 0 1%;
	font-size: 1.7rem !important;
}

.h4-title {
	font-size: 1.2em !important;
	text-align: center;
	margin-bottom: 2% !important;
}

.sub-flex-contents {
	width: 100%;
	flex-flow: column;
	margin: 0 auto;
}

.sub-flex-contents .sub-flex-img {
	width: 80%;
	margin: 0 auto;
}

.sub-flex-btn {
	margin: 1% 0 5% 0;
	font-size: 14px;
}

.fbox .itemBox .item .img img {
	max-width: 70% !important;
	max-height: 70% !important;
}

.h5-sub-title {
	font-size: 1.1em !important;
	text-align: center;
	
}


/*ブランド表示*/
.productinfo .icon-brand {
	max-width: 80px !important;
}

/*商品特徴表示*/
.productinfo .icon-wrapping {
	width: 45px !important;
	height: 45px !important;
	top: 11rem !important;
}

.productinfo .icon-dry {
	width: 50px !important;
	height: 50px !important;
	top: 7rem !important;
}

.productinfo .icon-full {
	width: 45px !important;
	height: 45px !important;
	top: 15rem !important;
}

.productinfo .icon-thick {
	width: 35px;
	height: 105px;
}

.productinfo .icon-thick.type2 {
	background-size: 30px;
}

.productinfo .icon-thick.type3 {
	background-size: 30px;
}

/*お気に入りハート*/
.icon-favorite_off {
	top:2.8rem !important;
	width: 35px !important;
	height: 35px !important;
	top:3rem;
}

.icon-favorite_on {
	width: 35px !important;
	height: 35px !important;
	top:3rem;
}

/*商品説明詳細*/
.productinfo .icon-size {
	font-size: 1.1rem;
}

.productinfo .icon-color {
	font-size: 1.1rem;
}

.productinfo .icon-size {
	margin: 1rem 0 0.5rem !important;
}

.fbox .itemBox .item .txt01 {
	font-size: 18px;
}

.fbox .itemBox .item .txt01 span {
	font-size: 15px;
}

.price {
	font-size: 17px;
	padding: 0;
}

.price span {
	font-size: 27px;
}

.print {
	font-size: 1.1rem;
}

.link-img {
	margin-bottom: 4%;
}

.fbox li img {
	max-width: 180px;
	padding: 3%;
}

.slider_lp .bn_lp {
	width: 93%;
	margin: 0 auto;
}

div.slider_lp p.txt03 {
	font-size: 1.1em;
}




}