@charset "EUC-JP";

.thum_area{
	    max-width: 750px!important;
	    margin-bottom: 10px!important;
}

.rainy{
	text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif !important !important;
		background-image: url('../../../../review/img/bg.jpg');
    background-size: cover;
    background-attachment: fixed;
	}

.rainy .box_in{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	background-image: url('..//img/bg.jpg');
	    box-shadow: 0 0 20px #7d9286;
	    background-size: cover;
}
.rainy .box_in a:hover{
	opacity: 0.8;
}
.rainy .box_in .mv{
	position: relative;
}
/*logo*/
.rainy .box_in .mv .logo{
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}



/*-------フッターボタン-------*/
.rainy  .area6 .btn_item{
	width: 70%;
	margin: 0 auto;
	margin-top: 40px;
}








/*-----------------------------------------------------*/
/*--------sp---------*/
.rainy .sp{
	display: block;
}
.rainy .box_in{
	    box-shadow: none;
}




/*------------------ ケア方法index  -------------------*/





/*===============================================
スマホ表示
===============================================*/

@media screen and (max-width: 768px) {
	.rainy .box_in{
		padding-bottom: 60px;
	}
	.rainy .box_in{
		    background-position: center center;
	}
	.rainy .box_in .mv_coupon .txt{
		text-align: center;
	}
	.rainy .box_in .mv .logo{
		display: none;
	}
	
	.rainy .box_in .mv .btn_item{
		bottom: 0;
	}	
	.rainy .box_in .mv_coupon .ttl1{
		font-size: 21px;
	}


/*------------------ common_item_area  -------------------*/






	.foot_sitemap_sp .footer_nav .footer_sitemap{
		margin-top: 0!important;
	}
	
}








.rainy{
	text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif !important !important;
		background-image: url('../../../review/img/bg.jpg');
    background-size: cover;
    background-attachment: fixed;
	}
.rainy .sp{
	display: none;
}
.rainy .box_in{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	background-image: url('..//img/bg.jpg');
	    box-shadow: 0 0 20px #7d9286;
	    background-size: cover;
}
.rainy .box_in a:hover{
	opacity: 0.8;
}
.rainy .box_in .mv{
	position: relative;
}
.rainy .links{
	display: inline-block;
}


/*------------------ common_item_area  -------------------*/
.rainy .common_item_area{
	    padding: 40px;
    background: #EFEEEA;
}
.rainy .common_item_area2{
	 padding: 40px 0;
}


.rainy .sub_ttl{
font-size: 21px;
    color: #fff;
    background: #6AC8AD;
    border-radius: 50px;
    padding: 10px;
	margin-bottom: 20px;
}
.rainy ul.atention li{
	margin-bottom: 10px;
	text-align: left;
}
.rainy ul.atention li span{
	font-weight: bold;
}


.rainy .big_ttl{
font-size: 32px;
	font-weight: bold;
    color: #fff;
   background: #6AC8AD;
    padding: 20px 10px;
	margin-bottom: 20px;	
}
.rainy ul.item {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.rainy ul.item li{
	width: 30%;
	margin-top: 40px;
}

.rainy .area_in{
	padding: 20px 40px;
}
.rainy .btn_links{
	margin-top: 40px;
	display: block;
}

/*------------------ common_item_area  -------------------*/
.rainy .box_in .common_item_area {
	position: relative;
}
.rainy .box_in .common_item_area .p_comment{
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
}











/*-----------------------------------------------------*/
/*--------sp---------*/
.rainy .sp{
	display: block;
}

/*------------------ ケア方法index  -------------------*/



/*------------------ ケア方法index  -------------------*/






/*===============================================
スマホ表示
===============================================*/

@media screen and (max-width: 768px) {
	.header_fixed{
		margin-top: 0!important;
	}
	header{
		margin-top: 40px;
	}
	.rainy .box_in{
		    background-position: center center;
		padding: 0!important;
	}
	.rainy .box_in .mv_coupon .txt{
		text-align: center;
	}
	.rainy .box_in .mv .logo{
		display: none;
	}
	
/*intro_1*/

/*------------------ 商品一覧  -------------------*/
	.rainy .big_ttl{
		font-size: 21px;
	}
	.rainy .sub_ttl{
		font-size: 18px;
	}
	
	.rainy .area_in{
	padding: 20px 20px;
	}
	.rainy ul.item li{
	width: 45%;
	}
}