@charset "shift_jis";

body {
	background-color: #5640c8;
}

div.header-info-red {
	display: none;
}

.inner_content{
	max-width:900px;
}

	/* その他ボタン */
	#business .other {
	    border-radius: 5px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	    margin: 0 auto;
	}
	#business .other a {
		color: #fdf0e9;
		font-weight: 400;
		display: inline-block;
		justify-content: center;
		align-items: center;
		/*background: #fdf0e9;*/
		/*border-radius: 5px;*/
		/*border: #e64e4b solid 1px;*/
	}
	#business .other a p{
		padding: 15px 250px;
	}
	#business .other a:hover {
		opacity: 0.8;
	}

	/* 新規会員登録 */
	#business div.new_customer {
		width: 50%;
		position: relative;
		font-size: 1rem;
		background-color: #e50112;
		color: #fff;
		text-align: center;
		padding: .7em 5em;
		border-radius: 100vw;
		margin: 0 auto 5%;
	}
	#business div.new_customer:hover{
		color: #fff !important;
		opacity: 0.8;
	}
	
	#business div.new_customer a:hover{
		color: #fff !important;
	}

/*-- カテゴリ ------------------------------------------------------------------------------------*/
	.title span.h1-sub {
	    font-family: 'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
	    font-size: 12px;
	    letter-spacing: .06em;
	    line-height: 1.5em;
	    font-weight: 400;
		color: #FFF !important;
	}
	#business #contact-category{
	    width: 100%;
	    margin: 5% 0;
	}
	#business #contact-category .title{
		text-align: center;
	}
	#business #contact-category .title h1{
		font-size: 30px;
		font-weight: bold;
		color: #FFF;
	}
	#business .c-category-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#business .c-category-list li {
		display: flex;
		flex-direction: column;
	    width: 22%;
		margin-bottom: 4%;
		transition: .3s;
	}
	#business .c-category-list li:hover {
		transform: scale(1.05);
	}
	#business .c-category-list li a {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#business .c-category-list li a:hover  {
		opacity: 1;
	}
	#business .c-category-list li img {
		width: 70%;
		margin: 0 auto;
		display: block;
	    margin-bottom: 2%;
	}
	#business .c-category-list h3 {
		position: relative;
		display: inline;
		font-size: 1em;
		text-align: center;
		color: #FFF;
		font-weight: 500;
	}
	#business .c-category-list h3::after {
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	    content: "";
	    width: 5px;
	    height: 5px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	    top: 4px;
	    bottom: 0;
	    right: -14px;
	    margin: auto;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
 	   transition: all .3s ease 0s;
	}

	/* その他ボタン */
	#business #contact-category .other {
	    border-radius: 5px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	    margin: 0% auto 8%;
	}
	#business #contact-category .other a {
		color: #FFF;
		font-weight: 400;
		display: inline-block;
		justify-content: center;
		align-items: center;
		background: #222222;
		border-radius: 5px;
		border: #222 solid 1px;
	}
	#business #contact-category .other a p{
		padding: 15px 100px;
	}
	#business #contact-category .other a:hover {
		color: #000 !important;
		background: #FFF;
	}

/*-- カテゴリ終了 ----------------------------------------------------------------------------------*/



/*-- おすすめ商品はこちら ------------------------------------------------------------------------------------*/
	#business #osusume-item{
	    width: 100%;
	    margin: 5% 0;
	}
	#business #osusume-item .title{
		text-align: center;
	}
	#business #osusume-item .title h1{
		font-size: 30px;
		font-weight: bold;
		color: #FFF;
		margin-bottom: 1%;
	}
	#business #osusume-item h2{
		font-size: 24px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		margin-bottom: 1%;
		display: flex;
		align-items: center; /* 垂直中心 */
		justify-content: center; /* 水平中心 */
	}
	#business #osusume-item h2:before,
	#business #osusume-item h2:after {
		border-top: 1px solid;
		content: "";
		width: 3em; /* 線の長さ */
	}
	#business #osusume-item h2:before {
		margin-right: 1em; /* 文字の右隣 */
	}
	#business #osusume-item h2:after {
		margin-left: 1em; /* 文字の左隣 */
	}

	#business ul.col_4 {
		width:100%;
		display: flex;
	}
	#business ul.col_4 li {
		width: 24%;
		margin: 0 0.5%;
		background-color: #FFF;
		text-align: center;
		font-weight: bold;
	}
	#business ul.col_4 li a:hover  {
		opacity: 0.8;
	}
	#business ul li img {
		width: 100%;
	}
	#business #osusume-item ul.col_4 li a p.gentei_price {
		width: 90%;
		margin: 5% auto 0;
	    color: #FFF;
		background-color: #ea0012;
	}
	#business #osusume-item ul li div {
	    font-family: 'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
	    font-size: 14px;
	    line-height: 1.2em;
	    font-weight: 400;
		color: #000 !important;
		margin-top: 1%;
	}
	#business ul.col_4 li.price {
		width:100%;
		font-size: 30px;
	}
	#business ul.col_4 li.price,
	#business ul.col_4 li.intax {
		color: #ea0012;
	}
	#business ul.col_4 li.price span{
		display: none;
	}
	
	/* その他ボタン */
	#business #osusume-item .other {
	    border-radius: 5px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	    margin: 2% auto 8%;
	}
	#business #osusume-item .other a {
		color: #FFF;
		font-weight: 400;
		display: inline-block;
		justify-content: center;
		align-items: center;
		background: #222222;
		border-radius: 5px;
		border: #222 solid 1px;
	}
	#business #osusume-item .other a p{
		padding: 15px 100px;
	}
	#business #osusume-item .other a:hover {
		color: #000 !important;
		background: #FFF;
	}

/*-- おすすめ商品はこちら終了 ----------------------------------------------------------------------------------*/