/*
/*
Theme Name:DELIVER339
Theme URI:https://deliver.339.co.jp/
Author:mizuho ogino
Author URI:http://web.contempo.jp
*/

@charset "UTF-8";


/* ::::::::::: OVERAL SETUP ::::::::::: */
html, body { background:#fff; display:block; height:100%; margin:0; padding:0; overflow:hidden; }
#wrapper { background:#f1ece4; height:100%; margin:0; padding:0; width:100%; overflow-y:scroll; -webkit-transition:margin-left .3s; transition:margin-left .3s; -webkit-overflow-scrolling:touch; }
main { height:100%; padding-top:12px; }
body *, *:before, *:after { border-color:#cdc9bd; border-color:rgba(32,30,48,0.2); }
/* Color & Typography */
body, button, input, select, textarea { color:#746d57; font-family:"Noto Sans JP", sans-serif; }
body *, *:before, *:after { border-color:#cbc8c5; }

.catchphrase { font-weight:bold; line-height:1.5; text-align:center; font-size:1.35em; } 
.catchphrase br { display:block; } 

h1 { font-weight:900; font-family:inherit; }
h2 { font-weight:900; font-family:inherit; color:#3f3c37; }

.priceval { font-weight:bold; color:#e27500; font-family: Helvetica; letter-spacing:.05em; vertical-align:bottom; }
.priceval .number { font-size:1.25em; margin-left:.08em; vertical-align:bottom; }
a:hover .priceval { color:#890a0a; }
.cursive { font-size:1.4em; font-family:"cursive", cursive; text-transform:lowercase; letter-spacing:-.028em }
.cursive:first-letter { text-transform:capitalize; }
small { color:#826d4b; }
span.mark-star, span.mark-circle, ul:not([id]):not([class]) li:before , span.mark-square, span.mark-notice { color:#c08e62; }
hr { border-bottom-width:3px; border-bottom-style:dotted; }

a.phone .phone-number { color:#e39822; font-weight:900; letter-spacing:0.1em; -webkit-transition:color 0.4s; transition:color 0.4s; -webkit-transition:background 0.4s; transition:background 0.4s; }
a.phone .phone-number i { display:inline; font-size:.9em; margin:0 .2em 0 .15em; font-weight:normal; color:#969286; }
a.phone.hover .phone-number { color:#e27500; }




/* ::::::::::: HEADER CROWN & MENU ::::::::::: */
#site-header { padding:0; height:64px; background:#fff; position:fixed; top:0; left:0; right:0; text-align:center; color:black; z-index:899; }
#site-header h1 { font-size:20px; padding-top:24px; padding-left:24px; line-height:1em; }
#site-logo { position:absolute; left:auto; top:8px; right:8px; z-index:9; padding:0; margin:0; }
.logo { vertical-align:middle; display:block; padding:0; margin:0; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; }
/*.logo:before { display:block; content:'\e82c'; }*/
#site-logo .logo { width:72px; }
.logo img { width:100%; height:auto; vertical-align:middle; }

#site-navi { float:none; z-index:890; position:fixed!important; margin:0!important; top:0!important; bottom:0!important; left:-280px!important; width:280px!important; padding:80px 0 40px; overflow:auto; overflow-x:hidden; background:#eee; box-shadow:-1px 0 4px rgba(0,0,0,.2) inset; -webkit-transition:left 0.3s; transition:left 0.3s; }
body.toggle-opened { width:100%; height:100%; overflow:hidden; }
body.toggle-opened #wrapper { margin-left:280px; position:fixed; }
body.toggle-opened #site-navi { left:0!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch; overflow-x:hidden!important; }
body.toggle-opened #site-navi > * { -webkit-transform: translateZ(0px); }
#site-navi .logo { margin:0 auto; max-width:160px; text-align:center; }
h1.page-title, h1.member_page_title, h1.cart_page_title { font-size:1.6em; letter-spacing:0; }

#header-info { line-height:21px; vertical-align:middle; padding:10px 0 40px; }
#header-info > * { width:auto; margin:0 16px; }
#header-info .cart { display:block; background:rgba(255,255,255,.7); }
#header-info .cart a:after { content:' '; clear:both; display:block; overflow:hidden; }
#header-info .cart a .in-cart { position:relative; margin:0; padding:3px 10px; } 
#header-info .cart a .in-cart span.cart-price { float:right; font-size:13px; margin-left:1em; }
#header-info .cart a .in-cart span.cart-num { float:left; font-size:13px; }
#header-info .cart a .in-cart strong { font-size:19px; color:#3f3c37; } 
#header-info .cart a .in-cart i { font-size:16px; padding:0; width:auto; margin:0 .25em 0 0; color:#eac100; } 
#header-info .cart a .in-cart i:before { margin:0; } 
#header-info .cart a.hover .in-cart i { color:#e39822; }
#header-info .cart a.hover .in-cart strong { color:#e27500; } 
#header-info a { padding:12px 8px; display:block; -webkit-transition:background 0.4s; transition:background 0.4s; }
#header-info a > i { display:inline-block; margin-right:6px; color:#969286; }
#header-info a.hover { color:inherit; background:rgba(248,239,154,.7); } 
#header-info a.phone { display:block; font-size:19px; }


#toggle-menu { position:absolute; top:20px; left:0; margin:0; width:40px; height:40px; text-align:center; z-index:999; }
#toggle-menu span { display:none; display:inline-block; width:26px; height:4px; background-color:#232221; position: absolute; left:8px; -webkit-transition:.15s ease-in-out; transition:.15s ease-in-out; z-index:2; }
#toggle-menu:hover span { background-color:#3f3c37; }
#toggle-menu .bar-1 { top:14px; }
#toggle-menu .bar-2 { top:22px; }
#toggle-menu .bar-3 { top:30px; }
body.toggle-opened #toggle-menu { background:transparent; }
body.toggle-opened #toggle-menu .bar-1 { top:22px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); }
body.toggle-opened #toggle-menu .bar-2 { width: 0; }
body.toggle-opened #toggle-menu .bar-3 { top:22px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(45deg); transform:rotate(-45deg); }
#back-button { display:none; position:fixed; top:14px; left:0; margin:0; padding:6px; width:40px; height:40px; text-align:center; z-index:999; }
#back-button i:before { font-size:28px; line-height:1em; margin:0; }
body.page-template-uscescart-php #back-button { display:block; }
body.page-template-uscescart-php #toggle-menu { display:none; }

a.page-link { margin:16px auto 0; min-width:200px; padding:12px 24px; background:#232221; color:#fff; display:block; text-align:center; font-weight:bold; font-size:16px; -webkit-transition:background 0.2s linear; transition:background 0.2s linear; }
a.page-link.hover, a.page-link:hover { background:#b29537; color:#fff; }


/* ::::::::::: FOOTER ::::::::::: */
.appstores { display:block; margin:24px auto; max-width:640px; padding:0; }
.appstores > a { display:block; float:left; margin:0!important; width:48%!important;}
.appstores > a + a { margin-left:4%!important; }
.appstores > a img { display:block; width:100%; height:auto; padding:0; margin:0; }
.appstores:after {display:block; content:''; clear:both; }

/*body.page,*/
body.page main > article { min-height:100%; padding-bottom:252px; }
body.page main > article .container {  }
body.page #footer { margin-top:-220px; position: }
#footer { height:224px; clear:both; color:#fff; position:relative; z-index:2; background:#aea38d; overflow:hidden;
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.885, #777), color-stop(0.00, #bbb)); background: -webkit-linear-gradient(top, #bbb 0%, #777 88.5%); background: -moz-linear-gradient(top, #bbb 0%, #777 88.5%); background: -o-linear-gradient(top, #bbb 0%, #777 88.5%); background: -ms-linear-gradient(top, #bbb 0%, #777 88.5%); background: linear-gradient(to bottom, #bbb 0%, #777 88.5%); */}
#footer:after { content:' '; display:block; clear:both; visibility:hidden; }

#company-profile { display:block; margin:0; padding:32px 0; }
#company-profile .logo { display:block; float:left; margin:0; padding:0; vertical-align:bottom; }
#company-profile .logo img { height:auto; width:120px; padding:0; margin:0; }
#company-profile .company_name { display:none; }
#company-profile address { text-align:left; font-style:normal; padding:0; margin:0 auto; width:400px; font-size:.95em; }
/*#company-profile address p.zip_code { display:block; }*/
#company-profile address p { display:block; padding:0; margin:0 0 0 136px; }
#company-profile address p.tel_number { margin-top:8px; border-top:1px solid #beb19d; }
#company-profile a.phone { display:block; }
#company-profile a.phone span { display:block; font-size:12px; margin:0; padding:0; }
#company-profile a.phone .phone-number { font-size:18px; letter-spacing:1px; color:#fcef7f; margin:0; padding:0; }
#company-profile a.phone .phone-number i { color:#dfd4c5; }

#copyright { clear:both; font-size:10px; line-height:1em; padding:10px 1em; text-align:center; position:relative; z-index:2; } 
#copyright::after { content:' '; display:block; position:absolute; right:-100%; left:-100%; top:0; bottom:0; z-index:-1; background:#565350; background:rgba(0,0,0,0.45); }
#copyright a { color:inherit; }
#copyright span { display:inline-block; padding:0 0 0 7px; }

@media only screen and ( max-width : 479px ){ 
  #company-profile .logo img { width:104px; }
  #company-profile { padding:24px 0; }
  #company-profile address { width:auto; padding:0 16px; }
  #company-profile address p { margin:0 0 0 116px; }
  body.page main > article { padding-bottom:232px; }
  body.page #footer { margin-top:-200px; }
  #footer { height:200px; }
}
@media only screen and ( max-width : 380px ){ 
  #company-profile .logo img { width:80px; }
  #company-profile address { width:auto; padding:0 12px; }
  #company-profile address p { margin:0 0 0 96px; }
}
/* ::::::::::: BREADCRUMB ::::::::::: */
#breadcrumb { border-color:#eee; color:#eee; text-align:right; display:none; } 
#breadcrumb ul { padding:0 15px; margin:0; }
#breadcrumb ul li { display:inline-block; margin:0 4px 0 0; font-size:0.9em; }
#breadcrumb ul li + li { margin:0 4px 0 0; }
#breadcrumb ul li > * { float:left; font-size:inherit; line-height:inherit; margin:0; display:block; padding:3px 7px 6px; position:relative; }
#breadcrumb ul h2 { color:inherit; }
#breadcrumb ul a { position:relative; border-bottom:2px solid #beb19d; }
#breadcrumb ul a:before, #breadcrumb ul a:after { content:' '; background:#ffa800; display:block; height:3px; width:auto; position:absolute; bottom:-2px; left:50%; right:50%; z-index:1; -webkit-transition:all 0.2s; transition:all 0.2s; }
#breadcrumb ul a:hover:before { left:0; }
#breadcrumb ul a:hover:after { right:0; }

@media only screen and ( max-width : 768px ){ 
  #footer-logo { float:none; margin-top:1em; }
  #breadcrumb { display:none; }
}



/* ::::::::::: ITEMSLIST SECTION (CATEGORY PAGE) ::::::::::: */
#item-carousel, #main-form { display:block; padding:0; margin:0; height:100%; }
#item-list { padding:0; margin:0; height:100%; } 
#item-list .swiper-slide { display:block; padding:0; margin:0; }
#item-list.swiper-container .swiper-slide { opacity:0.5; }
#item-list.swiper-container .swiper-slide:hover { cursor:pointer; cursor:-moz-grab; cursor:-webkit-grab; cursor:move; }
#item-list.swiper-container .swiper-slide-active { opacity:1; }
#item-list .item-info { position:absolute; right:8px; top:-48px; vertical-align:middle; color:#f8b62b; background:#fff; height:40px; width:40px; padding:4px; text-align:center; -webkit-border-radius:50%; border-radius:50%; }
#item-list .item-info i { font-size:30px; line-height:32px; margin:0; padding:0; height:32px; width:32px; display:block; vertical-align:middle; text-align:center; }
#item-list .item-info i::before { margin:0; }
#item-list .item-data { background:#fff; text-align:center; position:absolute; top:auto; left:0; right:0; bottom:0; height:20%; display:block; display:table; z-index:5; width:100%; padding-bottom:32px; }
#item-list .item-data > div { display:table-cell; vertical-align:middle; height:100%; width:100%; }
#item-list .item-data h2 { font-size:1.2em; line-height:1.4em; padding:5px 0; margin:0; background:#fff; }
#item-list .item-data .item-price { font-weight:bold; }
#item-list .item-data .status { font-size:.9em; display:inline-block; width:70%; padding:0 0 5px; margin:0; background:#fff; }
#item-list .item-data span { display:inline-block; }
#item-list .image { display:block; padding:0; margin:0; position:absolute; top:40px; left:0; right:0; bottom:20%; background-position:center; background-size:cover; overflow:hidden; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }
#item-list .image img { display:block; width:100%; height:100%; opacity:0; }
#item-list .subitem { display:inline-block; font-size:11px; line-height:1em; margin-right:5px; }

.swiper-container > .swiper-pagination { height:38px; position:absolute; float:none; margin:0; z-index:30; left:0; right:0; bottom:-1px; text-align:center; background-color:transparent; text-align:center; padding-top:8px; }
.swiper-slide a:hover .caption { background:#dbc27d; }
.swiper-pagination-bullet { float:none; display:inline-block; width:16px; height:16px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#fff; margin:0 4px!important; opacity:0.8; border:1px solid #e39822; cursor:pointer; }
.swiper-pagination-bullet-visible { background:#fff; }
.swiper-pagination-bullet-active { background:#e27500; }

@media only screen and ( max-width : 768px ){ 
  .swiper-pagination-bullet { width:12px; height:12px; margin:0 2px!important; }
}

/* ::::::::::: SNGLE ITEM SECTION ::::::::::: */
#single-item { }
#item-section { position:relative; }
#item-section:after { content:' '; display:block; clear:both; visibility:hidden; }
#item-contents { padding-bottom:40px; position:relative; position:relative; z-index:4; }
#item-contents > div { position:relative; }
#item-contents .image { position:relative; overflow:hidden; z-index:1; display:inline-block; }
#item-contents .contents { position:relative; }
#item-contents .catch { padding:10px 0; font-size:1.5em; font-weight:normal; letter-spacing:.05em; position:relative; z-index:4; }
#item-contents .text { padding:10px 0; position:relative; z-index:4; }
#item-contents .text p { margin:13px 0; }
#item-contents .image img { max-width:100%; width:auto; height:auto; }

#item-title { position:relative; padding:48px 0 10px; z-index:3; }
#item-title::before, #item-title::after, #sub-title::before, #sub-title::after  { font-family:"fontello"; display:block; line-height:100%; font-size:180px;/* font-size:40vw;*/ height:180px; width:180px; margin:auto; position:absolute; }
#item-title::before { content:'\e838'; top:4px; left:-40px; z-index:1; }
#item-title::after { content:'\e839'; top:0; left:-38px; z-index:2; }
#sub-title::before { content:'\e83a'; top:-28px; left:-60px; z-index:1; }
#sub-title::after { content:'\e837'; top:-33px; left:-58px; z-index:2; }
.ojyako #item-title::before, .ojyako #item-title::after, .ojyako #sub-title::before, .ojyako #sub-title::after { opacity:.2; color:#c5a7c6;  }
.surume #item-title::before, .surume #item-title::after, .surume #sub-title::before, .surume #sub-title::after { opacity:.2; color:#c09d9b; }
.aoto #item-title::before, .aoto #item-title::after, .aoto #sub-title::before, .aoto #sub-title::after { opacity:.2; color:#92ac95; }
#item-title h1 { position:relative; z-index:5; font-size:2.2em; line-height:1.25em; padding:5px 0; border-bottom-width:3px; border-bottom-style:dotted; }
#item-title h1 span { display:inline-block; }

#sub-contents { margin-top:80px; }
#sub-contents .cover-image { padding:30px 0 10px 60px; max-width:96%; margin:0 auto; position:relative; }
#sub-contents .cover-image .image { display:inline-block; max-height:480px; }
#sub-contents .cover-image .catch { font-weight:bold; position:absolute; font-size:1.3em; z-index:4; right:30px; bottom:30px; color:#232221; text-shadow:0 0 1px white, 0 0 2px white, 0 0 4px white; }
#sub-contents .cover-image .catch.white { color:white; text-shadow:0 0 2px black, 0 0 5px black; }
#sub-title { position:absolute; left:0; top:0; bottom:0; z-index:5; padding:0 15px; }
#sub-title h1 { height:12em; position:relative; z-index:6; font-size:2.2em; -moz-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; writing-mode:vertical-rl; writing-mode:tb-rl; /* IE */ }
#sub-contents .contents .image { float:right; max-width:38%; }
#sub-contents .contents .text { margin-left:40%; }
#sub-contents .contents .image:first-child { float:left; }
@media only screen and ( max-width : 900px ){ 
  #item-contents br { display:none; }
  #item-contents .text { padding:0; }
  #item-contents .catch { font-size:1.25em; letter-spacing:0; }

  #sub-contents .contents .image:first-child { margin-left:-10%; }
  #sub-contents .cover-image {  max-width:100%; }
  #sub-contents .cover-image .image { margin:0 -20% 0 0; }
  #sub-contents .contents .image { float:right; max-width:50%; }
  #sub-contents .cover-image .catch { padding-left:20px; position:relative; right:auto; bottom:auto; z-index:11; text-shadow:none; }
  #sub-contents .cover-image .catch.white { color:#232221; text-shadow:none;}
}
@media only screen and ( max-width : 768px ){ 
  #sub-contents .contents .image:first-child { margin-top:-20px; margin-left:-14%; width:74%; text-align:right; }
  #sub-contents .contents .image:first-child img { height:100%; width:auto; }
  #item-contents .catch { font-size:1.15em; }
}
@media only screen and ( max-width : 479px ){ 
  #sub-contents .contents .image { max-width:82%; }
  #sub-contents .contents .text { margin-left:0; }
  #sub-contents .contents .image:first-child { margin-left:-20%; max-height:320px; max-width:60%; min-height:200px; margin-right:10px; }
  #sub-contents .contents .image:first-child img { min-height:200px; min-width:100%; width:auto; height:auto; }
  
}

#open-calendar { display:block; }
.usces_calendar { display:inline-table; font-size:100%; width:100%; max-width:400px; height:auto; margin:0 0 10px 0; padding:0; border-collapse:collapse; border:1px solid #e7e4dc; text-align:center; }
.usces_calendar caption { padding:8px; line-height:1; background-color:#f9f8f6; letter-spacing:1px; font-size:.9em; }
.usces_calendar th, .usces_calendar td { padding:5px 2px; border:1px solid #e7e4dc; font-weight:normal; font-size:.9em; line-height:1em; }
.usces_calendar th { background-color:#c2bfad; padding:2px; color:#FFF; }
.usces_calendar td { background:#fff; color:#8a8a83; }
.usces_calendar td.businesstoday { background:#dcf6ff; }
.usces_calendar td.businessday, span.business_days_exp_box, .businessday { background-color:#fbc2cb; color:#c35353; }
.calendar-after-businessday { font-size:11px; line-height:11px; vertical-align:middle; }
span.business_days_exp_box { height:14px; width:14px; line-height:11px; display:inline-block; vertical-align:middle; -webkit-border-radius:50%; border-radius:50%; margin-right:5px; }


dl.field { display:block; margin:0; padding:0; font-size:.95em; line-height:1.7em; vertical-align:middle; border-bottom-width:1px; } 
dl.field, dl.field * { border-color:#cdc9bd; }
dl.field:after{ content:' '; display:block; clear:both; visibility:hidden; }
dl.field dt { float:left; display:block; padding:4px 2px 0; font-size:.82em; border-top-width:1px; }
dl.field dt:after { content:'：'; }
dl.field dd.field_val_skuname {  }
dl.field dd.field_val_skuname .item-name { display:block; font-size:1.6em; }
dl.field .catchphrase { margin-bottom:.4em; font-size:.9em; }
dl.field dd { display:block; padding:8px 2px 2px; text-align:right; border-top-width:1px; }
dl.field dd span { display:inline-block; }
dl.field dt:first-child, dl.field dt:first-child + dd { border-top:none; }
dl.field b { font-weight:inherit; }
dd.field_val_price { }
dd.field_val_price .priceval { font-size:1.4em; line-height:1.4em; }
dd.field_val_cprice { }
dd.field_val_cprice .priceval { position:relative; font-weight:bold; font-style:inherit; font-size:inherit; color:inherit; }
dd.field_val_cprice .priceval:after { border-width:2px 0 2px 0; border-style:solid; height:6px; color:#b00; content:" "; position: absolute; left:0; right:0; top:10px; }
dd.field_val_cprice .sale { color:#d00; margin-left:.5em; display:inline-block; font-size:.8em; padding:3px 1px; }
.field_val_shipping { font-size:.8em; line-height:1.2em; padding-bottom:3px; } 
dl.field_zaiko dt { margin:2px 0 0 0; width:20%; padding:1px 4px; float:left; font-size:.88em; } 
dl.field_zaiko dt:before { content:'●'; margin-right:5px; display:inline-block; color:#c08e62; }
dl.field_zaiko dd { margin:2px 0 0 122px; width:30%; padding:1px 4px; text-align:right; padding:3px; width:auto; font-size:.97em; background:#fff; }
dl.field_zaiko dt.field_name_zaiko {  } 
dl.field_zaiko dd.field_val_zaiko {  }
dl.field_zaiko dd.field_val_zaiko b { }
.addtocart { margin:10px auto 0 ; padding:0; position:relative; display:block; background:#5a442f; max-width:320px; }
.addtocart:after { content:' '; display:block; clear:both; visibility:hidden; }
.addtocart .quantity { padding:0; margin:0; width:160px; display:block; float:left; vertical-align:middle; height:50px; position:relative; }
.addtocart .quantity input { height:50px; width:50px; float:left; padding:10px; line-height:28px; font-size:16px; text-align:center; margin:0; vertical-align:middle; -webkit-border-radius:0; border-radius:0; }
.addtocart .quantity input.plus, .addtocart .quantity input.minus { padding:10px 5px; font-size:20px; }
.addtocart .quantity input[type=number]::-webkit-inner-spin-button, .addtocart .quantity input[type=number]::-webkit-outer-spin-button { -moz-appearance:none; -webkit-appearance:none; appearance:none; margin:0; }
.addtocart .quantity input.skuquantity { width:60px; height:50px; }
.addtocart .quantity.non_quantity { font-weight:bold; text-align:center; padding:10px;}
.addtocart .quantity.non_quantity span { display:block; }
.addtocart .quantity .sku-unit { display:none; line-height:1em; position:absolute; right:8px; bottom:5px; font-size:.9em; color:#999; }
.addtocart .cart { margin:0 0 0 160px; display:block; vertical-align:middle; height:50px; padding:0; position:relative; }
.addtocart input[type="submit"].skubutton, .addtocart a { width:100%!important; font-size:16px; height:50px; line-height:30px; padding:10px; display:block; text-align:center; font-weight:bold;  }
.zaiko_status { display:block; margin:0 10px 0 70px; padding:15px 25px; background-color:#c2bfad; color:#fff; text-align:center; text-decoration:none; font-weight:bold; font-size:1em; line-height:1; }
.item_option { margin:10px 0; }
.item_option caption { display:none; }
.item_option span { margin-right:10px; }
.regularcart { margin:8px 0 0 0; padding:0; position:relative; display:block; }
.regularcart .regular-name { display:block; width:100%; padding:.5em 5px .3em; background:#e9efc5; cursor:pointer; font-size:1em; text-align:center; }
.regularcart .regular-name:hover { background:#dee9a0; }
.regularcart .regular-name:before { content:' '; display:inline-block; margin-right:.5em; font-size:1.2em; color:#579b62; font-family:"fontello"; content:'\e828';} 
.regularcart .priceval { display:inline-block; font-size:1.2em; line-height:1.4em; }
.regularcart input[type="submit"].skubutton { padding:10px 15px; float:right; background:#a1b290; margin:0; }

#item-ingredient { font-size:0.85em; }
#item-ingredient p { margin:4px 0; }
#item-ingredient * { border-color:#cdc9bd; }
dl.ingredient { margin:10px 0; padding:0; vertical-align:middle; border-width:1px; text-align:left; }
dl.ingredient dt { margin:0 0 0 0; width:130px; padding:3px; text-align:center; float:left; clear:left; border-bottom-width:1px; border-top-width:1px;  border-right:1px solid #d5d4cd; margin-bottom:-1px; } 
dl.ingredient dd { margin:0 0 0 130px; padding:3px 4px 3px 8px; min-height:3em; text-align:left; width:auto; border-top-width:1px; }
dl.ingredient dt:first-child, dl.ingredient dt:first-child + dd { border-top:none; }

dl.itemGpExp { margin:0; padding:0; }
dl.itemGpExp dt { margin:0; padding:3px 0 0 30px; height:16px; background-image:url('images/gp.gif'); background-position:left center; background-repeat:no-repeat; color:#f33; font-weight:bold; font-size:1em;  }
dl.itemGpExp dd { margin:0; padding:0; }
dl.itemGpExp ul { margin:0; padding:0; }
dl.itemGpExp li { margin:0; padding:0; list-style-type:none; letter-spacing:1px; font-size:1em;  }
.cprice { text-decoration:line-through; font-weight:normal; font-size:.95em;  }
em.tax { color:inherit; display:inline-block; text-decoration:none; letter-spacing:0; font-weight:normal; font-style:normal; font-size:.8em; }

.assistance_item { padding:0; width:auto;}
.assistance_item h3 { margin-bottom:10px; margin-left:0; padding:3px 5px; height:18px; background-color:#999; color:#fff; font-size:1.05em; line-height:18px; }
.assistance_item ul { margin:0; padding:0; list-style-type:none; list-style-image:none; }
.assistance_item li { float:left; margin:0; padding:0 0 10px 0; width:312px; }
.assistance_item .listbox { margin-right:10px; padding:10px; width:auto; border-width:1px; background-color:#f9f9f9; }
.assistance_item .slit { float:left; overflow:hidden; width:100px; height:100px; background-image:url('images/no_img.gif'); background-repeat:no-repeat; }
.assistance_item .detail { margin:0; padding-top:5px; padding-left:115px; width:auto; }
.assistance_item h4 { margin:0 0 5px 0; padding:0; color:#600; font-weight:bold; font-size:.95em;  line-height:150%; }
.assistance_item .detail p { margin:0; padding:0; color:#333; font-size:.9em;  line-height:150%; }
.assistance_item { width:740px; }
.assistance_item ul { overflow:hidden; margin-right:-10px; width:750px; _zoom:1; }
.assistance_item ul li { margin-right:10px; width:240px; }
.assistance_item .listbox { overflow:hidden; margin-right:0; height:125px; }

@media only screen and ( max-width : 900px ){ 
  .sku-container-multi .skumultibox form.actionform { width:100%!important; margin:0!important; }
  .item-sku-data { padding:10px 0; }
}
@media only screen and ( max-width : 768px ){ 

}
@media only screen and ( max-width : 600px ){ 
  .skumultibox form.actionform { display:block; }
  .skumultibox form.actionform > * { display:block; width:auto; }
  .item-sku-image { text-align:center; }
  .item-sku-data { padding:0 0 30px; }
}
@media only screen and ( max-width : 479px ){ 
  #item-form {  }
  #item-title h1 { text-align:left; }
  #item-title h1 span { display:inline; }
  #item-title .cat-icon { display:none; }
}
@media only screen and ( max-width : 360px ) { 
  .addtocart .cart:before { display:block; content:'購入'; color:#fff; position:absolute; z-index:1; left:0; right:0; bottom:0; top:0; line-height:50px; vertical-align:middle; text-align:center; font-weight:bold!important; -webkit-text-shadow:none; text-shadow:none; }
  .addtocart input[type="submit"].skubutton { color:transparent!important; background:transparent!important; position:relative; z-index:2; }
}


/* ::::::::::: CHANNEL ::::::::::: */
.channel { padding-top:40px; padding-bottom:40px; border-top-width:3px; border-top-style:dotted; }
.channel > div .image img { background:#eee; -webkit-border-radius:2px; border-radius:2px; }
.channel > div .title .date { font-size:16px; }
.channel > div .title:before { font-family:'fontello'; display:inline-block; font-weight:bold;line-height:1em; color:#fff; background:#aaa; font-size:12px; margin:0 0 5px;  padding:4px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  }
.channel > div a:hover .title:before { background:#f0cc23; }
.channel > div.prev .title:before { content:'次の記事を読む　\e813';  }
.channel > div.next .title:before { content:'\e814　前の記事を読む'; }
@media screen and (max-width:768px){
  .channel { }
  .channel > div a > span { } 
  .channel > div.prev, .channel > div.next { width:100%; float:none; padding:8px 0; }
  .channel > div + div { border-top-width:3px; border-top-style:dotted; }
  .channel > div .image { width:80px; margin:0; }
  .channel > div .image img { width:80px; height:80px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
}




/* Forms */
input, button, .button, textarea, select { background:#fff; color:#5b5b5b; }
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited { background:#232221; color:#fff; border:none; font-weight:bold; }
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:#890a0a; color:#fff !important; }
select { background:#fff url('images/select_arrow.png') no-repeat right center; }
.button:hover, .button:visited:hover, .button:focus, .button:visited:focus { background:#5b5b5b; color:#fff; }



/* ::::::::::: CONTACT FORM ::::::::::: */
#recruit-form, #contact-form {  }
div.wpcf7 { margin-top:30px; }/* contact form 07 */
.wpcf7 .sent .thankyou_message { background:#fff; background:rgba(255, 255, 255, 0.7); }
.wpcf7 .sent .thankyou_message > div strong { color:#e67750; }
.wpcf7 .form-send .watermark { color:#e67750; }
.wpcf7-list-item .wpcf7-list-item-label { color:#777; }
.wpcf7-list-item input:checked + .wpcf7-list-item-label { color:#555; }
.wpcf7-mail-sent-ok, .wpcf7-not-valid-tip, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked, .wpcf7-validation-errors, .wpcf7-not-valid-tip-no-ajax { background-color:#e67750; border:none; color:#fff; }
.wpcf7-mail-sent-ok { background-color:#fff9f6; color:#e67750; } }
.wpcf7 .form-box { border-width:1px; background-color:#fff; }
.wpcf7 .wpcf7-text:focus, .wpcf7 .wpcf7-textarea:focus { background-color:#fff9f6; }
.wpcf7 .form-box em { color:#e67750; }
.wpcf7 .form-box span.headword { color:#999; font-weight:bold; }
.wpcf7 .form-send input[type=submit]:disabled { background:#ccc; }
.privacy-policy { padding:16px 0; text-align:left; }
.privacy-policy h3 { font-size:1em; padding-bottom:5px; text-align:left; }
.privacy-policy h3:before { font-family:'fontello'; content:'\e965'; margin-right:5px; }
.privacy-policy ul { margin:0; }
.privacy-policy ul li { margin:4px 0 0 0; font-size:.94em; display:list-item; list-style:circle inside; }




/* ::::::::::: SINGLE PAGE ::::::::::: */
article { padding:72px 0 40px; }
article.page {}
article.page .container > * { max-width:900px; margin-left:auto; margin-right:auto; }

/* :::::::::::BASIC ENTRY SETTINGS :::::::::::*/
.entry { text-align:center; }
.entry h2 { line-height:1.72em; margin-top:.5em; position:relative; clear:none; display:block; }
.entry h2:after { display:block; content:' '; height:1px; margin:8px auto 12px; background:rgba(0,0,0,.4); height:4px; max-width:120px; }
.entry h3 { font-size:1.15em; font-weight:bold; line-height:1.6em; position:relative; display:inline-block; }
.entry h4 { font-size:1.1em; line-height:1.6em; }

.entry a:not(.page-link):not(.image-link) { color:#80b123; border-bottom:1px dotted #f0cc23; margin-left:3px; margin-right:3px; }
.entry a:not(.page-link):not(.image-link):hover { color:#c34000; border-bottom:1px dotted #e39822; }
.entry dl dt, .entry dl dd { text-align:left; }
.image-wrap, .image-link { position:relative; background:transparent; }
.image-link:hover img { opacity:.8; }

ol:not([class]):not([id]) li:hover:before{ background-color:#80b123; color:#fff; }
.inline-frame { border-width:1px; }

p + dl.contain { margin-top:16px; }
dl.contain { padding:0; border-width:1px; overflow:hidden; -js-display:flex; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
dl.contain:after, dl.contain > dt:after, dl.contain > dd:after { display:block; content:''; clear:both; overflow:hidden; }
dl.contain > dt, dl.contain > dd { display:block; float:left; position:relative;margin:0; padding:.4em .6em; } 
dl.contain > dt { width:27%; border-width:1px 1px 0 0; font-weight:bold; z-index:3; clear:left; }
dl.contain > dd { width:73%; border-width:1px 0 0 0; overflow:visible; z-index:2; }
dl.contain > dd:before { content:' '; position:absolute; left:-100%; right:0; top:0; bottom:0; background-color:rgba(255,255,255,.3); z-index:-1; }
dl.contain > dt:first-child, dl.contain > dt:first-child + dd { border-top:none; }



/*:::::::::::MODAL WINDOWS:::::::::::*/
.modal-overlay { position:fixed; top:-100px; left:-100px; right:-100px; bottom:-100px; z-index:901; background-color:rgba(255,255,255,0.93); display:none; cursor:pointer; }
.modal-overlay .modal-clickable { cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; display:none; background:transparent; }
.modal-box { position:absolute; top:0; left:0; right:0; bottom:48px; z-index:905; display:none; background:transparent; border-color:transparent; padding:0; border:0; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; box-shadow:none; }
.modal-box .entry { position:relative; padding:16px!important; text-align:left; }

.modal-close { margin:16px auto 0; max-width:500px; width:auto; padding:12px 24px; background:#232221; color:#fff; display:none; text-align:center; font-weight:bold; font-size:16px; -webkit-transition:background 0.2s linear; transition:background 0.2s linear; }
.modal-close:hover { background:#b29537; color:#fff; }
.modal-close:before { content:'このウインドウを閉じる'; }
.modal-close { position:fixed!important; z-index:906; bottom:12px!important; left:12px!important; right:12px!important; top:auto!important; height:48px!important; margin:0 auto!important; }

.modal-caption { display:none; text-align:center; color:#676c78; position:fixed; z-index:902; left:0; right:0; bottom:0; padding:0.625em; /* 10 */}
.modal-overlay, .modal-caption, { -webkit-animation:fade-in .25s linear; animation:fade-in .25s linear; }
@-webkit-keyframes fade-in { from { opacity:0; } to { opacity:1; } } @keyframes fade-in { from { opacity:0; } to { opacity:1; } }

/* Lightbox */
#ajax-login-window { display:none; width:400px; height:340px; max-width:94%; max-height:94%; margin:auto; position:fixed; top:0; right:0; left:0; bottom:0; z-index:10000; }
#ajax-login-window form { box-shadow:0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3); padding:15px 30px 20px 30px; background:#f1ece4; -webkit-border-radius:2px; border-radius:2px; }
#ajax-login-window .ajax-error { margin-top:15px; color:#eb6100; }

@media screen and ( max-width : 479px ){
  #ajax-login-window .ajax-error { text-align:left; }
.entry, .entry p { text-align:inherit; }
}

/* Loading Animation */
#loading-overlay { display:block; background-color:#fff; position:fixed; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:902; }
#loading-overlay > div { }
#loading-overlay > div div.progress { position:absolute; bottom:40px; left:0; right:0; margin:0 auto; color:#aaa; z-index:5; text-align:center; display:block; font-size:12px; }
#loading-overlay > div div.progress > span { font-size:14px; letter-spacing:.15em; }
#loading-overlay > div img { display:block; width:auto; height:180px; position:absolute; bottom:50%; left:0; right:0; margin:0 auto -48px; vertical-align:middle; }

/*#loading-overlay > div div.progress:before { font-family:'fontello'; display:block; content:'\e82c'; font-size:120px; width:1em; line-height:1em; height:1em; margin:0 auto 25px; vertical-align:middle; color:#222; }*/