@charset "UTF-8";
/* 
base color : #000;
*/

body {
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
text-align: center;
color:#000;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
}
*{
margin:0;
padding:0;
-moz-box-sizing: border-box;
  box-sizing: border-box;
}
img{
vertical-align: bottom;
max-width:100%;
height:auto;
}
a img {
	border:none;
}
a {
	color:#333;
	text-decoration: none;
	transition:.5s;
}
a:hover{
	
	opacity:.7;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
li {
	list-style:none;
}
i {
	padding:0 5px;
}

.pc {
	
}
.tablet{
display:none;
}
.sp {
	display:none;
}
.ssp {
	display:none;
}
/*PC改行加える*/
.br-pc{
	display:inherit;
}
 /*PC改行無効*/
.br_sp{
	display:none;
}
.br_ssp{
	display:none;
}

@media only screen and (max-width:960px){
body{
font-size:90%;
}
img{
	border: 0;
	max-width: 100%;
    height: auto;
}
 
.pc {
	display:none;
}
.tablet{
display:block;
}
.sp {
	display:block;
}
.ssp {
	display:none;
}
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:none; 
}
}
@media only screen and (max-width:480px){
.tablet{
display:none;
}
.ssp {
	display:block;
}
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:block; 
}
}
/************************************

section article

************************************/
section:after,article:after,ul:after,dl:after{

    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
/************************************

wrapper

************************************/
.wrapper {
width:90%;
	max-width:980px;
	margin:auto;
}

.wrapper:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .wrapper             { zoom: 1; } /* IE6 */  
*:first-child+html .wrapper { zoom: 1; } /* IE7 */  

@media only screen and (max-width:960px){
	.wrapper {
	width:100%;
	margin:0 auto;
}

}

/************************************

.list(flexboox)

************************************/
.list {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}
.list:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.list article {
	width:auto;
}
/*IE8▼*/
.list article {
float: left\9;
}
/*IE9▼*/
.list article:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.list article  {
	float:left !important;
}
}

/************************************

header

************************************/
header{
background: url("../images/head_sen.png") no-repeat center top;
background-size: contain;
padding-top:30px;
}
header h1{
width:270px;
margin:0 auto 30px;
}
header h1 a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-image:url("../images/head_logo.png");
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 0;
width: 100%;
padding-top:44.44%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
header h1 a {
background-image:url("../images/head_logo@2x.png");
}
}
@media only screen and (max-width:960px){
header{
background: url("../images/head_sen-sp.png") no-repeat center top;
background-size: 100%;
}
header h1{
width:60%;
max-width:270px;
margin:0 auto 20px;
}
header h1 a {
background-image:url("../images/head_logo-sp@2x.png");
width: 100%;
padding-top:21.62%;
}

}


header nav{
position: relative;
background: #fff;
}
header nav ul{
width:100%;
max-width:754px;
margin:0 auto;
}
header nav ul:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
header nav li{
float:left;
}
header nav li.headmenu1{
width:21.23%;
}
header nav li.headmenu2{
width:29.17%;
}
header nav li.headmenu3{
width:21.75%;
}
header nav li.headmenu4{
width:27.85%;
}
header nav li a{
display: block;
}
header nav li a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 0;
width: 100%;
cursor: pointer;
}
header nav li label {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 0;
width: 100%;
cursor: pointer;
}
header nav li label:hover{
opacity: .7;
}
header nav li.headmenu1 label{
background-image:url("../images/headmenu1.png");
padding-top:68.75%;
}
header nav li.headmenu2 a{
background-image:url("../images/headmenu2.png");
padding-top:50%;
}
header nav li.headmenu3 a{
background-image:url("../images/headmenu3.png");
padding-top:67.07%;
}
header nav li.headmenu4 a{
background-image:url("../images/headmenu4.png");
padding-top:52.38%;
}
header nav li.headmenu4.brand a{
background-image:url("../images/headmenu4-o.png");
padding-top:52.38%;
}
header nav li.headmenu1:hover label{
background-image:url("../images/headmenu1-o.png");
opacity:1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
header nav li.headmenu1 label{
background-image:url("../images/headmenu1@2x.png");
}
header nav li.headmenu2 a{
background-image:url("../images/headmenu2@2x.png");
}
header nav li.headmenu3 a{
background-image:url("../images/headmenu3@2x.png");
}
header nav li.headmenu4 a{
background-image:url("../images/headmenu4@2x.png");
}
header nav li.headmenu4.brand a{
background-image:url("../images/headmenu4-o@2x.png");
}
header nav li.headmenu1:hover label{
background-image:url("../images/headmenu1-o@2x.png");
}
}
header nav li input{
display:none;
}
@media only screen and (max-width:480px){

header nav li.headmenu1{
width:23.23%;
}
header nav li.headmenu2{
width:28.87%;
}
header nav li.headmenu3{
width:20.42%;
}
header nav li.headmenu4{
width:27.46%;
}
header nav li.headmenu1 label{
background-image:url("../images/headmenu1-sp@2x.png");
padding-top:84.84%;
}
header nav li.headmenu2 a{
background-image:url("../images/headmenu2-sp@2x.png");
padding-top:68.29%;
}
header nav li.headmenu3 a{
background-image:url("../images/headmenu3-sp@2x.png");
padding-top:96.55%;
}
header nav li.headmenu4 a{
background-image:url("../images/headmenu4-sp@2x.png");
padding-top:71.79%;
}
header nav li.headmenu4.brand a{
background-image:url("../images/headmenu4-sp-o@2x.png");
padding-top:71.79%;
}
header nav li.headmenu1:hover label{
background-image:url("../images/headmenu1-sp@2x.png");
}
}

header nav li .submenu{
display: none;
}
header nav li:hover .submenu{
display: block;
position: absolute;
left:0;
width:100%;
background: url("../images/headsubmenu_back.jpg");
padding:30px 0;
z-index: 100;
}
header nav li .submenu ul{
width:100%;
max-width:780px;
margin:0 auto;
}
header nav li.headmenu1 .submenu li{
width:31.3%;
margin:1%;
}
header nav li.headmenu1 .submenu li a {
text-indent:inherit;
white-space: normal;
height: auto;
width: 100%;
padding-top:73.8%;
display:block;
background-size: contain;
}
header nav li.headmenu1 .submenu li:nth-child(1) a{
background-image:url("../images/headsubmenu1.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(2) a{
background-image:url("../images/headsubmenu2.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(3) a{
background-image:url("../images/headsubmenu3.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(4) a{
background-image:url("../images/headsubmenu4.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(5) a{
background-image:url("../images/headsubmenu5.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(6) a{
background-image:url("../images/headsubmenu6.jpg");
}

header nav li.headmenu1 .submenu li a span{
color:#fff;
padding:6px 0;
font-size:100%;
font-weight: bold;
display:block;
position: relative;
}
header nav li.headmenu1 .submenu li:nth-child(1) a span{
background: url("../images/cat_skincare_back.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(2) a span{
background: url("../images/cat_aroma_back.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(3) a span{
background: url("../images/cat_jewelry_back.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(4) a span{
background: url("../images/cat_column_back.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(5) a span{
background: url("../images/cat_letter_back.jpg");
}
header nav li.headmenu1 .submenu li:nth-child(6) a span{
background: url("../images/cat_news_back.jpg");
}
header nav li.headmenu1 .submenu li a span::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 10px;
width:10px;
height:10px;
background:url("../images/yaji_white@2x.png");
background-size: contain;
background-repeat: no-repeat;
content: "";
}

header nav li.headmenu1 .submenu li a:hover{
opacity:.7;
}

@media only screen and (max-width:960px){
header nav li.headmenu1 input:checked ~  label{
background-image:url("../images/headmenu1-o@2x.png");
}
header nav li:hover .submenu{
display:none;
}
header nav li .submenu {
display:none;
}
header nav li:hover input:checked ~ .submenu {
    padding: 10px 7px;
    display: block;
}
header nav li input:checked ~ .submenu {

    display: none;
}
header nav li.headmenu1 .submenu li{
width:31.3%;
margin:1%;
}
header nav li.headmenu1 .submenu li a span{
padding:3px 0;
font-size:80%;
}
header nav li.headmenu1 .submenu li a span::before{
right: 5px;
width:8px;
height:8px;
}
}
@media only screen and (max-width:480px){
header nav li.headmenu1 input:checked ~  label{
background-image:url("../images/headmenu1_o-sp@2x.png");
}

}

#note header nav li.headmenu1 label{
background-image:url("../images/headmenu1-o@2x.png");
}
#recipe header nav li.headmenu2 a{
background-image:url("../images/headmenu2-o@2x.png");
}
@media only screen and (max-width:480px){
#note header nav li.headmenu1 label{
background-image:url("../images/headmenu1-sp-o@2x.png");
}
#recipe header nav li.headmenu2 a{
background-image:url("../images/headmenu2-sp-o@2x.png");
}
}

/*** fixed ***/

header.fixed nav{
position: fixed;
top:0;
left:0;
width:100%;
z-index: 10000;
/* 横方向　下方向　ぼかし　色＆透過 */
box-shadow: 0px 0px 2px rgba(0,0,0,0.1);

}

/************************************

search

************************************/
.search{
background: url("../images/head_search_back.jpg");
padding:15px 0;
text-align: center;
}
.search form{
display:inline-block;
padding:5px 0 5px 50px;
background:url("../images/head_search_mark@2x.png") no-repeat left top;
background-size: 40px;
text-align: left;
margin:0 auto;
}
.search input[type="search"]{
padding:5px ;
-webkit-appearance: none;
border:none;
font-size:100%;
border-radius: 3px;
width:310px;
}
.search input[type="submit"]{
	background:none;
	border:none;
	color:#fff;
	-webkit-appearance: none;
	font-size:100%;
	padding:10px;
	display:inline-block;
	margin:0 auto;
	cursor:pointer;
	font-weight: bold;
}
@media only screen and (max-width:960px){
.search form{
display:block;
margin:0 auto;
width:440px;
padding:0 0 0 36px;
background-size: 30px;
background-position: 0 4px;
}
.search input[type="search"]{
width:65%;
}
.search input[type="submit"]{
	padding:10px 0;
	display:inline-block;
	margin:0 0 0 5px;
	width:30%;
    font-size:80%;
}
}
@media only screen and (max-width:480px){
.search form{
display:block;
width:94%;
padding:0 0 0 36px;
background-size: 30px;
background-position: 0 4px;
}
}
/************************************

onayami

************************************/
#onayami{
background: url("../images/head_onayami_back.jpg");
padding:25px 0 15px 0;
color: #50773F;
text-align: left;

}
#onayami a{
color:#50773F;
}

#onayami .waku {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
    align-items: center;
}


/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#onayami .waku  {
	float:left !important;
}
}
#onayami .waku h2{
font-size:110%;
width:22%;
padding:0 20px 0 0;
margin:0 3% 0 0;
position: relative;
background: url("../images/yaji_green@2x.png") no-repeat right 10px;
background-size: 10px;
}
#onayami h2 strong{
display:inline-block;
position: relative;
border-bottom:2px solid #50773F;
}

#onayami ul{
letter-spacing: -1em;
width:75%;
}
#onayami ul li{
letter-spacing: 0em;
display:inline-block;
margin:5px 10px 5px 0;
font-size:90%;
line-height: 1;
font-weight: bold;
}
#onayami ul li a{
display:block;
border:1px solid #50773F;
padding:5px 10px;
}
#onayami ul li a:hover{
color:#fff;
background-color: #50773F;
opacity:1;
}
@media only screen and (max-width:960px){
#onayami{
padding:15px 5% 10px ;
}
#onayami .waku h2{
text-align: center;
font-size:100%;
width:100%;
float:none;
padding:0 0px 20px;
margin:0 0 10px;
background: url("../images/yaji_green_sdown@2x.png") no-repeat center bottom;
background-size: 10px;
}
#onayami .waku ul{
float:none;
width:100%;
display:block;
}
#onayami ul li{
margin:0 3px 3px 0;
font-size:80%;
}
}

/************************************

footer

************************************/
footer{
background: url("../images/foot_back.jpg");
padding:30px 0;
}
footer h2 a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-image:url("../images/foot_logo.png");
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 90px;
width: 240px;
margin:0 auto 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
footer h2 a {
background-image:url("../images/foot_logo@2x.png");
}
}
footer h3{
font-size:115%;
margin:0 0 20px;
}
footer p{
font-size:100%;
line-height: 1.8;
margin:0 0 15px;
}
footer .bt a{
color:#fff;
background: #000;
font-size:90%;
font-weight: bold;
padding:5px 35px 5px 25px;
display:inline-block;
position: relative;
margin:0 auto 30px;
border-radius: 3px;
}
footer .bt a::before{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 10px;
width:10px;
height:10px;
background: url("../images/yaji_white@2x.png") no-repeat;
background-size: 10px;
content: "";
}
@media only screen and (max-width:960px){
footer{
padding:30px 5%;
}
footer h2 a {
height: 60px;
width: 160px;
margin:0 auto 5px;
}
footer h3{
font-size:100%;
margin:0 0 20px;
}
footer p{
font-size:80%;
line-height: 1.8;
margin:0 0 15px;
}

}
footer nav ul.menu{
letter-spacing: -1em;
margin:0 0 30px;
}
footer nav ul.menu li{
letter-spacing: 0;
display:inline-block;
padding:0 20px;
border-right:1px solid #000;
}
footer nav ul.menu li:last-child{
border-right: none;
}
footer nav ul.menu a:hover{
font-weight: bold;
opacity:1;
}
footer nav ul.sns{
letter-spacing: -1em;
}
footer nav ul.sns li{
letter-spacing: 0;
display:inline-block;
padding:0 0px;
width:50px;
margin:0 10px;
}
footer nav ul.sns li a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
height: 0;
width: 100%;
padding-top:100%;
}
footer nav ul.sns li.fb a {
background-image: url("../images/foot_fb.png");
}
footer nav ul.sns li.tw a {
background-image: url("../images/foot_twitter.png");
}
footer nav ul.sns li.ins a {
background-image: url("../images/foot_insta.png");
}
footer nav ul.sns li.line a {
background-image: url("../images/foot_line.png");
}
footer nav ul.sns li.mail a {
background-image:url("../images/mail.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
footer nav ul.sns li.fb a {
background-image: url("../images/foot_fb@2x.png");
}
footer nav ul.sns li.tw a {
background-image: url("../images/foot_twitter@2x.png");
}
footer nav ul.sns li.ins a {
background-image: url("../images/foot_insta@2x.png");
}
footer nav ul.sns li.line a {
background-image: url("../images/foot_line@2x.png");
}
footer nav ul.sns li.mail a {
background-image:url("../images/mail@2x.png");
}
}
@media only screen and (max-width:960px){
footer nav ul.menu li{
font-size:80%;
padding:0 10px;
}

}
@media only screen and (max-width:480px){
footer nav ul.menu{
margin:0 0 20px;
text-align: center;
}
footer nav ul.menu li{
padding:0 10px;
border-right:none;
font-size:80%;
}
footer nav ul.sns li{
width:40px;
margin:0 3px;
}
}
/************************************

PageUP

************************************/
#pageup {
  position: fixed;
  width: 40px;
  bottom: 0;
  right: 0;
  z-index: 10000; 
  font-size: 20px;
  line-height: 100%;}
#pageup small{
display:block;
font-size: 8px;
line-height: 12px;
}
#pageup a {
width: 100%;
padding:7px;
display: block;
text-decoration: none;
color: #000; 
}
@media only screen and (max-width: 960px) {
#pageup {

} 
}


/************************************

layout

************************************/
#main_container{
margin:50px auto ;
}
#main_large{
float:left;
width:72%;
text-align: left;
}
#main_sub{
float:right;
width:24%;
text-align: left;
padding:15px;
}
@media only screen and (max-width:960px){
#main_large{
float:none;
width:90%;
margin:0 auto 30px;
}
#main_sub{
float:none;
width:100%;
margin:0 auto;
padding:3% 0;
}

}

/************************************

wp-pagenavi

************************************/
.navi {
	width:100%;
	clear:both;
   
}
.navi:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.navi .list_top{
	display:none;
}
.wp-pagenavi {
	text-align:center;
	font-size:75%;
    line-height: 1;
	padding:20px 0;
	width:100%;
}
.navi a {
display:inline-block;
	padding:10px 12px;
	text-decoration:none;
    background: #efefef;
    border:1px solid #ddd;
    border-radius: 3px;
    margin:0 2px;
}
.wp-pagenavi span {
	padding:10px;
}
.current{
padding:10px 12px;
	font-weight:bold;
background:#3270AF;
color:#fff;
border:1px solid #3270AF;
    border-radius: 3px;
    margin:0 2px;
}
@media only screen and (max-width:768px){
	.navi {
		position:relative;
		margin:0;
		width:100%;
	}
	.wp-pagenavi {
	text-align:center;
	font-size:75%;
	margin:20px 0;
}
.wp-pagenavi a  {
	font-size:12px;
	box-sizing:border-box;
	padding:10px 0px 15px;
	width:23%;
    margin:1%;
	display:inline-block;
	
}


.wp-pagenavi .pages,.wp-pagenavi .extend,.wp-pagenavi .smaller,.wp-pagenavi .larger ,.wp-pagenavi .current{
	display:none;
}
}
/************************************

nav_single

************************************/
.nav_single {
	clear:both;
	text-align:center;
	font-size:80%;
	padding:20px 0;
}
.nav_single a {
	padding:20px;
	text-decoration:none;
}

@media only screen and (max-width:768px){
	.nav_single{
		margin:0 8%;
		width:84%;
}
.nav_single a {
	box-sizing:border-box;
	padding:5px 0px;
	width:30%;
	display:inline-block;
	
	
	margin:1%;
	/*全体角丸*/
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
}
}