@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

body {
	width: 100% !important;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
	background: #fff;
}


/*リンク表示方法*/

a {
	text-decoration: underline;
}

a:link {
	color: #00523b;
}

a:visited {
	color: #00523b;
}

a:active {
	color: #4d4db3;
}

a:hover {
	color: #b34d66;
}

a:hover img {
	opacity: 1;
	filter: alpha(opacity=70);
}

nav > ul, .inner {
	width: 1060px;
	margin: 0 auto;
}


/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc {
	display: block;
}

.sp, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}


/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {margin: 9px auto 0;}

.hDiv01 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px;
}

.hUl01 {
    width: 1060px;
    margin: 0 auto;
}

.hUl01 > li {
    float: right;
    margin: 1px auto 0;
}

.hUl01 > li:first-child {
    float: left;
    margin: 0 0 0 31px;
}

.hUl01In {
    font-size: 13px;
}

.hUl01In > li {
    float: left;
    margin: 0 0 0 20px;
}

.hUl01In > li:first-child {
    margin: 0;
}

.hUl01In > li a {
    color: #333;
    text-decoration: none;
    padding: 3px 0 0 20px;
}

.hUl01In > li:first-child a {
    background: url(../img/h_log_icon.png) center left no-repeat;
    padding: 1px 0 0 20px;
}

.hUl01In > li:first-child + li a {
    background: url(../img/h_regi_icon.png) center left no-repeat;
}

.hUl01In > li:first-child + li + li a {
    background: url(../img/h_cart_icon.png) center left no-repeat;
}

.hUl01In > li:first-child a:hover {
	text-decoration: underline;
}

.hUl01In > li:first-child + li a:hover {
	text-decoration: underline;
}

.hUl01In > li:first-child + li + li a:hover {
	text-decoration: underline;
}

header h1 {
	font-weight: normal;
	font-size: 11px;
}

.logo {
	width: 251px;
	float: left;
	margin: 7px 0 0;
}

.logo a:hover img {
	opacity: 1;
}

.hUl02 {
    margin: 21px auto 0;
    width: 1060px;
}

.hTelContact {
    float: right;
}

.hTelContact > ul > li {
    float: left;
}

.hTel {
    width: 118px;
    font-size: 0;
    padding-top: 12px;
}

.hContact {
    width: 206px;
    margin: 1px 0 0 26px;
}

/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
}

th {
	background: #555;
	color: #fff;
	font-size: 14px;
}

td {
	background: #F0F0F0;
	color: #555;
	font-size: 14px;
}


/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

nav {
	margin: 20px auto 0;
	border-top: 1px solid #ccc;
}

nav ul:after,
nav:after {
	content: '';
	display: block;
	clear: both;
}

nav > ul li {
	float: left;
	width: 177px;
}

nav > ul li:first-child {
    width: 175px;
}

nav li a {
	display: block;
}


/*--  Gナビ ドロップ  --*/

.dropmenu ul > li {
    position: relative;
}

.dropmenu ul > li > a {
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
}

.dropmenu ul > li > ul {
    display: none;
    position: absolute;
    z-index: 4000;
    *
    position: relative;
    *
    z-index: 5000;
    color: #fff;
    width: 177px;
    left: 0;
}

.dropmenu ul > li:hover ul {
    display: block;
}

.dropmenu ul > li > ul > li {
    display: block;
    float: left;
    width: 177px;
    text-align: center;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    /* white-space: nowrap; */
    line-height: 1.2;
    border-top: solid 1px #000;
}

.dropmenu ul > li > ul > li:first-child {
    border-top: none;
}

.dropmenu ul > li > ul > li > a {
    display: block;
    padding: 20px 10px;
    color: #fff;
    text-decoration: none;
    background: rgb(26, 147, 59);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all  .3s;
    font-size: 14px;
    font-weight: bold;
    /* white-space: pre-wrap; */
}

.dropmenu ul > li > ul > li > a:hover {
    color: #1a933b;
    background: rgba(255, 255, 255, 0.86);
}


/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	max-width: 1920px;
	width: 100%;
	background: #ccc;
}

#cover .sp {
	display: none !important;
}

#cover li {
	width: 100%;
}

#cover img {
	width: 1060px;
	margin: 0 auto;
	display: block;
}

.cover01 {
	background: #ccc;
}

.cover02 {
	width: 100%;
    background: #555;
}

.cover03 {
	width: 100%;
    background: #333;
}

/*-- 中ページカバー --*/

.cover_in{
    width: 1060px;
    margin: 0 auto;
}

.cover_commitment{
	background: url(../img/cover_commitment.jpg) center center no-repeat;
	background-size: cover;
}

.cover_production_introduction{
	background: url(../img/cover_production_introduction.jpg) center center no-repeat;
	background-size: cover;
}

.cover_maker_supplier{
	background: url(../img/cover_maker_supplier.jpg) center center no-repeat;
	background-size: cover;
}


.cover_organic{
	background: url(../img/cover_organic.jpg) center center no-repeat;
	background-size: cover;
}

.cover_commitment{
	background: url(../img/cover_commitment.jpg) center center no-repeat;
	background-size: cover;
}

.cover_flow{
	background: url(../img/cover_flow.jpg) center center no-repeat;
	background-size: cover;
}

.cover_qa{
	background: url(../img/cover_qa.jpg) center center no-repeat;
	background-size: cover;
}

.cover_voice{
	background: url(../img/cover_voice.jpg) center center no-repeat;
	background-size: cover;
}

.cover_privacy{
	background: url(../img/cover_privacy.jpg) center center no-repeat;
	background-size: cover;
}

.cover_fair_trade{
	background: url(../img/cover_fair_trade.jpg) center center no-repeat;
	background-size: cover;
}

.cover6{
	background: url(../img/cover6.jpg) center center no-repeat;
	background-size: cover;
}

.cover5{
	background: url(../img/cover5.jpg) center center no-repeat;
	background-size: cover;
}

.cover4{
	background: url(../img/cover4.jpg) center center no-repeat;
	background-size: cover;
}

.cover3{
	background: url(../img/cover3.jpg) center center no-repeat;
	background-size: cover;
}

.cover2{
	background: url(../img/cover2.jpg) center center no-repeat;
	background-size: cover;
}

.cover1{
	background: url(../img/cover1.jpg) center center no-repeat;
	background-size: cover;
}


/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

.mainWrap {
	width: 1060px;
	margin: 56px auto 0;
}

#main {
	width: 790px;
	float: right;
}

.conteBox {
	margin: 50px 0 0;
}

.conteBox:first-child {
    margin: 0;
}

.tit01 {
    text-align: center;
}

.conte01 .tit01 {
    border-bottom: 4px double #CCC;
    padding: 0 0 10px;
}

.conte01Div {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 15px auto 0;
}

.buttonCenter {
    text-align: center;
}

.conte01Div .button01 {
    margin: 21px auto 0;
    display: inline-block;
}

.news {
    padding: 7px 0;
    margin: 10px auto 0;
}

.newsDiv {
    background: url(../img/news_bg02.png) center top no-repeat;
    padding: 7px 21px 13px;
}

.newsDiv > p {
    float: left;
    width: 114px;
    margin: 6px auto 0;
}

.newsDiv > div {
    float: right;
}

.news li dt {
    /*float: left;*/
    color: #ff0000;
    font-weight: bold;
}

.news li dd {
    float: left;
    margin: 0 0 0 20px;
    color: #ff0000;
    font-weight: bold;
}

.news li dd p {
    color: #333;
    font-weight: 100;
}

.conte03 {
    margin: 25px auto 0;
}

.tit02 {
    border-bottom: 4px double #CCC;
    padding: 0 0 12px;
    position: relative;
}

.conte03 .tit02:after {
    content: "";
    position: absolute;
    width: 114px;
    height: 14px;
    background: url(../img/conte03_tit01_after.png) center top no-repeat;
    right: 0;
    bottom: 10px;
}

.tit02_s {
    border-bottom: 4px double #CCC;
    padding: 0 0 12px;
    position: relative;
}

.conte03 .tit02_s:after {
    content: "";
    position: absolute;
    width: 114px;
    height: 14px;
    background: url(../img/sale_after.png) center top no-repeat;
    right: 0;
    bottom: 10px;
}

.listUl01  li {
    float: left;
    background: #fff;
    padding: 0;
    letter-spacing: normal;
    margin: 15px 1% 0;
    width: 23%;
    vertical-align: top;
}

.listUl01 li:nth-child(4n+1) {
    clear: both;
}

.listUl01Dl > dt {
    width: 100%;
    background: #fff;
    padding: 0 0 83.7%;
    text-align: center;
    position: relative;
    border: 1px solid #f2f2f2;
}

.listUl01Dl > dt img {
    position: absolute;
    max-width: 98%;
    max-height: 98%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.listUl01Dl > dt a:hover img {
    opacity: .7;
}

.listUl01Dl > dd {
    margin: 14px auto 0;
}

.listUl01Dl > dd > ul {
}

.listUl01Dl > dd > ul > li {
    float: left;
    margin: 0 3px 0;
    line-height: 1;
    width: auto;
}

.listUl01Dl > dd > ul > li:first-child {
}

.conte03Txt {
    font-size: 13px;
    margin: 6px auto 0;
}

.conte03Price {
    font-size: 13px;
    margin: 5px auto 25px;
}

.customerBnr {
    /* background: url(../img/bg_customerbnr_v3.png) center top/contain no-repeat; */
    /* border: 1px solid #f2f2f2; */
    text-align: center;
    /* padding: 75px; */
    margin: 27px auto 13px;
}

/* .customerBnr img {
    border-radius: 1em;
} */

.conte04 {
    margin: 25px auto 0;
}

.conte04 .tit02:after {
    content: "";
    position: absolute;
    width: 114px;
    height: 10px;
    background: url(../img/conte04_tit01_after.png) center top no-repeat;
    right: 0;
    bottom: 10px;
}

.conte04 .button01 {
    margin: 34px auto 0;
    display: inline-block;
    text-align: center;
}

.conte05 {
    background: url(../img/conte05_bg.png) left center no-repeat;
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    margin: 50px auto 0;
}

.conte05InDiv {
    margin: 24px 0 14px 30%;
    font-size: 14px;
    line-height: 28px;
}

.conte05InDiv .tit03 {
    text-align: center;
}

.conte05Div {
    margin: 24px auto 0;
}

.conte05Div .button01 {
    display: inline-block;
    margin: 10px auto 0;
    text-align: center;
}



.noDate {
    text-align: center;
    margin: 30px auto 0;
}


.point03 {
	color: #357D3C;
	font-size: 16px;
	font-weight: bold;
}

.point04 {
	color: #F3943C;
	font-size: 16px;
	font-weight: bold;
}

/*-----------------------------------------------------------
 aside
-----------------------------------------------------------*/

aside {
	width: 240px;
	margin: 12px 30px 0 0;
	float: left;
}

.asideBnrUl > li {
    margin: 9px auto 0;
}

.asideBnrUl > li:first-child {
    margin: 0;
}

.asideBnrUl > li a:hover img {
    opacity: .7;
}

.asideDiv01 {
    padding: 6px 6px 13px;
}

.asideMySearch {
    margin: 19px auto 0;
}

.asideMypage {
    background: url(../img/aside_mypage_bg.png) center top no-repeat;
}

.asideSearch {
    background: url(../img/aside_search_bg.png) center top no-repeat;
    margin: 10px auto 0;
}

.asideDiv01 > p {
    text-align: center;
    margin: 4px auto 0;
}

.titCenter {
    text-align: center;
}

.asideDiv01 h2 {
    border-bottom: 1px solid #ccc;
}

.asideDiv01 > form > div {
    background: #fff;
}

.asideDiv01 > form > div > ul > li > span {
 	font-size: 12px;
}

input[name="login_email"], input[name="login_pass"], select[name="category_id"], input[name="name"] {
    width: 100%;
    font-size: 14px;
}

select[name="cate_search"] {
    padding: 3px 5px 7px;
}

.asideDiv01 > form > div > ul {
    padding: 0 5px;
}

.asideDiv01 > form > div > ul > li {
    margin: 4px auto 0;
}

.asideDiv01 > form > div > ul > li:first-child {
    margin: 0;
}

.asideDiv01 > form > p {
    text-align: center;
    margin: 5px auto 0;
}

.asideDiv01 > form > p > .asideLogout {
    width: 100%;
    max-width: 202px;
}

.asideMypageDiv h2 {
    padding: 0 0 12px;
}

.asideSearchDiv h2 {
    padding: 0 0 7px;
}

.asideCate {
    margin: 14px auto 0;
    border: 1px dashed #999999;
    border-radius: 6px;
    padding: 4px 4px 3px;
}


/* スライドナビ */

.pull-down-list {
	display: none;
}

.asideCateUl .pull-down-list > li a {
    font-size: 12px;
    background: url(../img/aside_cate_icon.png) 1em center no-repeat;
}

.asideMypageDiv > ul {
    margin: 4px auto 0;
}

.asideSearchDiv > ul {
    margin: 10px auto 0;
}

.asideMypageDiv {
    padding: 5px 5px 26px;
}

.asideSearchDiv {
    padding: 5px 5px 24px;
}

.asideCateDiv h2 {
    padding: 0 0 12px 7px;
}

.asideCateDiv {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 7px 4px 0;
}

.asideCateUl > li a {
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    padding: 14px 0 13px 36px;
    background: url(../img/other_icon.png) left center no-repeat, url(../img/aside_cate_icon.png) right center no-repeat;
}

.asideCateUl > .asideCateLi7 a {
    background: url(../img/food_icon.png) left center no-repeat, url(../img/aside_cate_icon.png) right center no-repeat;
}

.asideCateUl > .asideCateLi8 a {
    background: url(../img/drink_icon.png) left center no-repeat, url(../img/aside_cate_icon.png) right center no-repeat;
}

.asideCateUl > .asideCateLi9 a {
    background: url(../img/season_icon.png) left center no-repeat, url(../img/aside_cate_icon.png) right center no-repeat;
}

.asideCateUl > .asideCateLi10 a {
    background: url(../img/other_icon.png) left center no-repeat, url(../img/aside_cate_icon.png) right center no-repeat;
}

.asideCateUl > li {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

.asideCateUl > li > p {
    padding: 0 10px 0 20px;
}

.asideCateUl > li a:hover {
    color: #55b21e;
}

.asideCart {
    border: 1px solid #999999;
    margin: 15px auto 0;
}

.asideCartDiv {
    padding: 9px 9px 6px;
}

.asideCartDiv h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 9px 6px;
}

.asideCateDiv .formlist dt {
	padding: 0 0 7px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.asideCateDiv .formlist dd {
	margin: 10px 0;
	text-align: center;
}

.asideCateDiv .btn {
	text-align: center;
	margin: 0 0 10px;
}

.asideCartUl {
    font-size: 14px;
    line-height: 26px;
    margin: 9px auto 0;
    padding: 0 0 0 9px;
}

.asideCartDiv > a {
    display: block;
    margin: 12px auto 0;
}

.asideCalendar {
    margin: 40px auto 0;
}

#calender_area > h3 {
    color: #00523b;
    background: #dde9c9;
    line-height: 1;
    padding: 9px 0 10px;
}

.calTb01 {
    width: 100%;
    margin: 6px auto 0;
    border-collapse: collapse;
}

.month {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    background: url(../img/calender_border.png) center center no-repeat;
    padding: 7px 0;
    text-align: center;
}


.month span {
    background: #fff;
    display: inline-block;
    padding: 0 18px;
}

.calTb01 th {
    text-align: center;
    font-size: 13px;
    background: #fff;
    color: #000000;
    font-weight: normal;
    border: 1px solid #999999;
    line-height: 1;
    padding: 3px 1% 2px;
}

.calTb01 td {
    text-align: center;
    font-size: 13px;
    background: #fff;
    border: 1px solid #999999;
    line-height: 1;
    padding: 9px 0 10px;
}

#calender_area table tr > .off:first-child {
    background: #ffcad3 !important;
}

#calender_area table tr > .off:last-child {
    background: #ffcad3 !important;
}

#calender_area .off {
    background-color: #ffcad3;
    font-weight: bold;
}

.block_body > li {
    margin: 14px auto 0;
}

.block_body > li:first-child {
    margin: 0 auto;
}

/*-----------------------------------------------------------
 お買い物クイックガイド
-----------------------------------------------------------*/

.quickGuide > h2 {
    background: #00523b;
    text-align: center;
    padding: 13px 0 16px;
}

.quickGuide {
    margin: 80px auto 0;
}

.w1060 {
    width: 1060px;
    margin: 0 auto;
}

.quickUl01 {
}

.quickUl01 > li {
    float: left;
    width: 30.1%;
    margin: 0 0 0 4.8%;
}

.quickUl02 > li dt {
    background: url(../img/leaf_icon.png) left 4px no-repeat;
    padding: 0 0 8px 25px;
    border-bottom: 1px solid #ccc;
}


.quickGuide > .w1060 {
    margin: 47px auto 0;
}

.quickUl02 > li dd {
    margin: 15px auto 0;
    font-size: 14px;
    line-height: 28px;
}

.quickUl02 > li:first-child {
    margin: 0;
}

.quickUl02 > li {
    margin: 69px auto 0;
}

.quickUl01 > li:first-child {
    margin: 0;
}

.quickUl02 > li dd p:first-child {
    margin: 0;
}

.quickUl02 > li dd p {
    margin: 29px auto 0;
}

.quickUlInfo {
    font-size: 12px;
    line-height: 24px;
    background: #f9f9f9;
    padding: 13px 16px 8px;
    margin: 14px auto 0 !important;
}

.quickUlInfo a {
    color: #00523b;
}

.quickUlInfo a:hover {
    text-decoration: none;
}



/*-----------------------------------------------------------
 footer
-----------------------------------------------------------*/

footer {
	margin: 62px auto 0;
	border-top: 1px solid #756e66;
}


footer .inner {
	padding: 0 0 23px;
	text-align: center;
}

.fIn {
    background: #5c513d;
    margin: 2px auto 0;
}

.fNavi {
    padding: 47px 0 39px;
    /* text-align: left; */
    border-bottom: 1px solid #fff;
}

.fNavi li {
	display: inline-block;
	line-height: 1;
}

.fNavi li a {
	margin: 0 0 0 4px;
	padding: 0 0 0 6px;
	font-size: 12px;
	border-left: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.fNavi li:first-child a {
    border: none;
    margin: 0;
    padding: 0;
}

.fLogoTel {
    margin: 30px auto 0;
}

.fLogoTel > li {
}

.fLogo {
    width: 251px;
    float: left;
    margin: 6px auto 0;
}

.fTel {
    width: 190px;
    float: right;
    font-size: 0;
}

.copyright {
	background: #3d3324;
	color: #fff;
	padding: 11px 0 8px;
}

.copyright ul {
    width: 1060px;
    margin: 0 auto;
}

.copyright li {
    float: right;
    font-size: 12px;
}

.copyright li:first-child {
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin: 2px auto 0;
}


/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 1060px;
    margin: 0 auto;
    font-size: 12px;
    padding: 16px 0 0;
}

.pankuzu li {
    margin: 0 0 0 10px;
    display: inline;
}

.pankuzu li:first-child {
    margin: 0;
}

.pankuzu li a {
    margin: 0 10px 0 0;
    color: #CC7128;
}

.pankuzu li a:hover {
    color: #0071BC;
}


/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
}


/* -- お問い合わせ -- */

#contact01Div {
    margin: 30px auto 0;
}

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 200px;
	margin: 0 0 0 10px;
	float: left;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 410px;
	margin: 20px auto;
}

.contact_tb td span {
	margin: 9px 0 0;
	display: block;
}

.clearForm,
.clearForm2,
.toHome {
	width: 200px;
	padding: 15px 5px;
	cursor: pointer;
	outline: 0;
	background: #555;
	color: #fff !important;
	font-size: 100%;
	border: none;
	font-weight: bold;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

.clearForm:hover,
.clearForm2:hover,
.toHome:hover {
	background: #777;
	color: #FFF;
}

.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 435px;
}


#msg {
	height: 100px;
}

#zip1, #zip2 {
	width: 150px;
}

#city, #pref, #add {
	width: 364px;
	margin: 2px 0 0 10px;
}

#add {
    margin: 2px 0 0 40px;
}

textarea {
	width: 440px;
	padding: 10px 5px;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"], input[type="password"] {
	padding: 3px;
}

input[type="text"],input[type="password"], textarea, select, option {
	border: 1px solid #999999;
}

.box380 {
    width: 320px;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}

.contact_tb {
	margin: 0 auto;
}

.contact_tb th {
	width: 220px;
	text-align: left;
	position: relative;
	line-height: 1.4;
}

.contact_tb th, .contact_tb td {
	padding: 13px 10px 10px 15px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.contact_tb th em {
	background: #F00;
	color: #FFFFFF;
	padding: 2px 5px;
	margin-left: 5px;
	right: 10px;
	font-size: 85.714%;
}


/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 40px !important;
}

.zip2formError {
	left: 220px !important;
}

.prefformError, .cityformError, .addformError {
	top: 0 !important;
	left: 80px !important;
}

.zip1 label {
	position: relative;
}


/*-- 送信前ダイアログ --*/

.ui-corner-all.ui-button-text-only:focus {
	color: #737373;
    background: #fff;
    outline: none;
    border-color: #ccc;
}

.ui-corner-all.ui-button-text-only:hover {
    color: #fff;
    background: #555;
    outline: none;
    border-color: #ccc;
    transition: .3s;
}

.ui-widget-header {
    background: #555 !important;
    border-color: #555 !important;
}

.ui-dialog .ui-dialog-content,
.ui-button-text-only .ui-button-text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}


/* TOP
----------------------------------------------------------- */


/*--- wideslider ---*/

.wideslider {
    width: 100%;
    height: 520px;
    text-align: left;
    position: relative;
}

.wideslider ul,
.wideslider ul li {
    float: none;
    /*width: 1004px;*/
    margin: 0 auto;
}

/* widesliderがちゃんと表示されるまでは、要素を非表示にする */
#cover.wideslider ul,
#cover.wideslider ul li {
    display: none;
}

#cover.wideslider ul li img {
    width: 100%;
    max-width: 1200px;
    /* padding: 0 2px; */
}


/* widesliderがちゃんと表示されたらwideslider_baseが表示されるので、このタイミングで表示状態にする */
.wideslider_base ul,
.wideslider_base ul li {
    display: block !important;
}

.wideslider_wrap ul,
.wideslider_wrap ul li {
    float: left !important;
    display: inline;
    overflow: hidden;
    font-size: 0;
    padding: 0;
}

.wideslider_base {
    position: relative;
    /* width: 1004px !important; */
}

.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}

.slider_prev,
.slider_next {
    top: 0;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.slider_prev:before {
    content: "";
    display: block;
    background: url(../img/prev_off.png) no-repeat right center;
    width: 60px;
    height: 100px;
    position: absolute;
    right: 40px;
    top: 209px;
    opacity: 1 !important;
}



.slider_next:before {
    content: "";
    display: block;
    background: url(../img/next_off.png) no-repeat left center;
    width: 60px;
    height: 100px;
    position: absolute;
    left: 40px;
    top: 209px;
    opacity: 1 !important;
}


.bx-controls.bx-has-controls-direction {
    position: relative;
}

.pagination {
    bottom: -28px;
    ma]:;
    width: 100%;
    height: 20px;
    text-align: center;
    position: absolute;
    z-index: 200;
}

.pagination a {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    overflow: hidden;
    background: #CBCBCB;
    border-radius: 8px;
    border: 1px solid #CBCBCB;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
    background: #005420;
    border: 1px solid #005420;
}

.pagination a:hover {
    background: #CC7128;
    border: 1px solid #CC7128;
}



/*-- スクロールバーデザイン --*/

.scroll-pane {
	width: 100% !important;
	height: 252px; /*箱の高さ*/
	margin: 0;
	overflow-y: auto;
}

.scroll-pane:focus {
    outline: none;
}

.jspContainer {
    width: 100% !important;
    /*overflow: hidden;*/
    position: relative;
}

.jspPane {
    width: 100% !important;
    position: absolute;
}

.jspVerticalBar {
	width: 20px;
	position: absolute;
	top: 0;
	right: -5px;
}

.jspArrowUp, .jspArrowDown {
	margin : 0;
	padding: 0;
	display: block;
	cursor : pointer;
	background: url(../img/scroll_top.png) no-repeat center;
}

.jspArrowDown {
	background: url(../img/scroll_bottom.png) no-repeat center;
}

.jspTrack {
	background: url(./../img/scroll_bg1.png) repeat-y;
	position: relative;
	background-position: center;
}

.jspDrag {
	width: 4px;
	margin: 0 auto;
	background: #afa289;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}


/* 新着情報
----------------------------------------------------------- */

.news li {
	width: 98%;
	margin: 0;
}

.news dl {
	width: 100%;
	padding: 15px 5px 13px;
	border-top: 1px solid #ccc;
	font-size: 13px;
	line-height: 24px;
}

.news li:first-child dl {
	border-top: none;
}


/*-----------------------------------------------------------
 中ページ
-----------------------------------------------------------*/



/*-----------------------------------------------------------
 ユーザーページ
-----------------------------------------------------------*/


/* オーガニックとは
----------------------------------------------------------- */


.imgLeftUl > li {
    float: left;
    width: 50%;
    margin: 0 0 0 5%;
}

.imgLeftUl > li:first-child {
    width: 45%;
    margin: 0;
}

.imgLeftUl {
    padding: 1%;
    margin: 30px auto 0;
    border-top: 4px double #ccc;
    /*border-bottom: 4px double #ccc;*/
    padding: 20px 0;
}

.imgLeftUl > li > p {
    margin: 10px auto 0;
    font-size: 14px;
    line-height: 28px;
}

.organic02Dl {
    margin: 30px auto 0;
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    padding: 20px 0;
}

.organic02Dl > dd {
    font-size: 14px;
    line-height: 28px;
    margin: 20px auto 0;
    text-align: center;
}

.organic02Dl > dt {
    text-align: center;
    font-weight: bold;
    color: #AFA289;
}

.organic02Dl > dd > p {
    margin: 20px auto 0;
}

.organic02Dl > dd > p span {
    font-weight: bold;
    color: #55B21E;
}

/* フェアトレードとは
----------------------------------------------------------- */

.fair_trade02 .listUl01 > li {
    text-align: center;
}

.fair_trade02 .listUl01 > li dt {
    border: 1px solid #ccc;
    padding: 1%;
}

.fair_trade02 .listUl01 > li dd {
    margin: 10px auto 0;
}

.img3Ul > li {
    width: 30%;
    float: left;
    margin: 0 1% 0;
    text-align: center;
}

.fair_trade02Div {
    margin: 30px auto 0;
}

.fair_trade02Txt {
    margin: 30px auto 0;
}

.fair_trade02Txt h3 {
    text-align: center;
}

.fair_trade02Txt p {
    margin: 10px auto 0;
    font-size: 14px;
    line-height: 28px;
}

.fair_trade03P {
    text-align: center;
    color: #5c513d;
    margin: 50px auto 0;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
}


.fair_trade02Div > .buttonCenter > a {
    text-align: center;
    display: block;
    margin: 20px auto 0;
}



/* 購入の流れ
----------------------------------------------------------- */


.flow01Div {
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    padding: 20px 0;
    margin: 30px auto 0;
}

.flow01Div > p {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}

.flow01Div > .buttonCenter  > a {
    text-align: center;
    margin: 30px auto 0;
    display: inline-block;
}

.flow01DivImg {
    margin: 30px auto 0;
}

.flow02Div > p {
    font-size: 14px;
    line-height: 28px;
}

.flow02Div {
    margin: 30px auto 0;
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    padding: 20px 0;
}

.flow02Div > .img3Ul {
    margin: 30px auto 0;
}

.flow02Div > .img3Ul > li {
    text-align: left;
}

.flow02Div > .img3Ul > li dt {
    text-align: center;
}

.flow02Div > .img3Ul > li dd {
    font-size: 13px;
    padding: 10px 0;
    color: #cc7128;
}

.flow01Div > .buttonCenter  > a:hover img {
    opacity: .7;
}

.flow02Div > .img3Ul > li dt
 a:hover img {
    opacity: .7;
}




/* 商品へのこだわり
----------------------------------------------------------- */

.commitment01Div {
    margin: 30px auto 0;
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    padding: 20px 0;
    background: url(../img/conte05_bg.png) left center repeat-y;
}

.commitment01Div > ul {
    background: rgba(255, 255, 255, 0.67);
}

.commitment01Div li {
    margin: 30px auto 0;
}

.commitment01Div li dt {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #CC7128;
}

.commitment01Div li:first-child {
    margin: 0;
}

.commitment01Div li dd {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    margin: 10px auto 0;
}

.commitment02 .buttonCenter {
    margin: 30px auto 0;
}
/*　20170922 ADD */
.conDlDd > p {
    display: block;
    margin: 0 auto 30px;
}
.conDlDd > h3 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.conDlDd > ul {
    text-align: left;
    width: 50%;
    display: block;
    margin: 0 auto;
}
.conDlDd > ul > li {
   margin: 0 auto 0.5em;
   list-style-type: square;
}


.markBox > dl {
	margin: 30px auto 0;
	border-top: 4px double #ccc;
	border-bottom: 4px double #ccc;
	padding: 20px 0;
}

.markBox > dl > dt {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #CC7128;
}

.mark_detail {
	margin: 10px 0 0;
}

.mark_detail li {
	width: 46%;
	float: left;
	margin: 2%;
}

.mark_detail dt {
	width: 15%;
	float: left;
}

.mark_detail dd {
	width: 83%;
	float: right;
	font-size: 80%;
}






/* よくある質問＆お客様の声
----------------------------------------------------------- */


.VoiceQaUl01 {
    margin: 30px auto 0;
    padding: 20px 0;
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
}

.VoiceQaUl01 > li {
    margin: 30px auto 0;
    /* border-top: 1px solid #ccc; */
    padding: 10px 0 0;
}

.VoiceQaUl01 > li:first-child {
    margin: 0;
    border-top: none;
}

.acMenu dt {
    color: #fff;
    background: url(../img/arrow_bottom01.png) 98% center no-repeat, #cc7128;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    padding: 0 30px 0 1em;
}

.voice01 .acMenu dt {
    background: url(../img/arrow_bottom01.png) 98% center no-repeat, #AFA289;
}

.voice01 .acMenu dd {
    padding: 1%;
    display: block;
    background: url(../img/news_bg01.jpg) center top repeat-y;
    font-size: 14px;
    line-height: 28px;
}

.acMenu dd {
    padding: 1%;
    display: none;
    background: url(../img/news_bg01.jpg) center top repeat-y;
    font-size: 14px;
    line-height: 28px;
}

.acMenu dd p {
    background: #fff;
    padding: 1%;
}


/* プライバシーポリシー
----------------------------------------------------------- */

.privacy01Div {
    border-top: 4px double #ccc;
    border-bottom: 4px double #ccc;
    padding: 20px 0;
    margin: 30px auto 0;
}

.leadTxt {
    font-size: 14px;
    padding: 20px 2%;
    background: #5C513D;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
}

.privacy01 dl {
	margin: 30px 0 0;
}

.privacy01 dt {
	margin: 20px 0 0;
	padding: 0 1%;
	display: inline-block;
	font-weight: bold;
	border-bottom: 2px solid #2D715A;
}

.privacy01 dt:first-child {
	margin: 0;
}

.privacy01 dd {
	font-size: 14px;
	margin: 10px 10px 0;
}


/* 会社概要
----------------------------------------------------------- */

.abouts01 table {
    margin: 30px auto 0;
}

.abouts02 > p {
    text-align: center;
    margin: 30px auto 0;
}

.abouts02 > p iframe {
    width: 100%;
    height: 300px;
}



/* 特定商取引
----------------------------------------------------------- */



.order01 table {
    margin: 30px auto 0;
}


/* 商品一覧（不要な場合は消す）
----------------------------------------------------------- */

.Plist01 {
    margin: 0;
}

.Plist01Div {
    margin: 30px auto 0;
}

.Plist01Div > .img3Ul > li dt a:hover img {
    opacity: .7;
}

.Plist01Div > .img3Ul > li dd {
    font-size: 13px;
    padding: 10px 0;
    color: #cc7128;
    text-align: left;
}

.Plist02 {
    margin: 50px 0 30px !important;
}

.listUl {
	margin: 30px 0 0;
}

.listUl li {
	width: 220px;
	margin: 0 6px;
	float: left;
	text-align: center;
}

.listUl .ulBr {
    margin: 0;
}

.listUl dd {
	margin: 5px 0 20px;
}

.listUl dd p {
	border-top: 1px solid #ccc;
	padding: 5px 5px 2px;
	font-size: 14px;
}

.listUl dd p:first-child {
	border: none;
}




/* 商品詳細
----------------------------------------------------------- */

.prooductDetailUl {
	margin: 30px 0 0;
	border-top: 4px double #ccc;
	border-bottom: 4px double #ccc;
	padding: 20px 0;
}

.prooductDetailUl > li {
	width: 46%;
	margin: 0 0 0 3%;
	float: left;
}

.prooductDetailUl > li:first-child {
	width: 51%;
	max-width: 400px;
	margin: 0;
}

.prooductDetailUlR img {
	width: auto;
}

.inner_title {
	font-size: 23px;
	margin: 10px 0 4px;
	line-height: 1;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
}

.item_no {
    font-size: 13px;
    text-align: right;
}

.detailIn01 {
	margin: 7px 0 20px;
}

.detailIn02 ul + ul {
	margin: 12px 0;
}

.detailIn02 li:first-child {
	float: left;
	padding: 10px 0 0;
	width: auto;
    display: inline-block;
}

.detailIn02 li {
	/*float: left;
	width: 79%;*/
}

.detailIn02 li select {
	width: 100%;
    margin: 7px 0 0;
    padding: 0 5px;
    height: 27px;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

.prooductDetailInUl .status_icon {
	margin: 20px auto 0;
}

.prooductDetailInUl .status_icon > li {
    float: left;
    margin: 0 3px 0;
    line-height: 1;
}

.detailIn01 .conte03Price {
    font-size: 17px;
    color: #333;
    font-weight: bold;
    text-align: right;
    margin: 40px auto 0;
}

.sale_price > dt {
    float: left;
    color: #5C513D;
}

.sale_price > dd {
    float: right;
}

.relative_cat {
    margin: 30px 0 0;
    background: #F9F9F9;
    padding: 10px 2%;
}

.tax_text {
	font-size: 60%;
    display: inline-block;
    margin: 0 0 0 4px;
}

.main_comment {
	padding: 0;
	margin: 50px auto 0;
	line-height: 2;
	font-size: 87%;
	color: #000;
}

.main_commentDiv {
    padding: 20px 2%;
    background: #F9F9F9;
    font-size: 15px;
}

.main_comment .title {
    border-bottom: 4px double #CCC;
    padding: 0 0 12px;
    text-align: left;
    font-size: 20px;
}

.prooductDetailInUl .price {
    padding: 0;
    margin: 0;
    color: #333;
    font-weight: bold;
    font-size: 140%;
}

.quantity dt {
	float: left;
	padding: 10px 0 0;
	margin: 0 15px 0 0;
    width: auto;
    display: inline-block;
}

.quantity dd {
	float: left;
	width: 79%;
}

.quantity dd input {
	width: 100%;
    margin: 7px 0 0;
    padding: 0 5px;
    height: 27px;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    font-size: 90%;
}

.cartin {
	text-align: center;
	margin: 35px 0 0;
}


.cart_category a {
	font-size: 87%;
	line-height: 2.2;
	color: #333;
}


.favorite_btn {
	margin: 20px 0 0;
	text-align: center;
}

.favorite_btn img {
	max-width: 226px;
}

.flex-direction-nav a {
	height: 50px;
}

.detailBox {
	margin: 20px auto 0;
}

.detailBox > div {
	float: left;
}

.detailImg {
	width: 480px;
}

.detailTxt {
	width: 220px;
	text-align: center;
}

.detailTxt p {
	padding: 12px 0 10px;
	border-top: 1px solid #ccc;
	font-size: 90%;
}

.detailTxt p:first-child {
	border-top: none;
}

.sub_image_title {
	font-size: 110%;
	font-weight: bold;
	font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.sub_image_comment {
	font-size: 90%;
	padding: 1% 2%;
}


/*-- flexslider --*/

.flexslider {
	width: 100%;
	margin: 0;
	border: 0;
}

#carousel {
	width: 480px !important;
	margin: 10px auto 0;
}

#carousel li {
	width: 113px !important;
	margin: 0 6px 0 0 !important;
}

.lb-number {
	display: none !important;
}



/* 商品購入
----------------------------------------------------------- */


/*-- STEP --*/

.list-shopping-flow {
	display: table;
	width: 100%;
	list-style: none;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	font-size: 80%;
}

.list-shopping-flow li.active {
	background-color: #CC7128;
}

.list-shopping-flow li {
	text-align: center;
	background-color: #15973b;
	color: #fff;
	font-weight: bold;
	width: 12%;
	height: 44px;
	line-height: 17px;
	display: table-cell;
	padding-left: 5px;
}

.list-shopping-flow li:before {
	display: block;
	background: #15973b;
	width: 15px;
	height: 22px;
	border-right: 2px solid #fff;
	margin: 0 -11px -17px auto;
	content: " ";
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	transform: skew(20deg);
}

.list-shopping-flow li:after {
	display: block;
	background: #15973b;
	width: 15px;
	height: 22px;
	border-right: 2px solid #fff;
	margin: -17px -11px 0 auto;
	content: " ";
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	transform: skew(-20deg);
}

.list-shopping-flow li.active:before, .list-shopping-flow li.active:after {
	background: #CC7128;
}


/* 20181227@tojo記載（complete）
----------------------------------------------------------- */

.add_btn_area01 {
    text-align: center;
    border: solid 1px #ccc;
    padding: 20px;
    margin: 30px auto 0;
}

.add_btn_area02 {
    text-align: center;
    border: solid 1px #ccc;
    padding: 20px;
    margin: 30px auto 0;
}

.add_btn_area02 > a {
    margin: 20px auto 0;
    display: block;
}

.add_btn_area02 > p {
    font-weight: bold;
}

#undercolumn_shopping .add_btn_area02 > h3 {
    font-size: 18px;
    color: #d02929;
}

#undercolumn_shopping .add_btn_area01 > h3 {
    font-size: 18px;
    color: #333;
}

.attentionSt.addSt02 {
    font-size: 18px;
}

/* 20181227@tojo記載（complete）ここまで
----------------------------------------------------------- */
/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 1060px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

img {
	width: auto;
	max-width: 100%;
	height: auto;
}



/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

header {
	width: 100%;
}

header h1 {
}

.logo {
}

.headerAdd {
	width: 45%;
	margin: 0 0 0 1%;
	font-size: 90%;
}

.headerTel {
	width: 25%;
	height: auto;
	margin: 0 0 0 1%;
}

header, .inner {
	width: 100%;
}

nav > ul {
	width: 100.4%;
	margin: 0 auto 0;
}

nav ul > li {
	width: 16.6%;
}

nav ul > li:first-child {
	width: 16%;
}

.hUl01 {
    width: 98%;
}

.hUl01 > li:first-child {
    margin: 0 0 0 3%;
}


.logo img {
    width: auto;
}

.hTelContact img {
    width: auto;
}

.hUl02 {
    width: 98%;
}


/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

#cover {
    max-width: 1060px;
}

.cover_in {
    width: 100%;
    max-width: 1060px;
}

#cover img {
	width: 100%;
}

.cover_in > h2{
	max-width: 1060px;
}


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/

.mainWrap {
    width: 98%;
}

#main {
    width: 74%;
}

.slider_next {
    width: 20% !important;
}

.slider_prev {
    width: 20% !important;
}

.newsDiv > p {
    width: 15%;
}

.newsDiv {
    padding: 7px 1% 13px;
}

.news li dt {
    width: 100%;
    float: none;
}

.news li dd {
    margin: 0;
    float: none;
    width: 100%;
}

.news {
    padding: 7px 1%;
}

.customerBnr {
    padding: 0.6%;
}

.listUl01Dl > dd > ul > li {
    margin: 0 1% 0;
}

.w1060 {
    width: 98%;
}



/*-----------------------------------------------------------
#aside
-----------------------------------------------------------*/


aside {
    width: 23%;
    margin: 12px 3% 0 0;
}


.asideMypageDiv {
    padding: 5px 1% 26px;
}

.asideDiv01 {
    padding: 6px 2% 13px;
}

.asideCate {
    padding: 4px 1% 3px;
}

.asideCateDiv {
    padding: 7px 1% 0;
}

.asideCateDiv h2 {
    padding: 0 0 12px 1%;
}

.asideCateUl > li > p {
    padding: 0 1% 0 2%;
}

.asideCateUl > li a {
    padding: 14px 0 13px 18%;
    font-size: 13px;
}

.asideCartDiv {
    padding: 9px 2% 6px;
}

.asideMypageDiv {
    padding: 5px 1% 26px;
}

.asideDiv01 {
    padding: 6px 2% 13px;
}

.asideCate {
    padding: 4px 1% 3px;
}

.asideCartDiv {
    padding: 9px 2% 6px;
}

.conte05InDiv {
}

.conte05 {
    background-repeat-y: repeat;
}





/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

.copyright small {
	width: 96%;
}

.fNavi {
    width: 98%;
    margin: 0 auto;
}

.fLogoTel {
    width: 98%;
}

.copyright ul {
    width: 98%;
}





/* 全ページ共通クラス
----------------------------------------------------------- */

.pankuzu {
	width: 98%;
}


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

.conte02 .txtBox {
    width: 96%;
    padding: 2%;
}

.news li {
    width: 95%;
    margin: 0 1%;
}

.news dl {
    width: 100%;
    padding: 15px 1% 13px;
    font-size: 12px;
}

.scroll-pane {
	width: 82% !important;
}


/* 中ページ
----------------------------------------------------------- */

.leadTxt {
	padding: 20px 2%;
	font-size: 100%;
}

.privacy dt {
	padding: 0 1%;
}

.privacy dd {
	margin: 10px 2%;
}

.company table {
	width: 100%;
}

.company iframe {
	width: 100%;
}

.listUl li {
	width: 31.3%;
	margin: 0 1%;
}


/*-- お問い合わせ --*/

.clearForm,
.clearForm2 {
	width: 96%;
	padding: 15px 2%;
}

.contact_tb th {
	width: 30%;
	font-size: 80%;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.choose_list1 > li {
	width: 48%;
	margin: 0 0 0 2%;
}

.choose_list1 > li:first-child {
	margin: 0;
}

.choose_list1 {
	width: 60%;
	margin: 20px auto;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 95%;
	padding: 2%;
}

#zip1, #zip2 {
	width: 30%;
}

#city, #pref, #add {
	width: 95%;
	margin: 2px 0 0;
}

#add {
    margin: 2px 0 0;
}

/*-- エラーチェック --*/

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 10% !important;
}


/*-- 商品詳細 --*/

.detailImg {
	width: 70%;
}

.detailTxt {
	width: 29%;
	margin: 0 0 0 1%;
}


/*-- flexslider --*/

.flexslider {
	width: 100%;
	margin: 0;
	border: 0;
}

.flexslider img {
	width: 100%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1060px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: block;
}

.sp {
	display: none;
}

.contact_tb th {
	font-size: 70%;
}


.logo {
    width: 33%;
}

.hTelContact {
    width: 61%;
    margin: 0 0 0 6%;
}

.hTel {
    width: 49%;
}

.hContact {
    width: 48%;
    margin: 1px 0 0 3%;
}

.listUl01  li {
    width: 48%;
}

.listUl01Dl > dt {
    padding: 0 0 72%;
}

.conte05InDiv {
    background: rgba(255, 255, 255, 0.71);
    margin: 24px 0 14px 8%;
    padding: 0;
}

.asideDiv01 > form > div > ul > li > span {
    font-size: 10px;
}


.mark_detail dt {
	width: 100%;
	text-align: center;
	float: none;
}

.mark_detail dd {
	width: 100%;
	float: none;
	font-size: 80%;
	margin: 13px 0 0;
}



/*-- 商品購入STEP --*/

.list-shopping-flow {
	width: 100%;
	margin: 0 0 30px;
	list-style: none;
	overflow: hidden;
	display: table;
	font-size: 65%;
}

.list-shopping-flow li {
	width: 47%;
	margin-bottom: 2px;
	display: inline-block;
	max-width: 100%;
}


.pagenumber_area .change {
    float: none;
    width: 100%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print, screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc, .pcTel {
	display: none;
}

.sp {
	display: block;
}

.spTel  {
	display: inline;
}


/*-- テーブル --*/

table {
	width: 100%;
}

th, td {
	width: 100%;
	display: block;
}


/* ヘッダー
----------------------------------------------------------- */

.logo {
	width: 60%;
	margin: 0;
}

.telBtn {
	width: 12%;
	margin: 0 0 0 16%;
	float: left;
}

.menuBtn {
	width: 12%;
	float: right;
}

#cover .pc {
	display: none !important;
}

#cover .sp {
	display: block !important;
}


.hUl01In > li {
    margin: 0 0 0 3%;
}

.hUl01 > li:first-child {
    margin: 0;
    float: none;
}

.hUl01 > li {
    float: none;
    width: 100%;
    margin: 10px auto 0;
}

/*--- modal ---*/

.telBtn a,
.menuBtn a {
	margin: 0;
	font-size: 300%;
	color: #555;
	text-align: center;
	display: block;
	line-height: 0;

}

#pageslide {
	width: 65%;
	padding: 1%;
	display: none;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 9999;
	color: #FFF;
	background: #5C513D;
	border-left: solid 5px #e5e5e6;
	box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 10px 0px;
	overflow-y: auto;
}

p.btn-close {
	width: 60%;
	margin: 5% auto;
	padding: 6px 2% 3px;
	background: #fbfbfb;
	font-size: 94%;
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.btn-close > a {
	text-decoration: none !important;
	color: #4d4d4d;
	display: block;
}

.page_slide_navi {
	width: 96%;
	margin: 0 auto;
}

#slide_navi li a {
	margin: 7px 0 0;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	font-size: 90%;
	border-bottom: 1px solid #c9c9c9;
}


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

#pageTop {
	display: none !important;
}





/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 20px auto 0;
	background: #5C513D;
}

.sp nav li a,
.sp nav li a:link,
.sp nav li a:visited {
	color: #fff;
}


.sp nav li, .sp nav > ul li:first-child {
	width: 100%;
	float: none;
}

.sp nav li a {
	padding: 10px 0 6px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: initial;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #333;
}

.sp nav li a:hover {
	background: initial;
}


/*-- フッターアイコン --*/

.sp footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #aaa;
	background: #5C513D;
}

.sp footer ul:after {
	content: '';
	display: block;
	clear: both;
}

.sp .f_inner {
    margin: 10px auto;
}

.sp .f_inner li {
	width: 32%;
	margin: 0 0.5%;
	float: left;
}

.sp footer li a {
	padding: 10px 0 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	border: 2px solid #fff;
	text-align: center;
	font-size: 60%;
}

footer ul li:first-child a {
    border: 2px solid #fff;
}

.sp footer li a i {
	margin: 0 0 5px;
	font-size: 540%;
	display: block;
}

.sp .copyright {
	margin: 0;
	padding: 10px 2%;
	font-size: 70%;
	color: #fff;
	text-align: center;
}


.copyright li:first-child {
    width: 100%;
    float: none;
}

.copyright li {
    float: none;
    width: 100%;
}




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

#main, aside {
	float: none;
}

#main {
	width: 100%;
}

aside {
	width: 98%;
	margin: 20px auto 0;
}


.quickUl01 > li {
    float: none;
    width: 100%;
    margin: 30px auto 0;
}

.conte05InDiv {
    margin: 24px 0 14px;
}

/* aside
----------------------------------------------------------- */


.asideWrap01 > ul {
    float: left;
    width: 50%;
}

.asideWrap01 > div {
    float: right;
    width: 48%;
    max-width: 240px;
}


.asideMySearch {
    margin: 0;
}



.asideCate {
    float: left;
    max-width: 240px;
    width: 48%;
    margin: 0;
}

.asideCart {
    float: right;
    width: 48%;
    margin: 0 0 0 4%;
    max-width: 240px;
}

.asideCateCartWrap {
    margin: 30px auto 0;
}

.calTb01 th {
    display: table-cell;
    width: 14%;
}

.calTb01 td {
    display: table-cell;
    width: 14%;
}

.block_body > li {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
    max-width: 240px;
}

.quickUl02 > li {
    float: left;
    width: 48%;
    margin: 0 0 0 4%;
}

.quick1Col .quickUl02 > li {
    float: none;
    width: 100%;
}


/* 中ページ
----------------------------------------------------------- */



/* ユーザーページ
----------------------------------------------------------- */

.imgLeftUl > li {
    float: none;
    width: 100%;
    margin: 30px auto 0;
}

.imgLeftUl > li:first-child {
    width: 100%;
    text-align: center;
}



.company th, .company td  {
	width: 96%;
	padding: 10px 2%;
}

.company iframe {
	width: 96%;
	margin: 30px auto 0;
	display: block;
}

.listUl li {
	width: 48%;
}

.contact_tb th, .contact_tb td {
	width: 96%;
	padding: 13px 2%;
	font-size: 100%;
}

.choose_list1 {
	width: 80%;
}

#name, #post, #mail, #mail_confirm, textarea, #url, #kana, #tel, #msg {
	width: 96%;
}

#zip1, #zip2 {
	width: 40%;
}

#city, #pref, #add {
	width: 98%;
	margin: 2px 0 0;
}

/*-- エラーチェック --*/

.zip1formError {
	left: 10% !important;
}

.zip2formError {
	left: 54% !important;
}

.prefformError, .cityformError, .addformError {
	top: 30px !important;
	left: 50% !important;
}

.detailBox > div {
	width: 100%;
	float: none;
}

.detailBox > .detailTxt {
	width: 98%;
	margin: 20px auto 0;
}

.formError {
	top: 20px !important;
	left: 10% !important;
}

.zip2formError {
	width: 42% !important;
	left: 50% !important;
}




/* 商品詳細
----------------------------------------------------------- */

.item_list05 > li {
    width: 48%;
}

#whobought_area .product_item {
    width: 46%;
    margin: 3% 1%;
}

.prooductDetailUl > li:first-child {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.prooductDetailUl > li {
    width: 96%;
    margin: 30px auto 0;
    float: none;
}

.cartin_btn {
	max-width: 360px;
	margin: 0 auto;
}



/*--------colspanテーブル--------*/

.tb_wrap {
	overflow-x: scroll;
	margin: 20px 0 15px;
}

.tb_wrap table {
	/*width: 750px !important;*/
	margin: 0 !important;
}

.tb_wrap table th {
	width: auto !important;
	display: table-cell;
}

.tb_wrap table td {
	width: auto !important;
	display: table-cell;
}



#address_area .information {
    float: none;
    width: 100%;
}

#address_area .add_multiple {
    float: none;
    width: 100%;
}

.btn_area li {
    padding-right: 0;
}

.box380 {
    width: 100%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn {
	width: 12%;
}

.menuBtn {
	width: 12%;
	float: right;
}

.telBtn a,
.menuBtn a {
	font-size: 240%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons {
    width: 94% !important;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

.choose_list1 {
	width: 96%;
	font-size: 90%;
}

.choose_list1 > li {
	width: 49%;
}

.quickUl02 > li dt {
    font-size: 14px;
}

.quickUl02 > li dd {
    font-size: 12px;
}

.asideWrap01 > ul {
    float: none;
    width: 100%;
    text-align: center;
}

.asideWrap01 > div {
    float: none;
    width: 100%;
    margin: 30px auto 0;
}

.asideCate {
    float: none;
    width: 100%;
    margin: 0 auto;
}

.asideCart {
    float: none;
    width: 100%;
    margin: 12px auto 0;
}

.block_body > li {
    float: none;
    width: 100%;
    margin: 12px auto 0;
}

.quickUl02 > li {
    float: none;
    width: 100%;
    margin: 30px auto 0;
}

.markBox {
	width: 96%;
	margin: 0 auto;
}

.mark_detail li {
	width: 100%;
	float: none;
	margin: 30px 0 0;
}




/* 中ページ
----------------------------------------------------------- */

.img3Ul > li {
    float: none;
    width: 100%;
    max-width: 240px;
    margin: 10px auto 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media print,screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.telBtn a,
.menuBtn a {
	font-size: 200%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/*--------------0809------------------*/

dt.sale_img {
    position: relative;
}

dt.sale_img:before {
    content: "SALE";
    width: 60px;
    height: 25px;
    background: #ff0000;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/*-------------0829---------------*/

.voice_t {
    width: 96%!important;
    height: 252px;
    margin: 0;
    overflow-y: auto;
    font-size: 13px;
}

.voice_t ul li div {
    background: #e1ddce;
    padding: 2px 0 2px 6px;
    margin-bottom: 6px;
}

.voice_t ul li {
    margin-bottom: 8px;
}

.voice {
    background: url(../img/news_bg01.jpg) center top no-repeat;
    padding: 7px 0;
    margin: 0;
}

.info_t .newsDiv > div {
    float: none;
}

.info_t .newsDiv .scroll-pane {
    width: 100% !important;
}

.info_t li {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.info_t li + li {
	margin-top: 20px;
}

.info_t li > a {
    display: block;
    margin-right: 20px;
    width: 200px;
}

.info_t li > a:hover img {
    opacity: 0.75;
}

.info_t li > a .comment {
    display: none;
}

.info_t li .title {
    flex: 1;
}

.info_t li .title img {
    display: none;
}

.info_t li .title span,
.info_t li .title a {
    display: block;
}

.info_t li .title .date {
    font-size: 14px;
}

.info_t li .title a {
    font-weight: bold;
    text-decoration: underline;
}

.info_t li .title a:hover {
    text-decoration: none;
}

.info_t li .title .text {
    font-size: 12px;
}

@media screen and (max-width: 415px) {
    .info_t li > a {
        margin-right: 10px;
        width: 100px;
    }
}

.conteBox_plus,
.news {
    background: url(../img/news_bg03.jpg) center top no-repeat !important;
}

#deliv_date0 option[value="2019/08/10(土)"],
#deliv_date0 option[value="2019/08/11(日)"],
#deliv_date0 option[value="2019/08/12(月)"],
#deliv_date0 option[value="2019/08/13(火)"],
#deliv_date0 option[value="2019/08/14(水)"],
#deliv_date0 option[value="2019/08/15(木)"],
#deliv_date0 option[value="2019/08/16(金)"],
#deliv_date0 option[value="2019/08/17(土)"],
#deliv_date0 option[value="2019/08/18(日)"],
#deliv_date0 .selector-hide {
    display: none;
}

.box_serch00 {
    width: 240px;
    margin: 0 auto;
}

@media screen and (min-width: 592px) {
    .box_serch00 {
        display: none;
    }
}

@media screen and (max-width: 591px) {
    .sr01 {
        display: none;
    }
}

li.flowttl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    background-color: #efede9;
    padding-left: 5px;
}

li.flowtxt {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    padding-left: 31px;
    margin-bottom: 20px;
}