@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header_new{
	border-bottom: 1px #f0f0f0 solid;
	margin-bottom: 3em;
}
.block-header-info{
	background-color: #f0f0f0;
	color: #e4001b;
	text-align: center;
	padding: 0.5em 0;
	min-height: 48px;
	display: flex;
	align-items: center;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-header-info:hover{
	background-color: #d9d9d9;
}
.block-header-info p{
	display: inline-block;
	font-size: 1.4rem;
	padding-left: 26px;
	background-image: url(../img/usr/common/ico_information.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px auto;
	-moz-background-size: 15px auto;
	-webkit-background-size: 15px auto;
	letter-spacing: 0.07em;
}
.block-header-container{
	position: relative;
	height: 96px;
}
.block-header-logo{
	position: absolute;
	left: 0;
	top: 20px;
	width: 220px;
}
.block-header-logo img{
	display: block;
	width: 100%;
}
.block-header-tel{
	position: absolute;
	left: 249px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-left: 1px #cccccc solid;
	padding-left: 28px;
	line-height: 1.2;
}
.block-header-tel--title{
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -0.04em;
}
.block-header-tel--num{
	font-size: 2.9rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: -0.03em;
	padding-left: 0.7em;
	color: #00ae4a;
	background-image: url(../img/usr/common/ico_tel.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.block-header-tel--hour{
	font-size: 1.5rem;
	letter-spacing: 0.06em;
	margin-top: 0.2em;
}
/* IE11 */ 
_:-ms-lang(x)::-ms-backdrop, .block-header-tel--title {letter-spacing: 0.11em;}
_:-ms-lang(x)::-ms-backdrop, .block-header-tel--hour {letter-spacing: 0.13em;}
/* Edge */ 
_:-ms-lang(x)::backdrop, .block-header-tel--title {letter-spacing: 0.11em;}
_:-ms-lang(x)::backdrop, .block-header-tel--hour {letter-spacing: 0.13em;}
.block-header-user-nav{
	height: 96px;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
}
.block-header-user-nav>ul{
	display: flex;
	margin-right: 0.8em;
}
.block-header-user-nav>ul>li{
}
.block-header-user-nav>ul>li>a{
	display: block;
	height: 96px;
	text-decoration: none;
	font-size: 1.5rem;
	padding: 56px 1em 0 1em;
	letter-spacing: -0.01em;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	background-repeat: no-repeat;
	background-size: auto 24px;
	-moz-background-size: auto 24px;
	-webkit-background-size: auto 24px;
	background-position: center 25px;
}
.block-header-user-nav>ul>li>a:hover{
	color: #00ae4a;
}
.block-header-user-nav>ul>li>a span{
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 1.1;
}
.block-header-user-nav--guide a{background-image: url(../img/usr/common/ico_guide.png);}
.block-header-user-nav--login a{background-image: url(../img/usr/common/ico_login.png);}
.block-header-user-nav--mypage a{background-image: url(../img/usr/common/ico_mypage.png);}
.block-header-user-nav--cart a{background-image: url(../img/usr/common/ico_cart.png);}

.block-header-cart{
	min-width: 165px;
	background-color: #e5f7ed;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 0;
	display: flex;
	flex-direction: column;
	align-content: center;
}
.block-header-cart dl{
	width: 165px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	padding: 0 0.7em;
	line-height: 1.2;
}
.block-header-cart dt{
	font-size: 1.4rem;
/*	padding-right: 0.5em; */
}
/*
.block-header-cart dt:after{
	content: ":";
	padding-left: 0.5em;
}
*/
.block-header-cart dd{
	font-size: 1.2rem;
	letter-spacing: 0.02em;
}
.block-header-cart dd span{
	font-size: 2.0rem;
	font-weight: bold;
	color: #00ae4a;
}

header nav{
	background-image: url(../img/usr/common/bg_navi.png);
	height: 62px;
}
.block-header-gnav{
	position: relative;
	display: flex;
	justify-content: center;
}
.block-header-gnav li{
}
.block-header-gnav>li>a,
.block-header-gnav>li>p{
	display: block;
	position: relative;
	color: #ffffff;
	height: 62px;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.block-header-gnav>li>a:hover,
.block-header-gnav>li>p:hover{
	cursor: pointer;
}
.block-header-gnav>li:hover>a,
.block-header-gnav>li:hover>p{
	color: #fff83e;
}
.block-header-gnav>li>a:before,
.block-header-gnav>li>p:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.7em;
	width: 1px;
	height: 1.4em;
	border-right: 1px #ffffff dotted;
}
.block-header-gnav>li:last-child>a:before,
.block-header-gnav>li:last-child>p:before{
	border-right: none;
}
.block-header-gnav>li>a>span,
.block-header-gnav>li>p>span{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.7rem;
	font-weight: bold;
	margin: 0 2em;
	height: 62px;
}
.block-header-gnav>li>a>span:before,
.block-header-gnav>li>p>span:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff83e;
	opacity: 0;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.block-header-gnav>li:hover>a>span:before,
.block-header-gnav>li:hover>p>span:before{
	opacity: 1;
}

.block-header-gnav--menu{
	display: none;
	position: absolute;
	top: 62px;
	left: 0;
	width: 100%;
	padding: 40px 25px 0 25px;
	background-color: #ffffff;
	z-index: 2;
-webkit-box-shadow: 0px 3px 18px -1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 18px -1px rgba(0,0,0,0.4);
box-shadow: 0px 3px 18px -1px rgba(0,0,0,0.4);
}
.block-header-gnav--menu ul{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.block-header-gnav--menu ul li{
	display: table-cell;
	padding: 0 15px;
}
.block-header-gnav--menu ul li.pd0{padding: 0 0;}
.block-header-gnav--menu ul li.pd1{padding: 0 1px;}
.block-header-gnav--menu ul li.pd2{padding: 0 2px;}
.block-header-gnav--menu ul li.pd3{padding: 0 3px;}
.block-header-gnav--menu ul li.pd4{padding: 0 4px;}
.block-header-gnav--menu ul li.pd5{padding: 0 5px;}
.block-header-gnav--menu ul li.pd6{padding: 0 6px;}
.block-header-gnav--menu ul li.pd7{padding: 0 7px;}
.block-header-gnav--menu ul li.pd8{padding: 0 8px;}
.block-header-gnav--menu ul li.pd9{padding: 0 9px;}
.block-header-gnav--menu ul li.pd10{padding: 0 10px;}
.block-header-gnav--menu ul li.pd11{padding: 0 11px;}
.block-header-gnav--menu ul li.pd12{padding: 0 12px;}
.block-header-gnav--menu ul li.pd13{padding: 0 13px;}
.block-header-gnav--menu ul li.pd14{padding: 0 14px;}
.block-header-gnav--menu ul li.pd15{padding: 0 15px;}
.block-header-gnav--menu ul li.pd16{padding: 0 16px;}
.block-header-gnav--menu ul li.pd17{padding: 0 17px;}
.block-header-gnav--menu ul li.pd18{padding: 0 18px;}
.block-header-gnav--menu ul li.pd19{padding: 0 19px;}
.block-header-gnav--menu ul li.pd20{padding: 0 20px;}
.block-header-gnav--menu ul li span,
.block-header-gnav--menu ul li span img{
	display: block;
	margin: 0 auto;
}
.block-header-gnav--menu ul li p{
	margin-top: 11px;
	font-size: 1.7rem;
	text-align: center;
}
.block-header-gnav2 .block-header-gnav--menu ul li p{
	text-align: center;
}
.block-header-gnav--menu ul.column4 li p{
	text-align: center;
}
.block-header-gnav--menu form{
	display: flex;
	width: 549px;
	height: 48px;
	border: 1px #cccccc solid;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	margin: 35px auto 40px auto;
}
.block-header-gnav--menu form input[type="text"]{
	border: none;
	height: 46px;
	background: none;
	line-height: 46px;
	width: 485px;
	max-width: none;
	padding-left: 60px;
	text-align: center;
	font-size: 1.6rem;
}
.block-header-gnav--menu form input[type="button"]{
	width: 62px;
	height: 46px;
	background: none;
	background-image: url(../img/usr/nav/ico_search.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	border: none;
}
.block-header-gnav--menu a{
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-header-gnav--menu a:hover{
	color: #00ae4a;
}
.block-header-gnav1 .block-header-gnav--menu{
	padding-bottom: 40px;
	padding-left: 90px;
	padding-right: 90px;
}
.block-header-gnav1 .block-header-gnav--menu ul{
	text-align: center;
	font-weight: bold;
}
.block-header-gnav2 .block-header-gnav--menu{
	padding-bottom: 35px;
}
.block-header-gnav2 .block-header-gnav--menu ul{
	font-weight: bold;
}
.block-header-gnav2 .block-header-gnav--menu ul.column4,
.block-scroll-header-menu--gnav--3 .block-header-gnav--menu ul.column4{
	display: flex;
	justify-content: center;
}
.block-header-gnav2 .block-header-gnav--menu ul.column4 li,
.block-scroll-header-menu--gnav--3 .block-header-gnav--menu ul.column4 li{
	display: block;
	width: 13em;
}
.block-header-gnav4 .block-header-gnav--menu ul,
.block-scroll-header-menu--gnav--3 .block-header-gnav--menu ul{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
}
.block-header-gnav4 .block-header-gnav--menu li,
.block-scroll-header-menu--gnav--3 .block-header-gnav--menu li{
	display: block;
	width: 25%;
	margin-bottom: 23px;
}
.block-header-gnav4 .block-header-gnav--menu li p,
.block-scroll-header-menu--gnav--3 .block-header-gnav--menu li p{
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: left top;
}
.block-header-gnav4--1 p{background-image: url(../img/usr/nav/ico_column1.png);}
.block-header-gnav4--2 p{background-image: url(../img/usr/nav/ico_column2.png);}
.block-header-gnav4--3 p{background-image: url(../img/usr/nav/ico_column3.png);}
.block-header-gnav4--4 p{background-image: url(../img/usr/nav/ico_column4.png);}
.block-header-gnav4--5 p{background-image: url(../img/usr/nav/ico_column5.png);}
.block-header-gnav4--6 p{background-image: url(../img/usr/nav/ico_column6.png);}
.block-header-gnav4--7 p{background-image: url(../img/usr/nav/ico_column7.png);}
.block-header-gnav4 .block-header-gnav4--recommend,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend{
	margin: 10px -15px 5px -15px;
	background-color: #f0f0f0;
	padding: 30px;
}
.block-header-gnav4 .block-header-gnav4--recommend h2,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend h2{
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 15px;
	letter-spacing: 0.05em;
}
.block-header-gnav4 .block-header-gnav4--recommend ul,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend ul{
	display: flex;
}
.block-header-gnav4 .block-header-gnav4--recommend li,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li{
	width: 50%;
	padding: 0;
	margin-bottom: 0;
}
.block-header-gnav4 .block-header-gnav4--recommend li:nth-child(odd),
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li:nth-child(odd){padding-right: 15px;}
.block-header-gnav4 .block-header-gnav4--recommend li:nth-child(even),
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li:nth-child(even){padding-left: 15px;}
.block-header-gnav4 .block-header-gnav4--recommend li a,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a{
	position: relative;
	display: flex;
	align-items: flex-start;
	background-color: #ffffff;
	padding: 8px;
	border: 2px #ffffff solid;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	min-height: 135px;
}
.block-header-gnav4 .block-header-gnav4--recommend li a:before,
.block-header-gnav4 .block-header-gnav4--recommend li a:after,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a:before,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a:after{
	position: absolute;
	display: block;
	content: "";
}
.block-header-gnav4 .block-header-gnav4--recommend li a:before,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a:before{
	bottom: 10px;
	left: auto;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: #00ae4a;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.block-header-gnav4 .block-header-gnav4--recommend li a:after,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a:after{
	bottom: 17px;
	right: 17px;
	width: 7px;
	height: 7px;
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.block-header-gnav4 .block-header-gnav4--recommend li a:hover,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a:hover{
	border: 2px #00ae4a solid;
	color: inherit;
}
.block-header-gnav4 .block-header-gnav4--recommend li a span,
.block-header-gnav4 .block-header-gnav4--recommend li a span img,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a span,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a span img{
	display: block;
}
.block-header-gnav4 .block-header-gnav4--recommend li a span,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a span{
	width: 210px;
}
.block-header-gnav4 .block-header-gnav4--recommend li a div,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a div{
	flex: 1;
	padding-left: 12px;
}
.block-header-gnav4 .block-header-gnav4--recommend li a div p,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a div p{
	margin: 4px 0 6px 0px;
	padding: 4px 0 4px 38px;
	background-position: 7px center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #00ae4a;
	border-bottom: 2px #00ae4a solid;
}
.block-header-gnav4 .block-header-gnav4--recommend li a div h3,
.block-scroll-header-menu--gnav--3 .block-header-gnav4--recommend li a div h3{
	font-size: 1.6rem;
	font-weight: bold;
	padding-left: 10px;
}
/*
.block-header-gnav5 .block-header-gnav--menu ul{
	display: flex;
	flex-direction: column;
	padding: 20px 65px 60px 65px;
}
.block-header-gnav5 .block-header-gnav--menu li{
	display: block;
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
}
.block-header-gnav5 .block-header-gnav--menu li:last-child{
	margin-bottom: 0;
}
.block-header-gnav5 .block-header-gnav--menu li a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 66px;
	border: 2px #00ae4a solid;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-header-gnav5 .block-header-gnav--menu li a:hover{
	border: 2px #036b2f solid;
}
.block-header-gnav5--1 a{
	background-color: #00ae4a;
	color: #ffffff;
}
.block-header-gnav5--1 span{
	font-size: 1.8rem;
	color: #ffffff;
	padding-left: 40px;
	background-image: url(../img/usr/common/ico_faq.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.block-header-gnav5--2 span{
	font-size: 1.8rem;
	color: #00ae4a;
	padding-left: 40px;
	background-image: url(../img/usr/common/ico_mail.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
*/
.block-header-gnav5 .block-header-gnav--menu{
	padding-top: 36px;
	padding-bottom: 28px;
}
.block-header-gnav5 .block-header-gnav--wrap{
	display: flex;
	margin: 0 17px;
}
.block-header-gnav5 .block-header-gnav5--faq{width: 608px;}
.block-header-gnav5 .block-header-gnav5--contact{
	width: 195px;
	margin-left: 40px;
}
.block-header-gnav5 .block-header-gnav--menu a{
	font-size: 1.5rem;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-header-gnav5 .block-header-gnav--menu a:hover{
	color: #00ae4a;
}
.block-header-gnav5 .block-header-gnav--menu h3{
	font-size: 1.7rem;
	font-weight: bold;
	border-bottom: 1px #dddddd solid;
	letter-spacing: -0.04em;
	padding-bottom: 0.3em;
	padding-left: 5px;
	margin-bottom: 0.8em;
}
.block-header-gnav5 .block-header-gnav--menu h3+a{
	position: relative;
	display: inline-block;
	padding-left: 24px;
}
.block-header-gnav5 .block-header-gnav--menu h3+a:after{
	content: "";
	display: block;
	position: absolute;
	left: 5px;
	top: 7px;
	width: 8px;
	height: 8px;
	border-right: 2px #00ae4a solid;
	border-bottom: 2px #00ae4a solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.block-header-gnav5 .block-header-gnav--menu ul{
	margin-top: 0.2em;
	margin-left: 1.5em;
	display: flex;
	flex-wrap: wrap;
}
.block-header-gnav5 .block-header-gnav--menu li{
	padding: 0 2em 0 0;
}
.block-header-gnav5 .block-header-gnav--menu ul:nth-of-type(n+2) {
	margin-top: 1.5em;
}
.block-header-gnav5 .block-header-gnav--menu li:last-child{
	padding-right: 0;
}
.block-header-gnav5 .block-header-gnav--menu li a{
	display: inline-block;
	position: relative;
	letter-spacing: -0.03em;
	padding-left: 10px;
}
.block-header-gnav5 .block-header-gnav--menu li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 5px;
	height: 1px;
	background-color: #222222;
}

.block-scroll-header{
	position: fixed;
	top: -74px;
	left: 0;
	width: 100%;
	height: 74px;
	z-index: 100;
	background-color: #ffffff;
	border-bottom: 1px #dddddd solid;
}
.block-scroll-header .container{
	position: relative;
	height: 74px;
	display: flex;
	justify-content: space-between;
}
.block-scroll-header .container>a{
	width: 170px;
	height: 100%;
	display: flex;
	align-items: center;
}
.block-scroll-header .container>a img{
	display: block;
	width: 100%;
}
.block-scroll-header-menu{
	height: 100%;
	display: flex;
	align-items: center;
}
.block-scroll-header-menu--user-nav a{
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
	height: 74px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-scroll-header-menu a:hover{
	color: #00ae4a;
}
.block-scroll-header-menu--gnav{
	display: flex;
	margin-right: 13px;
}
.block-scroll-header-menu--gnav>li>a,
.block-scroll-header-menu--gnav>li>p{
	display: flex;
	position: relative;
	padding: 0 0.9em;
	align-items: center;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
	height: 74px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-scroll-header-menu--gnav>li:hover{
	color: #00ae4a;
}
.block-scroll-header-menu--gnav>li>p:hover{
	cursor: pointer;
}
.block-scroll-header-menu--gnav>li>a:before,
.block-scroll-header-menu--gnav>li>a:after,
.block-scroll-header-menu--gnav>li>p:before,
.block-scroll-header-menu--gnav>li>p:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -0.8em;
	width: 1px;
	height: 1.6em;
	background-color: #cccccc;
}
.block-scroll-header-menu--gnav>li>a:before,
.block-scroll-header-menu--gnav>li>p:before{left: 0;}
.block-scroll-header-menu--gnav>li>a:after,
.block-scroll-header-menu--gnav>li>p:after{right: 0;}
.block-scroll-header-menu--gnav>li:nth-child(n+2)>a:before,
.block-scroll-header-menu--gnav>li:nth-child(n+2)>p:before{
	display: none;
}
.block-scroll-header-menu--gnav .block-header-gnav--menu{
	z-index: 99;
	-webkit-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	padding: 38px 25px 37px 25px;
	top: 74px;
}
.block-scroll-header-menu--gnav--1 .block-header-gnav--menu ul{
	text-align: center;
	font-weight: bold;
}
.block-scroll-header-menu--gnav--2 .block-header-gnav--menu ul{
	text-align: left;
	font-weight: bold;
}
.block-scroll-header-menu--user-nav{
	display: flex;
}
.block-scroll-header-menu--user-nav li{
	margin-right: 0.8em;
}
.block-scroll-header-menu--user-nav li a{
	letter-spacing: -0.05em;
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: 7px center;
	background-size: auto 22px;
}
.block-scroll-header-menu--user-nav .block-scroll-header-menu--user-nav--guide a{background-image: url(../img/usr/common/ico_guide.png);}
.block-scroll-header-menu--user-nav .block-scroll-header-menu--user-nav--login a{background-image: url(../img/usr/common/ico_login.png);}
.block-scroll-header-menu--user-nav .block-scroll-header-menu--user-nav--cart a{background-image: url(../img/usr/common/ico_cart.png); background-position: 2px center;}
.block-scroll-header .block-scroll-header-nav-wrapper{
	display: none;
}
.block-scroll-header .block-scroll-header-nav{
	background-color: #ffffff;
	z-index: 99;
	height: auto;
	-webkit-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	box-shadow: 0px 7px 17px -6px rgba(0,0,0,0.2);
	padding: 38px 25px 37px 25px;
	display: flex;
}
.block-scroll-header .block-scroll-header-nav>div{
	margin: 0 15px;
}
.block-scroll-header-nav--mypage{width: 362px;}
.block-scroll-header-nav--contact{width: 404px;}
.block-scroll-header-nav--voice{width: 172px;}
.block-scroll-header .block-scroll-header-nav p{
	font-size: 1.7rem;
	font-weight: bold;
	padding-left: 0.4em;
	padding-bottom: 0.3em;
	margin-bottom: 13px;
	border-bottom: 1px #dddddd solid;
}
.block-scroll-header .block-scroll-header-nav a{
	font-size: 1.5rem;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-scroll-header .block-scroll-header-nav a:hover{
	color: #00ae4a;
}
.block-scroll-header .block-scroll-header-nav>div>ul>li>a{
	display: inline-block;
	position: relative;
	padding-left: 27px;
}
.block-scroll-header .block-scroll-header-nav>div>ul>li>a:before{
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 8px;
	transform: rotate(-45deg);
	width: 8px;
	height: 8px;
	border-right: 2px #00ae4a solid;
	border-bottom: 2px #00ae4a solid;
}
.block-scroll-header-nav--mypage ul{
	display: flex;
	flex-wrap: wrap;
}
.block-scroll-header-nav--mypage li{
	width: 50%;
	margin-bottom: 2px;
}
.block-scroll-header-nav--contact ul ul{
	margin-top: 5px;
	margin-left: 30px;
	display: flex;
	flex-wrap: wrap;
}
.block-scroll-header-nav--contact ul ul li{
	margin-bottom: 4px;
}
.block-scroll-header-nav--contact ul ul li:nth-child(odd){width: 55%;}
.block-scroll-header-nav--contact ul ul li:nth-child(even){width: 45%;}
.block-scroll-header-nav--contact ul ul li a{
	position: relative;
	padding-left: 15px;
}
.block-scroll-header-nav--contact ul ul li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 3px;
	width: 4px;
	height: 1px;
	background-color: #000000;
}
.block-scroll-header-menu--btn{
	position: relative;
	width: 6em;
	height: 74px;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.block-scroll-header-menu--btn:hover{
	cursor: pointer;
}
.block-scroll-header-menu--btn div{
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 6px;
	width: 19px;
	height: 21px;
}
.block-scroll-header-menu--btn div:after,
.block-scroll-header-menu--btn div span:before,
.block-scroll-header-menu--btn div span:after{
	content: "";
	display: block;
	position: absolute;
	width: 19px;
	height: 1px;
	top: 50%;
	background-color: #00ae4a;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-scroll-header-menu--btn div:after{margin-top: -1px;}
.block-scroll-header-menu--btn div span:before{margin-top: -7px;}
.block-scroll-header-menu--btn div span:after{margin-top: 5px;}
.block-scroll-header-menu--btn.active div:after{
	opacity: 0;
}
.block-scroll-header-menu--btn.active div span:before{
	width: 25px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-top: 0;
}
.block-scroll-header-menu--btn.active div span:after{
	width: 25px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-top: 0;
}
.block-scroll-header-menu--btn p{
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 33px;
	width: 100%;
	height: 100%;
	line-height: 74px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-scroll-header-menu--btn--on{opacity: 1;}
.block-scroll-header-menu--btn--off{opacity: 0; padding-left: 38px !important;}
.block-scroll-header-menu--btn.active .block-scroll-header-menu--btn--on{opacity: 0;}
.block-scroll-header-menu--btn.active .block-scroll-header-menu--btn--off{opacity: 1;}



/* --------------------------------------------------------------------
	共通
--------------------------------------------------------------------- */
/* title */
.block-common-header{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto 2em auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	font-weight: bold;
}
.block-common-header--main-title{
	font-size: 3.8rem;
	line-height: 1.2;
	letter-spacing: 0.02em;
}
.block-common-header--main-title span{
	display: block;
	font-size: 2.2rem;
}
.block-common-header--sub-title{
	font-size: 1.4rem;
	letter-spacing: 0.08em;
	color: #00ae4a;
}
.block-common-header--main-title+.block-common-header--sub-title{
	margin-top: 0.6em;
}

/* animation */
.animation-link-img{
	position: relative;
	overflow: hidden;
	display: block;
}
.animation-link-img:before,
.animation-link-img:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.animation-link-img:before{
	top: 0;
	left: 0;
	background-color: rgba(0,174,74,0);
}
.animation-link-img:hover:before{
	background-color: rgba(0,174,74,0.1);
}
.animation-link-img:after{
	opacity: 0;
	top: 50%;
	left: 50%;
	width: 41px;
	height: 31px;
	transform: rotate(15deg) translate(-50%, -50%);
	-moz-transform: rotate(15deg) translate(-50%, -50%);
	-webkit-transform: rotate(15deg) translate(-50%, -50%);
	background-image: url(../img/usr/common/ico_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.animation-link-img:hover:after{
	opacity: 1;
	transform: rotate(0) translate(-50%, -50%);
	-moz-transform: rotate(0) translate(-50%, -50%);
	-webkit-transform: rotate(0) translate(-50%, -50%);
}

/* link */
.common-link{
	display: flex;
	justify-content: center;
}
.common-link a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 2.0rem;
	font-weight: bold;
	color: #00ae4a;
	min-width: 300px;
	padding: 0 25px;
	height: 52px;
	border: 2px #00ae4a solid;
	background-color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.common-link a:hover{
	background-color: #00ae4a;
	color: #ffffff;
}
.common-link a:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	border-right: 2px #00ae4a solid;
	border-bottom: 2px #00ae4a solid;
	transform: rotate(-45deg);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.common-link a:hover:after{
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
}

/* keyframe */
@keyframes width {
  0% {width:0;}
  100% {width:100%;}
}

.common-link--blank a{
}
.common-link--blank a:after{
	display: none;
}
.common-link--blank a:before{
	content: "";
	display: block;
	position: absolute;
	right: 8px;
	top: 6px;
	width: 11px;
	height: 11px;
	background-image: url(../img/usr/common/ico_blank_L.png);
	background-size: 11px auto;
	-moz-background-size: 11px auto;
	-webkit-background-size: 11px auto;
	background-position: right top;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.common-link--blank a:hover:before{
	background-image: url(../img/usr/common/ico_blank_L_white.png);
}


/* --------------------------------------------------------------------
	トップページ
--------------------------------------------------------------------- */

/* MV */
.block-top-slider{
	overflow: hidden;
	margin-bottom: 50px;
}
.block-top-slider-contents{
	padding-bottom: 47px;
}
.block-top-slider-contents:before,
.block-top-slider-contents:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 608px;
	background-color: rgba(255,255,255,0.3);
	z-index: 10;
}
.block-top-slider-contents:before{
	left: 50%;
	margin-left: 540px;
}
.block-top-slider-contents:after{
	right: 50%;
	margin-right: 540px;
}
.block-top-slider-content{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1080px;
	height: 608px;
	overflow: hidden;
}
.block-top-slider-content a{
	display: block;
}
.block-top-slider-content a img{
	display: block;
}
.block-top-slider-contents .slick-arrow{
  position: absolute;
  top: 50%;
  width: 53px !important;
  height: 53px !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: none;
  background-color: #aaaaaa;
  background-image: none !important;
  margin-top: -51px !important;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
  z-index: 20;
}
.block-top-slider-contents .slick-prev:hover,
.block-top-slider-contents .slick-next:hover{
  cursor: pointer;
  background-color: #757575;
}
.block-top-slider-contents .slick-prev{left: 50%; margin-left: -635px;}
.block-top-slider-contents .slick-next{right: 50%; margin-right: -635px;}
.block-top-slider-contents .slick-prev:after,
.block-top-slider-contents .slick-next:after{
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  border-top: 3px #ffffff solid;
  border-right: 3px #ffffff solid;
}
.block-top-slider-contents .slick-prev:after{
  margin-left: -3px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.block-top-slider-contents .slick-next:after{
  margin-left: -8px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.block-top-slider-contents .slick-dots{
  position: absolute;
  bottom: 23px;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-top-slider-contents .slick-dots li{
  background: none;
  height: 3px;
  opacity: 1;
  margin: 0 10px;
}
.block-top-slider-contents .slick-dots li button{
  position: relative;
  width: 100px;
  height: 3px;
  border: none;
  padding: 0;
  background-color: inherit;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.block-top-slider-contents .slick-dots li button:hover{
  cursor: pointer;
}
.block-top-slider-contents .slick-dots li button:before,
.block-top-slider-contents .slick-dots li button:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  display: block;
  height: 3px;
}
.block-top-slider-contents .slick-dots li button:before{
	width: 100%;
	background-color: #f0f0f0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-slider-contents .slick-dots li:hover button:before{
	background-color: #cccccc;
}
.block-top-slider-contents .slick-dots li.slick-active:hover button:before{
	background-color: #f0f0f0;
}
.block-top-slider-contents .slick-dots li button:after{
	width: 0;
	background-color: #00ae4a;
}
.block-top-slider-contents .slick-dots li.active button:after{
	width: 100%;
}
.block-top-slider-contents .slick-dots li.slick-active button:after{
	width: 100%;
/*
  animation-name: width;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
*/
}
.block-top-slider-contents.init .slick-dots li.slick-active button:after{
/*
  animation-duration: 4s;
*/
}

/* おすすめ商品 */
.block-top-recommend-products{
	margin-bottom: 80px;
}
.block-top-recommend-products .container{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.block-top-recommend-products .event_banner_{
	width: 25%;
	padding: 0 15px;
	margin-bottom: 30px;
}
.block-top-recommend-products .event_banner_ a,
.block-top-recommend-products .event_banner_ img{
	display: block;
	margin: 0 auto;
}
.block-top-recommend-products .event_banner_ a{
	position: relative;
	overflow: hidden;
	display: block;
}
.block-top-recommend-products .event_banner_ a:before,
.block-top-recommend-products .event_banner_ a:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-recommend-products .event_banner_ a:before{
	top: 0;
	left: 0;
	background-color: rgba(0,174,74,0);
}
.block-top-recommend-products .event_banner_ a:hover:before{
	background-color: rgba(0,174,74,0.1);
}
.block-top-recommend-products .event_banner_ a:after{
	opacity: 0;
	top: 50%;
	left: 50%;
	width: 41px;
	height: 31px;
	transform: rotate(15deg) translate(-50%, -50%);
	-moz-transform: rotate(15deg) translate(-50%, -50%);
	-webkit-transform: rotate(15deg) translate(-50%, -50%);
	background-image: url(../img/usr/common/ico_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.block-top-recommend-products .event_banner_ a:hover:after{
	opacity: 1;
	transform: rotate(0) translate(-50%, -50%);
	-moz-transform: rotate(0) translate(-50%, -50%);
	-webkit-transform: rotate(0) translate(-50%, -50%);
}

/* 旬のトピックス */
.block-top-column{
	position: relative;
	z-index: 1;
	padding: 76px 0 100px 0;
	background-color: #f0f0f0;
	overflow: hidden;
}
.block-top-column-slider--items{
	width: 1080px;
	overflow: hidden;
/*	opacity: 0.3; */
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/*
.block-top-column-slider--items.slick-active{
	opacity: 1;
}
*/
.block-top-column-slider--item{
	float: left;
	width: 248px;
	margin: 0 11px 0 11px;
	background-color: #ffffff;
}
/*
.block-top-column-slider .slick-list{
	position: relative;
}
.block-top-column-slider .slick-list:before,
.block-top-column-slider .slick-list:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	background-color: rgba(255,255,255,0.7);
	z-index: 10;
}
.block-top-column-slider .slick-list:before{
	left: 50%;
	margin-left: 550px;
}
.block-top-column-slider .slick-list:after{
	right: 50%;
	margin-right: 550px;
}
*/
.block-top-column-slider:before,
.block-top-column-slider:after{
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	z-index: 2;
	background-color: rgba(240,240,240,0.7);
}
.block-top-column-slider:before{
	left: 50%;
	margin-left: 550px;
}
.block-top-column-slider:after{
	right: 50%;
	margin-right: 550px;
}
.block-top-column-slider .slick-slide a{
	position: relative;
	display: block;
	text-decoration: none;
	padding: 8px 8px 38px 8px;
	border: 2px #ffffff solid;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-column-slider .slick-slide a:hover{
	border: 2px #00ae4a solid;
}
.block-top-column-slider .slick-slide a:before,
.block-top-column-slider .slick-slide a:after{
	position: absolute;
	display: block;
	content: "";
}
.block-top-column-slider .slick-slide a:before{
	bottom: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-color: #00ae4a;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.block-top-column-slider .slick-slide a:after{
	bottom: 17px;
	right: 17px;
	width: 7px;
	height: 7px;
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.block-top-column-slider .slick-slide a>span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 228px;
	height: 124px;
}
.block-top-column-slider .slick-slide a>span img{
	max-width: 100%;
	max-height: 100%;
}
.block-top-column-slider .slick-slide a p{
	letter-spacing: -0.02em;
	margin: 0 0 0.5em 0;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.5em 0 0.5em 35px;
	border-bottom: 1px #00ae4a solid;
	background-repeat: no-repeat;
	background-position: 6px center;
	color: #00ae4a;
}
.block-top-column--1{background-image: url(../img/usr/common/ico_column1.png)}
.block-top-column--2{background-image: url(../img/usr/common/ico_column2.png)}
.block-top-column--3{background-image: url(../img/usr/common/ico_column3.png)}
.block-top-column--4{background-image: url(../img/usr/common/ico_column4.png)}
.block-top-column--5{background-image: url(../img/usr/common/ico_column5.png)}
.block-top-column--6{background-image: url(../img/usr/common/ico_column6.png)}
.block-top-column--7{background-image: url(../img/usr/common/ico_column7.png)}
.block-top-column-slider .slick-slide a div{
	padding: 2px 14px;
	margin-bottom: 0.5em;
}
.block-top-column-slider .slick-slide a div span{
	font-size: 1.6rem;
	color: #666666;
	letter-spacing: 0.03em;
}
.block-top-column-slider .slick-slide a div h3{
	padding-top: 0.1em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -0.02em;
}
.block-top-column-slider .slick-arrow{
  position: absolute;
  top: 50%;
  width: 53px !important;
  height: 53px !important;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: none;
  background-color: #aaaaaa;
  background-image: none !important;
  margin-top: -25px !important;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
  z-index: 20;
}
.block-top-column-slider .slick-prev:hover,
.block-top-column-slider .slick-next:hover{
  cursor: pointer;
  background-color: #757575;
}
.block-top-column-slider .slick-prev{left: 50%; margin-left: -635px;}
.block-top-column-slider .slick-next{right: 50%; margin-right: -635px;}
.block-top-column-slider .slick-prev:after,
.block-top-column-slider .slick-next:after{
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  border-top: 3px #ffffff solid;
  border-right: 3px #ffffff solid;
}
.block-top-column-slider .slick-prev:after{
  margin-left: -3px;
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.block-top-column-slider .slick-next:after{
  margin-left: -8px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.block-top-column-slider .slick-dots{
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.block-top-column-slider .slick-dots li{
  background: none;
  height: 3px;
  opacity: 1;
  margin: 0 10px;
}
.block-top-column-slider .slick-dots li button{
  position: relative;
  width: 200px;
  height: 3px;
  border: none;
  padding: 0;
  background-color: inherit;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.block-top-column-slider .slick-dots li button:hover{
  cursor: pointer;
}
.block-top-column-slider .slick-dots li button:before,
.block-top-column-slider .slick-dots li button:after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 3px;
}
.block-top-column-slider .slick-dots li button:before{
	width: 100%;
	background-color: #dddddd;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-column-slider .slick-dots li:hover button:before{
	background-color: #cbcaca;
}
.block-top-column-slider .slick-dots li.slick-active:hover button:before{
	background-color: #f0f0f0;
}
.block-top-column-slider .slick-dots li button:after{
	width: 0;
	background-color: #00ae4a;
}
.block-top-column-slider .slick-dots li.active button:after{
	width: 100%;
}
.block-top-column-slider .slick-dots li.slick-active button:after{
	width: 100%;
/*
  animation-name: width;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
*/
}
.block-top-column-slider.init .slick-dots li.slick-active button:after{
/*
  animation-duration: 4s;
*/
}

/* 健康体レシピ */
.block-top-recipe{
	position: relative;
	z-index: 2;
	margin-top: -4px;
	padding: 84px 0 80px 0;
	background-image: url(../img/usr/top/bg_recipe.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.block-top-recipe .container ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.block-top-recipe .container li{
	width: 50%;
}
.block-top-recipe .container li:nth-child(odd){padding-right: 14px;}
.block-top-recipe .container li:nth-child(even){padding-left: 14px;}
.block-top-recipe .container li a{
	position: relative;
	display: flex;
	background-color: #ffffff;
	padding: 8px;
	border: 2px #ffffff solid;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-recipe .container li a:hover{
	border: 2px #00ae4a solid;
}
.block-top-recipe .container li a:before,
.block-top-recipe .container li a:after{
	position: absolute;
	display: block;
	content: "";
}
.block-top-recipe .container li a:before{
	bottom: 8px;
	right: 9px;
	width: 20px;
	height: 20px;
	background-color: #00ae4a;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.block-top-recipe .container li a:after{
	bottom: 15px;
	right: 16px;
	width: 7px;
	height: 7px;
	border-right: 2px #ffffff solid;
	border-bottom: 2px #ffffff solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.block-top-recipe .container li a span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 200px;
}
.block-top-recipe .container li a img{
	max-width: 100%;
	max-height: 100%;
}
.block-top-recipe .container li a div{
	flex: 1;
	padding-left: 12px;
}
.block-top-recipe .container li a div p{
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: 0 0 0.5em 0;
	padding: 0.5em 0 0.5em 35px;
	border-bottom: 1px #00ae4a solid;
	background-repeat: no-repeat;
	background-position: 6px center;
	color: #00ae4a;
}
.block-top-recipe--1{background-image: url(../img/usr/common/ico_recipe.png)}
.block-top-recipe .container li a div h3{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0.5em 0 0 0.5em;
	line-height: 1.4;
}
.block-top-recipe .common-link a{
	min-width: 360px;
}

/* ABOUT */
.block-top-about{
	position: relative;
	z-index: 1;
	margin-top: -3px;
	background-color: #e5f7ed;
	padding: 70px 0 80px 0 ;
}
.block-top-about h2{
	position: relative;
	font-size: 3.8rem;
	color: #00ae4a;
	text-align: center;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 0.7em;
}
.block-top-about h2 span{
	display: inline-block;
	font-weight: bold;
	position: relative;
	z-index: 2;
	background-color: #e5f7ed;
	letter-spacing: -0.03em;
}
.block-top-about h2:after{
	content: "";
	display: block;
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	margin-top: 3px;
	background-color: #dddddd;
	z-index: 1;
}
.block-top-about--subscribe{
	margin-bottom: 70px;
}
.block-top-about--subscribe h3{
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1.2em;
}
.block-top-about--subscribe ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 41px;
}
.block-top-about--subscribe li{
	position: relative;
	width: 195px;
	height: 195px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center 30px;
}
.block-top-about--subscribe li:before,
.block-top-about--subscribe li:after{
	content: "";
	display: block;
	position: absolute;
}
.block-top-about--subscribe li:before{
	z-index: 1;
	width: 2.8em;
	background-color: #fff83e;
	height: 13px;
	top: 30px;
	left: 50%;
	margin-left: -1.4em;
}
.block-top-about--subscribe li:after{
	z-index: 2;
	top: 9px;
	left: 0;
	color: #00ae4a;
	text-align: center;
	width: 100%;
	font-size: 3.0rem;
	font-family: "Raleway", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	line-height: 1.2;
}
.block-top-about--subscribe li:nth-child(1):after{content: "01";}
.block-top-about--subscribe li:nth-child(2):after{content: "02";}
.block-top-about--subscribe li:nth-child(3):after{content: "03";}
.block-top-about--subscribe li:nth-child(4):after{content: "04";}
.block-top-about--subscribe li:nth-child(5):after{content: "05";}
.block-top-about--subscribe li:nth-child(1){background-image: url(../img/usr/top/ico_feature1.png);background-position: center 47px;}
.block-top-about--subscribe li:nth-child(2){background-image: url(../img/usr/top/ico_feature2.png);background-position: center 49px;}
.block-top-about--subscribe li:nth-child(3){background-image: url(../img/usr/top/ico_feature3.png);background-position: center 64px;}
.block-top-about--subscribe li:nth-child(4){background-image: url(../img/usr/top/ico_feature4.png);background-position: center 56px;}
.block-top-about--subscribe li:nth-child(5){background-image: url(../img/usr/top/ico_feature5.png);background-position: center 57px;}
.block-top-about--subscribe li p{
	position: absolute;
	width: 100%;
	top: 116px;
	left: 0;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	letter-spacing: -0.04em;
}
.block-top-about--guide{
	display: flex;
}
.block-top-about--guide-block{
	width: 50%;
}
.block-top-about--guide-block:nth-of-type(odd){padding-right: 25px;}
.block-top-about--guide-block:nth-of-type(even){padding-left: 25px;}
.block-top-about--guide-block p{
	font-size: 1.6rem;
	line-height: 1.7;
	margin-bottom: 2em;
}

/* 新着情報 */
.block-top-topiclist{
	position: relative;
	padding: 77px 0 80px 0;
	overflow: hidden;
}
.block-top-topiclist:before,
.block-top-topiclist:after{
	content: "";
	display: block;
	position: absolute;
	width: 272px;
	height: 200px;
	background-repeat: no-repeat;
}
.block-top-topiclist:before{
	top: 0;
	right: 0;
	background-image: url(../img/usr/top/bg_news1.jpg);
	background-position: right top;
}
.block-top-topiclist:after{
	bottom: 0;
	left: 0;
	background-image: url(../img/usr/top/bg_news2.jpg);
	background-position: left bottom;
}
@media screen and (max-width:1340px) {
    .block-top-topiclist:before{
        right: 50%;
        margin-right: -670px;
    }
    .block-top-topiclist:after{
        left: 50%;
        margin-left: -670px;
    }
}

.block-top-topiclist .topiclist_body_{
	position: relative;
	z-index: 2;
}
.block-top-topiclist .topicline_{
	border-top: 1px #dddddd dotted;
}
.block-top-topiclist .topicline_ li{
	border-bottom: 1px #dddddd dotted;
}
.block-top-topiclist .topicline_ li a{
	display: block;
	padding: 14px 0;
	text-decoration: none;
}
.block-top-topiclist .topicline_ li dl{
	display: flex;
	align-items: center;
}
.block-top-topiclist .topicline_ li dt{
	width: 7em;
	font-size: 1.6rem;
	padding: 0 0 0 0.7em;
	letter-spacing: 0.03em;
}
.block-top-topiclist .topicline_ li dd{
	position: relative;
	flex: 1;
	font-size: 1.8rem;
	padding: 0 0.5em 0 1.8em;
	letter-spacing: -0.08em;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-top-topiclist .topicline_ li dd:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 13px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-right: 2px #00ae4a solid;
	border-bottom: 2px #00ae4a solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.block-top-topiclist .topicline_ li a:hover dd{
	color: #00ae4a;
}


/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
footer{
	margin-top: 56px;
}
.block-footer-contact{
	background-color: #f0f0f0;
	padding: 60px 0;
}
.block-footer-contact--faq{
	display: flex;
	width: 900px;
	margin: 0 auto 40px auto;
	justify-content: center;
	align-items: center;
	border: 3px #00ae4a solid;
	background-color: #00ae4a;
	height: 90px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-footer-contact--faq:hover{
	border: 3px #036b2f solid;
}
.block-footer-contact--faq span{
	font-size: 2.2rem;
	font-weight: bold;
	color: #ffffff;
	padding-left: 40px;
	background-image: url(../img/usr/common/ico_faq.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	letter-spacing: -0.03em;
}
.block-footer-contact ul{
	display: flex;
	width: 900px;
	margin: 0 auto;
}
.block-footer-contact ul li{
	width: 50%;
}
.block-footer-contact ul li:nth-child(odd){padding-right: 15px;}
.block-footer-contact ul li:nth-child(even){padding-left: 15px;}
.block-footer-contact h3{
	position: relative;
	font-size: 2.2rem;
	color: #222222;
	text-align: center;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 0.5em;
}
.block-footer-contact h3 span{
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 0 0.6em;
}
.block-footer-contact h3:after{
	content: "";
	display: block;
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	margin-top: -2px;
	background-color: #dddddd;
	z-index: 1;
}
.block-footer-contact li a{
	display: flex;
	width: 100%;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	border: 2px #00ae4a solid;
	background-color: #ffffff;
	height: 90px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-footer-contact li a:hover{
	border: 2px #036b2f solid;
}
.block-footer-contact li a span{
	font-size: 2.2rem;
	color: #00ae4a;
	padding-left: 40px;
	background-image: url(../img/usr/common/ico_mail.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.block-footer-contact--tel{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	background-color: #ffffff;
	height: 90px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.block-footer-contact--tel div{
	display: flex;
	justify-content: center;
}
.block-footer-contact--tel div span{
	font-size: 3.3rem;
	font-weight: bold;
	line-height: 1.1;
	padding-left: 23px;
	color: #00ae4a;
	letter-spacing: -0.03em;
	background-image: url(../img/usr/common/ico_tel_L.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.block-footer-contact--tel p{
	text-align: center;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
}
.block-footer-navigation{
	position: relative;
	margin: 1.7em 0 1.5em 0;
}
.block-footer-pagetop{
	opacity: 0;
	display: block;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 50px;
	height: 50px;
	z-index: 200;
	background-color: #aaaaaa;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: opacity .4s ease;
	-moz-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
.block-footer-pagetop.block-footer-pagetop--active{
	opacity: 1;
}
.block-footer-pagetop:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -7px;
	width: 15px;
	height: 15px;
	border-top: 3px #ffffff solid;
	border-right: 3px #ffffff solid;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.block-footer-pagetop:hover{
	background-color: #757575;
}
.block-footer-navigation--text{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 1.2em 0;
}
.block-footer-navigation--text li{
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding-right: 0.5em;
	border-right: 1px #cccccc solid;
}
.block-footer-navigation--text li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.block-footer-navigation--text li a{
	text-decoration: none;
	line-height: 1.6;
	font-size: 1.5rem;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-footer-navigation--text li.blank a:after{
	content: "";
	display: inline-block;
	width: 13px;
	height: 21px;
	margin-left: 4px;
	vertical-align: middle;
	background-image: url(../img/usr/common/ico_blank.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.block-footer-navigation--text li a:hover{
	color: #00ae4a;
}
.block-footer-navigation--bnr{
	display: flex;
	justify-content: center;
}
.block-footer-navigation--bnr li{
	margin: 0 10px;
}
.block-footer-navigation--bnr li a{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 290px;
	height: 70px;
	border: 1px #dddddd solid;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-footer-navigation--bnr li a:hover{
	border: 1px #00ae4a solid;
}
.block-footer-navigation--bnr li a img{
	max-width: 100%;
	max-height: 100%;
}
.block-footer-navigation--bnr li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	background-image: url(../img/usr/common/ico_blank.png);
	background-repeat: no-repeat;
}
.block-footer-copyright{
	background-image: url(../img/usr/common/bg_navi.png);
}
.block-footer-copyright p{
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	letter-spacing: 0.05em;
	padding: 1.7em 0 1.6em 0;
}
.block-footer-security{
	display: flex;
	align-items: center;
	margin-top: 1em;
	margin-bottom: 20px;
}
.block-footer-security a{
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.block-footer-security a:hover{
	opacity: 0.85;
}
.block-footer-security a img{
	display: block;
}
.block-footer-security p{
	font-size: 1.1rem;
	padding-left: 1em;
	letter-spacing: -0.01em;
}