﻿.kuuhaku01{
	height:80px;
	clear: both;}
.kuuhaku02{
	clear: both;
	height: 50px;}

.name_kise{
	background-image: url("img02/kise01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}
.name_kasa{
	background-image: url("img02/kasa01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}
.name_mori{
	background-image: url("img02/mori01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}
.name_ao{
	background-image: url("img02/ao01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}
.name_ima{
	background-image: url("img02/ima01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}
.name_ryo{
	background-image: url("img02/ryo01.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:120px;
	width:100%;
}


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

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

.fragrance_text_r{
	margin: 0%;
	padding:15px 0px 0px 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;	
}


.fragrance_note{
	text-align: left;
	font-size: 13px;
	display: block;
	padding:5% 0% 10px 0%;
	line-height: 200%;
	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;
}
.img100p {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

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

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


.kuuhaku{
	clear: both;
	height:50px;}
.kuuhaku01{
	clear: both;
	height: 60px;}
.kuuhaku02{
	clear: both;
	height: 10px;}
	
.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_1{
	margin: 0px;
	max-width:100%;
}
.img_notes_2{
	margin: 30px 0px;
	max-width:95%;
}

.name_kise{
	background-image: url("img02/kise01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}
.name_kasa{
	background-image: url("img02/kasa01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}
.name_mori{
	background-image: url("img02/mori01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}
.name_ao{
	background-image: url("img02/ao01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}
.name_ima{
	background-image: url("img02/ima01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}
.name_ryo{
	background-image: url("img02/ryo01_s.jpg");
	background-repeat: no-repeat; 
	background-size:100% auto;
	height:80px;
	width:100%;
}


.waku {
	padding: 20px 10px;
}

}



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

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

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

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

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

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


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

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



}
