@charset "utf-8";

/* contents.css */

/*--------------------------------------------------
+: home
==================================================*/
.home main > section{
	text-align: center;
}
.home main > section > h3{
	padding: 0 10px 8px;
	margin: 0 auto 35px;
	text-align: center;
}

.home section.main-img{
	margin-bottom:40px;
	max-height: 500px;
	overflow: hidden;
	position: relative;
}
.home section.main-img .carousel{max-height: 500px;}
.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}
@media (min-width: 1919px){
	.carousel-item img{
		height: 100%;
		max-height: 500px;
		margin: 0 auto;
	}
	.w-100{width: auto !important;}
}
@media (max-width: 460px){
	/*.home section.main-img div{
		padding: 10px;
		position: absolute;
		right: 0px;
		top: 40px;
		width: 100%;
		background-size:contain;
		text-align:left;
	}*/
}

/* news-section
==================================================*/
.home #home-news{
	/*padding-top: 80px;*/
	margin-bottom: 80px;
	/*background-image: url(https://suuzando.sbs/assets/images/news/contents-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;*/
}
.home #home-news > div > div > div{
	padding: 50px 40px 20px;
	background-color:#fff;
	-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
}
@media (max-width: 991px){
	/*.home #home-news{
		padding-top: 0px;
		margin-bottom: 80px;
		background-image: none;
	}*/
	.home #home-news > div > div > div{
		padding: 0;
		background-color:transparent;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

}

/* news
==================================================*/
.news main{
	background-image: url(https://suuzando.sbs/assets/images/news/contents-header.jpg);
}

.news ul.list-news {
	padding: 0;
	margin: 0;
	list-style: none;
}
.news ul.list-news > li{
	margin-bottom: 30px;
	text-align: left;
	flex-wrap: wrap;
}
.news ul.list-news > li > p{
	margin-bottom: 0px;
}
.news ul.list-news > li > p > span{
	font-size: 0.75rem;
	width: 100px;
	display: inline-block;
}
.news ul.list-news > li > a{
	color: #212121;
	text-decoration: underline;
}
.news p > em{
	padding: 4px 10px;
	margin-right: 20px;
	min-width: 90px;
	display: inline-block;
	text-align:center;
	color: #fff;
	font-size: 0.75rem;
	font-style: normal;
	line-height: 1;
}
.news p > em.kyoto{background-color: #c62828;}
.news p > em.all{background-color: #19a51b;}
.news p > em.kamata{background-color: #c69028;}
.news p > em.goods{background-color: #2885c6;}
.news p > em.event{background-color: #8128c6;}
.news p > em.onlineshop{background-color: #c6287a;}


/* jibunryuumoji
==================================================*/
.home #home-jibunryu figure{margin-bottom: 20px;}
.home #home-jibunryu img{text-align: center;max-height: 190px;}

.jibunryuumoji ul.list-jibunryuumoji{
	padding: 0;
	margin: 0;
	list-style: none;
}
.jibunryuumoji ul.list-jibunryuumoji li{
	padding: 0;
	margin: 0 0 40px;
	display: block;
	border-bottom: 1px solid #ddd;
}
.jibunryuumoji ul.list-jibunryuumoji li > div{
	margin:0 auto 40px;
}
.jibunryuumoji ul.list-jibunryuumoji li > div > figure{
	margin: 0 0 20px;
	text-align: center;
}
.jibunryuumoji ul.list-jibunryuumoji li > div > p{
	display: flex;
	justify-content: center;
}
@media (min-width: 601px){
	.jibunryuumoji ul.list-jibunryuumoji li > div{
		width: 600px;
	}
}


/*--------------------------------------------------
+: works
==================================================*/
.works main{
	background-image: url(https://suuzando.sbs/assets/images/works/contents-header.jpg);
}

/*--------------------------------------------------
+: onlineshop
==================================================*/
.onlineshop main{
	background-image: url(https://suuzando.sbs/assets/images/onlineshop/contents-header.jpg);
}
.onlineshop .onlineshop-header > div.d-flex{position: relative;}
.onlineshop .onlineshop-header > div.d-flex > a{
	padding: .375rem .75rem;
	margin-right: 20px;
	min-width: 360px;
	display: inline-block;
	color: #fff;
	background-color: #c62828 !important;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 1rem;
	font-weight:bold;
	line-height: 1.5;
	position: relative;
}
.onlineshop .onlineshop-header > div.d-flex > a:hover{background-color: #c62828 !important;}
.onlineshop .onlineshop-header > div.d-flex > a.collapsed{background-color: #212121;}
.onlineshop .onlineshop-header > div.d-flex > a:before{
	content: "\f077";
    font-size:  0.875rem;
font-family: 'Font Awesome 5 Free';
font-weight: bold;
font-style: normal;
font-variant: normal;
    line-height: 1;
    position: absolute;
    display: inherit;
    top: 10px;
    right: 10px;
}
.onlineshop .onlineshop-header > div.d-flex > a.collapsed:before{
	content: "\f078";
}
.onlineshop .onlineshop-header > div.d-flex > nav{
	position: absolute;
	top:40px;
	left: 0;
	width: 360px;
	z-index: 10;
}
.onlineshop .onlineshop-header > div.d-flex > nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #F5F5DC;
}
.onlineshop .onlineshop-header > div.d-flex > nav li > ul{
	background-color: #efefe6;
}
.onlineshop .onlineshop-header > div.d-flex > nav  li > a{
	padding: 15px 10px 15px 35px;
	margin: 0 5px;
	font-size:1.125rem;
	font-weight:bold;
	line-height: 1;
	color: #262626;
	background-color: #F5F5DC;
	display: block;
	border-bottom: 1px solid #fff;
	position: relative;
}
.onlineshop .onlineshop-header > div.d-flex > nav > ul > li > ul > li > a{
	background-color: #efefe6;
}

.onlineshop .onlineshop-header > div.d-flex > nav  li > a:before{
	content: "\f054";
    font-family: 'Font Awesome 5 Free';
font-weight: bold;
font-style: normal;
font-variant: normal;
font-size:  0.875rem;
    line-height: 1;
    position: absolute;
    display: inherit;
    top: 15px;
    left: 10px;
}
.onlineshop .onlineshop-header > div.d-flex > nav  li > a.btn-collapse:before{
	content: "\f077";
}
.onlineshop .onlineshop-header > div.d-flex > nav  li > a.collapsed:before{
	content: "\f078" !important;
}
.onlineshop .onlineshop-header > div.d-flex > nav > ul > li > ul > li > a:before{
	font-size: 0.75rem;
}


.onlineshop .onlineshop-header > div.d-flex i{font-size:1.125rem;}
.onlineshop .onlineshop-header > div.d-flex > div:last-child {
	padding: 6px;
	width: 100%;
	background-color: #212121;
	color: #fff;
}
.onlineshop .onlineshop-header > div.d-flex > div:last-child > div:first-child{width: 100%;}
.onlineshop .onlineshop-header > div.d-flex > div:last-child p:first-child{font-size:  1rem;}
.onlineshop .onlineshop-header > div.d-flex > div:last-child p{
	margin-bottom: 0;
	white-space: nowrap;
}
.onlineshop .onlineshop-header > div.d-flex > div:last-child form{
	margin: 0 10px;
	width: 100%;
}
.onlineshop .onlineshop-header > div.d-flex > div:last-child form input,
.onlineshop .onlineshop-header > div.d-flex > div:last-child form button{
	padding: .25rem .5rem;
	margin-right: 5px;
	line-height: 1;
	cursor: pointer;
}
.onlineshop .onlineshop-header > div.d-flex > div:last-child form button{border-radius: 4px;}
.onlineshop .onlineshop-header > div.d-flex > div:last-child span{
	margin-right: 5px;
	font-size:0.75rem;
	white-space: nowrap;
}

.onlineshop .onlineshop-header > div.d-flex > div:last-child p:last-child{
	padding: 6px;
	text-align: center;
	line-height: 1;
	background-color: #c62828;
}

@media (max-width: 991px){
	.onlineshop .onlineshop-header > div.d-flex > a{
		margin-right: 0px;
		margin-bottom: 2px;
	}
	.onlineshop .onlineshop-header > div.d-flex > nav{
		position:inherit;
		top:0px;
		left: 0;
		width:auto;
		z-index: 10;
	}

	.onlineshop .onlineshop-header > div.d-flex > div:last-child > div:first-child{margin-bottom: 5px;}
}

/*--------------------------------------------------
+: onlineshop-item-detail
==================================================*/
.onlineshop-item-detail .d-flex:first-child{
	padding-bottom : 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #e4e4e4;
}
.onlineshop-item-detail .d-flex div.section-item-img{
	margin: 0 auto;
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
/*.onlineshop-item-detail .d-flex figure{
	margin: 0 auto;
	-ms-flex-item-align: center !important;
	align-self: center !important;
}*/

.onlineshop-item-detail .d-flex div.section-item-img ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
}
.onlineshop-item-detail .d-flex div.section-item-img ul > li > a{
	border: 5px solid rgba(0,0,0,0.3);
	display: block;
	position: relative;
}
.onlineshop-item-detail .d-flex div.section-item-img ul > li > a:before{
	content: "\f00e";
	font-size: 22px;
font-family: 'Font Awesome 5 Free';
font-weight: bold;
font-style: normal;
font-variant: normal;
    line-height: 1;
	color: rgba(0,0,0,0.3);
 	padding-right:0;
	position:absolute;
	display:inherit;
	bottom: 5px;
	right: 5px;
}
.onlineshop-item-detail .d-flex div.section-item-img ul > li img{
	max-width: 100px;
}

.onlineshop-item-detail .d-flex div.section-item-img figure{margin-bottom: 10px;}
.onlineshop-item-detail .d-flex div.section-item-img figure > img{
	max-height: 400px;
}
.onlineshop-item-detail .d-flex div.section-item-img figure > img.with_shadow{
	-webkit-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
	-moz-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
	box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
}
.onlineshop-item-detail .text-price{
	font-size:1.75rem;
	line-height: 1;
}
.onlineshop-item-detail .text-price small{
	font-size:0.75rem;
}
.onlineshop-item-detail h5{
	margin-bottom: 15px;
	font-size:0.875rem;
}
.onlineshop-item-detail table th{
	padding-right: 10px;
	padding-bottom: 5px;
	font-size:0.75rem;
	vertical-align: top;
}
.onlineshop-item-detail table td{
	padding-bottom: 5px;
	font-size:0.75rem;
	color: #999;
}
.onlineshop-item-detail .detail-recommend div{
	margin-bottom: 20px;
}
.onlineshop-item-detail .detail-recommend p{
	font-size:0.75rem;
}

.onlineshop-item-detail form input[type="text"]{
	margin-right: 10px;
	text-align: center;
	border: 8px solid #333;
	width: 60px;
	height: 60px;
	font-size:1.75rem;
}
.onlineshop-item-detail form label{
	position: relative;
}
.onlineshop-item-detail form label:after{
	content: "数量";
	width: 60px;
	text-align: center;
	position: absolute;
	bottom: -22px;
	left: 0;	
}
.onlineshop-item-detail form button{
	height: 60px;
	width: 100%;
	border: 8px solid #c62828;
	vertical-align: top;
	cursor: pointer;
}

.onlineshop-item-detail ul.list-items > li > a{
	margin: 0 20px;
}

.onlineshop-item-detail .list-items .ni-title{
	padding-left:0;
	font-size:0.75rem;
	text-align: center;
}
.onlineshop-item-detail .list-items .ni-title:before{content: none;}

@media (min-width: 992px){
	.onlineshop-item-detail .d-flex div.section-item-img{
		padding-right: 30px;
	}
	.onlineshop-item-detail{
		max-width: 800px;
	}
	.onlineshop-item-detail .d-flex div.section-item-info{
		width: 380px;
	}
}
@media (max-width: 991px){
	.onlineshop-item-detail .d-flex div.section-item-img{
		margin-bottom: 30px;
	}
}
@media (max-width: 767px){
	.onlineshop-item-detail .list-items .ni-title{
		text-align: center;
	}
}

/*--------------------------------------------------
+: event
==================================================*/
.event main{
	background-image: url(https://suuzando.sbs/assets/images/event/contents-header.jpg);
}

/*--------------------------------------------------
+: store
==================================================*/
.store main{
	background-image: url(https://suuzando.sbs/assets/images/store/contents-header.jpg);
}

/*--------------------------------------------------
+: yamatoe
==================================================*/
.yamatoe main{
	background-image: url(https://suuzando.sbs/assets/images/yamatoe/contents-header.jpg);
}
.yamatoe main .card-body figure{
	/*margin-bottom: 20px;*/
	display: flex;
	text-align: center;
	justify-content: center;
}
.yamatoe main .card-body figure img{
		align-self: center;
	}
	@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .yamatoe main .card-body figure img{max-width:300px;} /* IE11 */
}
@media (min-width: 768px){
	.yamatoe main .card-body figure{
		/*height: 400px;*/
	}
}

/*--------------------------------------------------
+: koudougu
==================================================*/
.koudougu main{
	background-image: url(https://suuzando.sbs/assets/images/koudougu/contents-header.jpg);
}
.koudougu main .card-body{
	display: flex;
	justify-content: center;
}
.koudougu main .card-body figure{
	align-self: center;
}

/*--------------------------------------------------
+: oatsurae
==================================================*/
.oatsurae main{
	background-image: url(https://suuzando.sbs/assets/images/koudougu/contents-header.jpg);
}

/*--------------------------------------------------
+: company
==================================================*/
.company main{
	background-image: url(https://suuzando.sbs/assets/images/company/contents-header.jpg);
}


/*--------------------------------------------------
+: en
==================================================*/
.fl header h1 {
	width: 260px;
    min-width: 260px;
	height: 82px;
	background-image: url(https://suuzando.sbs/assets/images/common/header-logo_en.png);
}

/*--------------------------------------------------
+: Others
==================================================*/
main{
	background-image: url(https://suuzando.sbs/assets/images/common/contents-header.jpg);
}