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

.products_top_img {
	background: url(../images/Products_top_img.jpg) no-repeat center;
	height: 198px;
}
.products_img1 {
	background: url(../images/Products_img1.png) no-repeat center;
	height: 499px;
	margin-top: -30px;
}
.products {
	width: 810px;
	padding: 30px 50px;
	margin: 0 auto 100px auto;
	background: white;
	border-radius: 20px;
}
.products i {
	font-size: 28px;
	font-style: italic;
}
.products i b {
	color: #006ED9;
}
.products .title {
	color: white;
	font-style: italic;
	font-size: 28px;
	width: 710px;
	padding: 5px 50px;
	margin: 40px 0 20px 0;
}
.products #green {
	background: #36D736;
}
.products #orange {
	background: #FF6A00;
}
.flex_productsIMG {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 40px;
}
.flex_productsIMG img {
	margin: 10px;
}

/* コミコミ料金 */
#included h1 {
	text-align: center;
	font-size: 25px;
	margin: 20px 0 0 0;
}
#included h1 span {
	color: #ff3969;
}
#included .flex {
	width: 750px;
	margin: auto;
}
#included p {
	font-size: 20px;
	text-align: center;
	color: #FFF;
	background: #ff3969;
	border-radius: 10px;
	padding: 10px 0;
	width: 143px;
	margin: 5px 0;
}
#included p span {
	margin: 0 -5px;
}

/* 補助金枠 */
#hojyokin {
	position: relative;
	border: #0071BC 5px solid;
	margin-top: 300px;
}
/* ----- じゃぶじゃぶクリーン ----- */
#jabujabu{
	width: 100%;	
}
#jabujabu .jabujabu_btn{
	background-color: red;
	width: 90%;
	max-width: 1100px;
	position: relative;
	z-index: 500;
	padding: 5px 50px;
	display: flex;
	justify-content: center;
	align-content: center;
	border-radius: 60px;
	border: 10px solid #fff;
	margin:-20px auto 80px auto;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.35);
}
#jabujabu .jabujabu_btn img{
	width: 100%;
	max-width: 900px;	
}

#jabujabu .jabujabu_btn:hover{
	transform: translateY(5px);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.35);
	background-color:blue;
	cursor:pointer;
}
/*---動画モダルウィンドウ---*/
/*--チェックボックスを隠す---*/
.modal input {
  display: none;
}
.modal_BG {
	display: flex;
	align-items: center;
	justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);/*--半透明--*/
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
/*---モダルの後ろの背景ラベル　クリック---*/
.modal_style {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal input:checked ~ .modal_BG {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modal input:checked ~ .modal_BG .modal_content {
  transform: translateY(20px);
}
/* ---------- ムービー ---------- */
.movie video{
	height: 90vh;
	margin: auto;
	border-radius: 10px;
}

/* ----- その他の商品ページへ 追加 ----- */
#newpage{
	position: relative;
}

#newpage .newpage_btn{
	position: absolute;
	bottom: 8%;
    left: 47%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#newpage #Image140{
	width: 115%;
}
/* ----- 並び替え追加 ---- */
.campaign_text{
	font-size: 28px;
	margin-top: -10px;
	margin-bottom: 50px;
	color:tomato;
}
.narabi_top_img{
	background-image: url("../syouhin/keizai2312/narabi_eco.png");
	width: 100%;
	height: 412px;
	background-position: center;
	position: relative;
	background-size: cover
}
.narabi_pana{
	margin-top: 100px;
}
.margin_top{
	margin-top: -90px;
}

/* ----- 経済産業省補助金対象商品 ---- */
.top_img_2 {
	background-color: #ffff00;
	position: relative;
}
.top_img_2 img{
	margin-top: -90px;
}
.top_img_2 a {
	display: block;
	max-width: 1464px;
	width: 95%;
	margin: auto;
}
.sankaku{
	width:0;
	height:0;
	border-style:solid;
	border-width: 50px 90px 0 90px;
	border-color: #FFFF00 transparent transparent transparent;
	position: absolute;
	bottom:-45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 5;
}

/* -----補助金 おすすめ商品 ---- */
.Tel_900{
		display: none;
	}
.index_hojo_osususme{
	background-color:#73d7ff;
}
.index_hojo_osususme .topimg{
	margin-top: -5px;
	background-image:url("../syouhin/keizai2312/top_13img2.png");
	height: 380px; 
	width: 100%;
	background-position: center bottom;
	display: flex;
	justify-content: center;
	align-items:center;
	flex-flow: column;
	position: relative;
	
}
.sarani_maru{
	width: 150px;
	height: 150px;
	border-radius: 50%;
background: rgb(255,0,117);
background: linear-gradient(191deg, rgba(255,0,117,1) 35%, rgba(255,231,242,1) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 0;
	top:-50px;
	left: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	padding: 10px;
	border: #fff solid 3px;
}

.index_hojo_osususme .topimg .img{
	margin: 0px auto 0 auto;
	max-width: 1073px;
	width: 95%;
	position: relative;
}
.index_hojo_osususme .topimg a{
	margin:0px auto 0 auto;
	width: 855px;
}
.index_hojo_osususme .waku{
	width: 90%;
	max-width: 920px;
	background-color: #fff;
	border: #004DFF solid 3px;
	margin:-200px auto 0 auto;
}

/* -----補助金 おすすめ商品 の中---- */
/* ----- マンション以下---- */

.mizuiro_BG{
	background-color: #73d8ff;
	padding: 30px 0;
}
.ao_BG{
	background-color: #0078e0;
	padding: 30px 0;
}
.ao_BG img{
	width: 90%;
	max-width: 1081px;
}
.moraeru_title{
	width: 90%;
	max-width: 1352px;
	margin-top: 30px;
}
.M_title{
	background-color: #0078e0;
	width: 450px;
	padding: 10px 0 2px 0;
	border-radius: 20px 20px 0 0;	
}
.mizuiro_BG .waku{
	border:2px solid #0078e0;
	background-color: #fff;
	width: 90%;
	max-width: 920px;
	padding: 30px 0;
}
.ao_BG .waku{
	border:2px solid #ffff00;
	background-color: #fff;
	width: 90%;
	max-width: 920px;
	padding: 30px 0;
}
.hokano_title{
	background-color: #ffff00;
	width: 450px;
	padding: 10px 0 2px 0;
	border-radius: 20px 20px 0 0;	
}
.hokano_title img{
	width: 253px;
}

/* ----- マイクロバブル ---- */
.micro_bubble .tel{
	display: none;
}
.micro_bubble{
	background-color:#5ca5ff;
	width: 100%;
}
.micro_bubble .title1{
	width:800px;
	margin: 10px 0 0 0;
}
.micro_bubble .BG_W{
	background-color: #fff;
	width: 90%;
	max-width: 920px;
	border-radius: 25px;	
}
.micro_bubble .micro_flex{
	display: flex;
	justify-content: center;
	align-items:flex-end;
}
.micro_bubble .micro_flex_c{
	display: flex;
	justify-content: center;
	align-items:center;
	margin-top: -30px
}
.micro_bubble .micro_corona{
	padding-bottom: 10px;
}
.micro_bubble .title2{
	margin: 10px 0;
}

/* 内容 上 */
.micro_bubble .naiyou{
	margin: -30px 50px 20px 50px;
}
.micro_bubble .text_title_B{
	color: #5ca5ff;
	font-size: 35px;
	text-align: left;
	margin-top: -30px;
}
.micro_bubble .setumei_p{
	text-align: justify;
	padding: 0px 10px;
	margin-top: -30px;
}

/* 内容 下 */
.micro_bubble .BG_gray{
	color: #fff;
	background-color: #7a848b;
	font-size: 25px;
	padding: 5px;
	margin: 50px 0 20px 0;
}
.micro_bubble .text_B{
	color: #5ca5ff;
	font-size: 25px;
	text-align: left
}
.micro_bubble .setumei_p_2{
	text-align: justify;
	padding: 5px 0px;
	margin-top: -20px;
}
.micro_bubble .QR{
	margin-left: 30px;
}
.micro_bubble .QR_text{
	color: #fff;
	background-color: #000;
	padding: 5px 0;
	margin-bottom: 5px;
}
.micro_bubble .QR a:hover{
	opacity: 0.7;
}
.micro_bubble .micro_flex_kahen{
	display: flex;
	justify-content: center;
	align-items:center;
}
.micro_bubble .kouka{
	margin-bottom: 30px;
	width: 100%;
}
.micro_bubble .small_p{
	text-align: left;
	font-weight: normal;
	margin-top: -20px;
}

/* ----- ウルブロ ---- */
.ulblo a img:hover{
	transform: translateY(-10px);
	opacity: 0.9;
}

/* ----- 在庫セール　リンク ---- */
.zaiko_text{
	margin: auto;
	max-width: 1184px;
	width: 90%;
}
#Image120{
	margin: auto;
	max-width: 1317px;
	width: 90%;
}
#Image120:hover{
	opacity: 0.8;
}


/* ---------- 在庫セール --------------------------- */

.zaiko_main{
	width: 90%;
	max-width: 920px;
	background-size: cover;
	background-position: center;
	background-image: url("../syouhin/images2309/zaiko_haikei.jpg");
	border: #004DFF solid 3px;
	border-radius: 20px 20px 0 0;
}
.zaiko_title{
	border-radius: 20px 20px 0 0;
}

.zaiko_syouhin{
	margin: auto;
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
}
.zaiko_syouhin img{
	margin: 10px auto;
	width: 95%;
	max-width: 895px;
}
/* ---------- 御礼 ---------- */

.kanbai{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 43px;
	width: 320px;
	background-color: #fff;
	border-radius: 30px;
	margin:0 15px 30px 15px;
	
}
.kanbai p{
	width: 160px;
	text-align: left;
	padding-left: 10px;
	font-size: 20px;
}
.kanbai_flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}