.name_wh{
	background-image: url("img/wh01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_cu{
	background-image: url("img/cu01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_ge{
	background-image: url("img/ge01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_ma{
	background-image: url("img/ma01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_ch{
	background-image: url("img/ch01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_pa{
	background-image: url("img/pa01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:118px;
	width:100%;
}.name_underspace{
	clear: both;height:50px;
}

.fragrance_text_r{
	margin: 0%;
	padding:0px;
	display: block;
	text-decoration: none}

.fragrance_img_l{
	margin: 0%;
	display: block;
	text-decoration: none}

.fragrance_h1{
	margin: 0px 0px 30px 0px;
	font-size: 18px;
	color:#9D2428;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;	
}


.btn_ec_mini {
	display: block;
	float: right;
	text-align: center;
	position: relative;
	padding: 10px 30px;
	margin: 10px 0px 30px 30px;
	background: #686868;
	color: white;
	font-size: 15px;
	text-decoration: none;
	max-width:200px;
}

/* ########### 767px以下 ########### */
@media screen and (max-width: 767px) {



	
.fragrance_text_l{
	margin:1% 2% 100px 1%;}
.fragrance_text_r{
	margin:1% 2% 100px 1%;}
	
.fragrance_box_img100{
	max-width: 100%;
	padding: 0px;}

.img_notes{
	margin: 30px 0px;
	max-width: 100%;
}

.name_wh{
	background-image: url("img/wh01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_cu{
	background-image: url("img/cu01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_ge{
	background-image: url("img/ge01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_ma{
	background-image: url("img/ma01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_ch{
	background-image: url("img/ch01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_pa{
	background-image: url("img/pa01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:50px;
	width:100%;
}.name_underspace{
	clear: both;height:10px;
}

}



/* ########### 768px以上 ########### */
@media screen and (min-width: 768px) {

.fragrance_text_r{
	width:48%;
	float: right;
	text-align: left;
	height:auto;
	display:table-cell;
	vertical-align:middle;}

.fragrance_img_l{
	width:48%;
	float: left;
	text-align: right;
	height:auto;
	display:table-cell;
	vertical-align:middle;}

.fragrance_box:after{
	content: "";
	display: block;
	clear: both;}

.fragrance_box{
	margin: 0px 0px 0px 0px;}
	

.fragrance_box_img100{
	width: 100%;
	padding: 0px;}
	
}



.osomatsuf_r{
	margin: 2%;
	display: block;
	text-decoration: none}
.img100p {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.waku {
	text-decoration: none;
	font-size: 13px;
	line-height: 170%;
	display: block;
	background: #FFF;
	border: 1px solid #AAA;
	margin: 0px;
	padding: 20px;
}
.waku p{
	margin: 0px 0px 25px 0px;
	font-size: 14px;
}





/* ########### 599px以下 ########### */
@media screen and (max-width: 599px) {

.osomatsuf_box img{
	width: 95%;
	padding: 0px;}

.osomatsuf_h1{
	margin: 0px 0px 30px 0px;}

.osomatsuf_box{
	margin: 0px 0px 100px 0px;}

}



/* ########### 500px以上 ########### */
@media screen and (min-width: 500px) {


.osomatsuf_r{
	width:45%;
	float: right;
	text-align: right;
	height:515px;
	display:table-cell;
	vertical-align:middle;}
	
.osomatsuf_l{
	width:45%;
	float: left;
	text-align: left;
	height:515px;
	display:table-cell;
	vertical-align:middle;}

.osomatsuf_box:after{
	content: "";
	display: block;
	clear: both;}

.osomatsuf_box{
	margin: 0px 0px 0px 0px;}

.osomatsuf_h1{
	margin: 0px 0px 30px 0px;}

.osomatsuf_box img{
	width: 130%;
	padding: 0px;}
	
}

.fragrance_note{
	text-align: left;
	font-size: 14px;
	color: #888;
	display: block;
	padding:0% 3% 30px 3%;
	line-height: 200%;
	text-decoration: none;}


/* ########### 768px以上 ########### */
@media screen and (min-width: 769px) {



.btn_ec_mini {
	display: block;
	float: right;
	text-align: center;
	position: relative;
	padding: 10px 30px;
	margin: 10px 30px;
	background: #686868;
	color: white;
	font-size: 15px;
	text-decoration: none;
	max-width:200px;
}

.fragrance_note{
	font-size: 14px;
	color: #888;
	display: block;
	padding:0% 3% 30px 3%;
	line-height: 200%;
	text-decoration: none;}

.osomatsuf_r{
	width:45%;
	float: right;
	text-align: right;
	height:515px;display:table-cell;
	vertical-align:middle;}
	
.osomatsuf_l{
	width:45%;
	float: left;
	text-align: left;
	height:515px;display:table-cell;
	vertical-align:middle;}

.osomatsuf_box:after{
	content: "";
	display: block;
	clear: both;}

.osomatsuf_box{
	margin: 0px 0px 0px 0px;}

.osomatsuf_h1{
	margin: 50px 0px 30px 0px;}
	

.osomatsuf_box img{
	width: auto;
	padding: 0px;}
	
}


/* ########### 1190px以上 ########### */
@media screen and (min-width: 1190px) {

/* 全体の横幅を固定 */
.osomatsuf{
	width: 1140px;
	margin-left: auto;
	margin-right: auto}



}