/*
Theme Name:		Welcart Simple Plus Child Theme
Template:		welcart_simple-plus
Theme URI:		https://www.welcart.com/archives/16004.html
Author:			Collne.Inc
Author URI:		https://www.collne.com/
Description:	Welcart Simple Plus Child Theme.
Version:		1.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, simple-plus,
*/


/* スクロールダウン　非表示*/
.scroll-on-main-image{
	display: none;
}

/* TOP 調整 */
.main-image-area>.text-white {
    width: 80%;
}
/* top 画像調整 */
.main-image-area img.main-image {
    height: auto;
    width: 40%;
}

/* 商品名透過 */
 .card-body {
/* 	 background-color: rgba(30, 115, 190, 0.8); */
	 /* 背景色と透明度を調整 */
}

.category-item .card .card-body .card-title,
.category-item .card .card-body .card-text,
.new-items .card .card-body .card-title,
.new-items .card .card-body .card-text{
	color: #303030;
}

/* TOP 調整 */
.main-image-area>.text-white {
    width: 80%;
}




/* 特定商取引法  テーブルにlaw付与*/
.law td{
	border:initial;
	border-bottom:#333 dotted 1px;
}
@media screen and (max-width: 1023px){
	.main-image-area img.main-image {
		height: auto;
		width: 60%;
	}
	/* 商品名透過 */
	 .card-body{
		 padding: 1rem;
	}
}
@media screen and (max-width: 991px){
	/* 商品名余白 */
	 .card-body{
		 padding: 1rem!important;
	}
	.pc{
		display:none!important;
	}
	.sp{
		display:block!important;
	}

	.law td{
		display:block;
		width:100%;
	}
	.law td:first-child{
		font-weight:bold;
		border-bottom:initial!important;
	}
}
@media screen and (max-width: 834px){
	.main-image-area {
    	height: 60vh;
		margin-top: 150px;
	}
	/* top 画像調整 */
	.main-image-area img.main-image {
		height: auto;
		width: 90%;
	}
}

@media screen and (max-width: 768px){
/* SPメニュー　follow 非表示*/
	.follow-us{
		display: none;
	}
}
@media screen and (max-width: 480px){
	/* TOP 調整 */
	.main-image-area>.text-white {
		width: 80%;
	}
	.main-image-area {
    	height: 30vh;
	}
	/* top 画像調整 */
	.main-image-area img.main-image {
		height: auto;
		width: 90%;
	}
	/* レスポンシブ時　見出しfont-size */
	.main-logo .navbar-brand{
		font-size: 1.5rem;
	}
}