html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
    display: block
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block
}

nav ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	padding: 0;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0em;
}

input, select {
    vertical-align: middle
}

body {
	color: #333;
	line-height: 23px;
	font-size: 14px;
	font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%
}

a {
    color: #666666;
    text-decoration: none;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

img {
    max-width: 100%
}

p {
    line-height: 1.7em
}

.cf:after, .wrap:after, .main:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
    font-size: 0
}

.cf, .wrap, .main {
    display: inline-block
}

.cf, .wrap, .main {
    display: block
}

input[type="text"], input[type="tel"], input[type="email"], input[type="password"],
button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #DDD;
    background-color: #FFF;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    top: 2px
}




.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button {
    color: #FFF !important;
    border-radius: 5px;
    font-weight: bold;
    background-color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #589251
}

#wrap {
    width: 100%;
    overflow: hidden
}

.block {
    padding: 40px 0
}

.title {
	vertical-align: middle;
	position: relative;
	letter-spacing: -0.04em;
	text-align: center;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.title .ico {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    letter-spacing: normal
}

.title .title_txt {
    display: inline-block
}

.bb-1 {
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
}


.box {
	margin: 0 0 20px 0;
}
.hl {
	margin: 0 0 24px 0;
}
#pic_works li {
	float: left;
	margin: 0 15px 15px 0;
}
#pic_works li:last-child {
	margin: 0;
}


.botan1 {
   width:300px;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
	margin: 0 auto; 
	margin-bottom: 30px; 
}


#equalHeight .equalHeight{
  margin-bottom: 10px;
}
#equalHeight .equalHeight:last-child{
  margin-bottom: 0;
}
#equalHeight .equalHeight .column{
  width: 315px;
  float: left;
  border-bottom: 1px dotted #999;
  padding-bottom: 10px;
  margin-right: 40px;
}
#equalHeight div .figure{
  width: 100px;
  float: left;
}
#equalHeight div .text{
  width: 280px;
  float: right;
}
#equalHeight div .text .title{
  font-weight: bold;
  margin-bottom: 5px;
}

p.btext {
font-weight: bold;
}



@media screen and (max-width: 640px) {
    .title .title_txt {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-left: 15px
    }
	
	.bb-1 {
	 width: 60%;
	margin-bottom: 0px;
	margin-top: 30px;
    }
	
	
}

.title h2 {
	color: #666;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.15em;
	display: inline-block;
	border-bottom: #f0efe9 4px solid;
	padding: 0 0 2px;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased;
	top: 3px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.title h3 {
	color: #111;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	border: 2px solid #000;
	padding: 5px 12px;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
	position: relative;
	-webkit-font-smoothing: subpixel-antialiased
}

.title h4 {
	color: #fff;
	background-color: #888;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	padding: 5px 12px;
}

.title .more {
    display: inline-block;
    margin: 10px 15px;
    vertical-align: middle
}

.title .more a {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    height: 34px;
    letter-spacing: 0.04em;
    line-height: 34px;
    padding: 0 15px 0 15px;
    background-color: #f0efe9;
    border-radius: 50px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.title .more a:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease
}

.title .more a:hover {
    color: #FFF;
    background-color: #333 !important
}

.title .more a:hover:before {
    border-left: 5px solid #FFF
}


/*お問い合わせフォーム指定*/

h1, h2 {
    margin: 0;
    padding: 10px 0;
    color: #555555;
}

h1 { font-size: 15px; }
h2 { font-size: 15px;
       color: #ff4500; 
}

	   
p { margin: 10px 0; }

#container {
	width: 830px;
	margin: 0 auto;
}
#siteheader {
    padding: 10px 0 0 0;
}
#siteheader h1 {
    padding: 10px 10px 10px 10px;
    font-size: 0px;
}
#siteheader p { margin: 0; }


#global {
    background-color: #808080;
    margin-top: 10px;
}
#global li {
    float: left;
    list-style-type: none;
    width: 100px;
    margin-left: 10px;
    padding: 10px 0;
}
#global li:after {
    padding-left: 10px;
    color: #fff;
    content: '|';
}
#global li a {
    color: #fff;
}
#global li a:hover {
    color: rgba(255,255,255,0.6);
}


#page {
    margin-top: 20px;
}
#page h1 { 
　padding: 0;
　font-size: 8px;
 }
 
#page ul {
    margin: 10px 0;
    padding: 0;
}

#page ul li {
    list-style-type: none;
    list-style-position: inside;
    margin-bottom: 10px;
}

#mailform {
    width: 760px;
    margin: 20px auto;
}
#mailform dt {
    clear: left;
    float: left;
    width: 140px;
    height: 36px;
    margin: 0 36px 15px 0;
    padding-left: 0.5em;
    background-color: #808080;
    color: #fff;
    line-height: 36px;
}
#mailform dd {
	float: left;
	width: 530px;
	margin-bottom: 10px;
	padding-top: 2px;
}
#mailform dd ul {
    margin-top: 2px;
}
#mailform input,
#mailform textarea {
    font-size: 14px;
} 
#mailform input {
    margin: 0;
    padding: 8px 5px;
}
#mailform ul li {
    list-style-type: none;
    float: left;
    margin-right: 1em;
}
#mailform ol li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 8px;	
}



p#submit {
    clear: left;
    text-align: center;
}
p#submit button {
    width: 200px;
    padding: 10px;
    font-size: 16px;
}



#sitefooter {
    clear: both;
    padding: 40px 0 20px;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

@media screen and (max-width: 799px) {

h1 {
    margin: 0;
    padding: 0px 0px 0px 20px ;
}

h2 {
    margin: 0;
    padding: 0px 0px 0px 20px ;
    color: #555555;
	width: 350px;
}

h1 { font-size: 15px; }
h2 { font-size: 15px;
       color: #ff4500; 
}
	   
p { 
     margin: 10px 0; 
}

#container {
	width: 830px;
	margin: 0 auto;
}
#siteheader {
    padding: 10px 0 0 0;
}

#siteheader h1 {
    padding:  0 0 0 23px;
    font-size: 20px;
}
#siteheader h1 img {
   margin: 0;
    padding: 0px 0px 0px 0px ;
	width: 90%;
	height: 90%;
}
#siteheader p { margin: 0; }
#global {
    background-color: #808080;
    margin-top: 10px;
}
#global li {
    float: left;
    list-style-type: none;
    width: 100px;
    margin-left: 10px;
    padding: 10px 0;
}
#global li:after {
    padding-left: 10px;
    color: #fff;
    content: '|';
}
#global li a {
    color: #fff;
}
#global li a:hover {
    color: rgba(255,255,255,0.6);
}
#page {
    margin-top: 5px;
}
#page h1 { padding: 30; }

#page ul {
    padding:  0px 0px 0px 20px ;
	width: 400px;
}
#page ul li {
    list-style-type: none;
    list-style-position: inside;
    margin-bottom: 10px;
}

#mailform {
    width: 400px;
    margin: 18px ;
}
#mailform dt {
    clear: left;
    float: left;
    width: 140px;
    height: 36px;
    margin: 0 36px 15px 0;
    padding-left: 0.5em;
    background-color: #808080;
    color: #fff;
    line-height: 36px;
}
#mailform dd {
	float: left;
	width: 400px;
	margin-bottom: 10px;
	padding-top: 2px;
}
#mailform dd ul {
    margin-top: 2px;
}
#mailform input,
#mailform textarea {
    font-size: 14px;
} 
#mailform input {
    margin: 0;
    padding: 8px 5px;
}
#mailform ul li {
    list-style-type: none;
    float: left;
    margin-right: 1em;
}
#mailform ol li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-top: 8px;	
}
p#submit {
    clear: left;
    text-align: center;
}
p#submit button {
    width: 200px;
    padding: 10px;
    font-size: 16px;
}


	
}




/*お問い合わせフォーム指定終わり*/


/* k2designの会社概要の表（テーブル）指定*/

.stripe{
  width: 100%;
  background:#fff;
}
.stripe th,
.stripe td{
  padding: 10px;
  border: 1px solid #666;
}
.stripe .odd{
  background: #ddd;
}
.stripe thead{
  color: #fff;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  background: -moz-linear-gradient(top,  #3f4551,  #222);
  background: -o-linear-gradient(top,  #3f4551,  #222);
  background: -ms-linear-gradient(top,  #3f4551,  #222);
  background: linear-gradient(top,  #3f4551,  #222);
  -pie-background: linear-gradient(top,  #3f4551,  #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.stripe thead th{
  border-right: 1px solid #ccc;
}
.stripe thead th:last-child{
  border-right: 1px solid #666;
}
.stripe td span{
  background: #333;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  behavior: url(PIE.htc);
}

@media screen and (max-width: 640px) {
	
.stripe{
  width: 380px;
  background:#fff;
  margin: 0  15px
}	

.stripe th,
.stripe td{
  padding: 10px;
  border: 1px solid #666;
}
.stripe .odd{
  background: #ddd;
}
.stripe thead{
  color: #fff;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  background: -moz-linear-gradient(top,  #3f4551,  #222);
  background: -o-linear-gradient(top,  #3f4551,  #222);
  background: -ms-linear-gradient(top,  #3f4551,  #222);
  background: linear-gradient(top,  #3f4551,  #222);
  -pie-background: linear-gradient(top,  #3f4551,  #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.stripe thead th{
  border-right: 1px solid #ccc;
}
.stripe thead th:last-child{
  border-right: 1px solid #666;
}
.stripe td span{
  background: #333;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  behavior: url(PIE.htc);
}

}



.stripe1{
  width: 100%;
  background:#fff;
}
.stripe1 th,
.stripe1 td{
  padding: 10px;
  border: 1px solid #fff;
  font-weight: 700;
}
.stripe1 .odd{
  background: #ddd;
}
.stripe1 thead{
  color: #fff;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  background: -moz-linear-gradient(top,  #3f4551,  #222);
  background: -o-linear-gradient(top,  #3f4551,  #222);
  background: -ms-linear-gradient(top,  #3f4551,  #222);
  background: linear-gradient(top,  #3f4551,  #222);
  -pie-background: linear-gradient(top,  #3f4551,  #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.stripe1 thead th{
  border-right: 1px solid #ccc;
}
.stripe1 thead th:last-child{
  border-right: 1px solid #666;
}
.stripe1 td span{
  background: #333;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  behavior: url(PIE.htc);
}

@media screen and (max-width: 640px) {
	
.stripe1{
  width: 380px;
  background:#fff;
  margin: 0  15px
}	

.stripe1 th,
.stripe1 td{
  padding: 10px;
  border: 1px solid #fff;
}
.stripe1 .odd{
  background: #ddd;
}
.stripe1 thead{
  color: #fff;
  background: #3f4551;
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  background: -moz-linear-gradient(top,  #3f4551,  #222);
  background: -o-linear-gradient(top,  #3f4551,  #222);
  background: -ms-linear-gradient(top,  #3f4551,  #222);
  background: linear-gradient(top,  #3f4551,  #222);
  -pie-background: linear-gradient(top,  #3f4551,  #222);
  background: -webkit-gradient(linear, left top, left bottom, from(#3f4551), to(#222));
  box-shadow:  0 0 1px #ccc;
  behavior: url(PIE.htc);
}
.stripe1 thead th{
  border-right: 1px solid #ccc;
}
.stripe1 thead th:last-child{
  border-right: 1px solid #666;
}
.stripe1 td span{
  background: #333;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-size: 10px;
  behavior: url(PIE.htc);
}

}

/* k2designの会社概要の表（テーブル）指定　ここまで*/

@media screen and (max-width: 640px) {
    .title {
	display: table;
	table-layout: fixed;
	margin-bottom: 15px;
	margin-left: autc;
	margin-right: auto;
	margin-top: 0;
    }

    .title .ico {
        display: table-cell;
        vertical-align: middle;
        margin: 0 0 10px;
        text-align: right
    }

    .title h2 {
        font-size: 17px;
        text-align: center;
        margin: 0 0 10px;
        border: none;
        padding: 0
    }

    .title h3 {
        font-size: 14px;
        margin: 0 0 5px
    }
	
	
	.title h4 {
	color: #fff;
	background-color: #888;
	font-size: 16px;
	font-weight: bold;
	width: 350px;
	padding: 5px 12px;
    }

    .title .more {
        display: block;
        margin: 0;
        vertical-align: middle
    }

    .title .more a {
        font-size: 12px;
        height: 28px;
        line-height: 28px
    }
	
		.bb-1 {
	 width: 60%;
	margin-bottom: 0px;
	margin-top: 30px;
    }
	
	
	
}

.feature .title h2, .feature .title h3 {
    border-color: #f4e3da
}

.feature .title .more a {
    background-color: #f4e3da
}

.feature .title .more a:hover {
    background-color: #589251
}

.woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb {
	height: 30px;
	color: #555;
	font-size: 11px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
	background-color: #f0efe9;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1px;
	padding-bottom: 0;
	padding-left: 35px;
	padding-right: 10px;
	padding-top: 0;
}

.woocommerce .woocommerce-breadcrumb a, .woocommerce-breadcrumb a {
    color: #777;
    font-weight: normal
}

.woocommerce .woocommerce-breadcrumb .b_arrow, .woocommerce-breadcrumb .b_arrow {
    display: inline-block;
    margin: 0 2px 0 6px;
    width: 0;
    height: 0;
    position: relative;
    top: -1px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -moz-transition: border-left .4s ease;
    -o-transition: border-left .4s ease;
    -webkit-transition: border-left .4s ease;
    transition: border-left .4s ease;
    border-left: 3px solid #777
}

@media screen and (max-width: 640px) {
    .woocommerce .woocommerce-breadcrumb .b_arrow, .woocommerce-breadcrumb .b_arrow {
        margin: 0 0 0 4px
    }
}

@media screen and (max-width: 960px) {
    .woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb {
        margin: 0
    }
}

@media screen and (max-width: 640px) {
    .woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb {
        font-size: 10px;
        margin-bottom: 2px
    }
}

.back_to_top {
    text-align: center;
    border-top: 2px dashed #f0efe9;
    padding-top: 50px;
    margin: 30px 0 50px
}

.back_to_top a.button {
    color: #FFF !important;
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
    line-height: 34px;
    background-color: #000;
    padding: 0 12px;
    margin: 0 5px;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.back_to_top a.button:hover {
    background-color: #589251
}

@media screen and (max-width: 640px) {
    .back_to_top {
        padding-top: 30px;
        margin: 20px 0 30px
    }
}

#page_top {
    width: 56px;
    height: 56px;
    position: fixed;
    bottom: 20px;
    right: -60px;
    z-index: 1000;
    -moz-transition: right 0.4s ease, bottom 0.4s ease;
    -o-transition: right 0.4s ease, bottom 0.4s ease;
    -webkit-transition: right 0.4s ease, bottom 0.4s ease;
    transition: right 0.4s ease, bottom 0.4s ease
}

#page_top.scroll {
    right: 20px;
    -moz-transition: right 0.4s ease, bottom 0.4s ease;
    -o-transition: right 0.4s ease, bottom 0.4s ease;
    -webkit-transition: right 0.4s ease, bottom 0.4s ease;
    transition: right 0.4s ease, bottom 0.4s ease
}

@media screen and (max-width: 640px) {
    #page_top {
        width: 45px;
        height: 45px;
        bottom: 10px;
        right: -50px;
        -moz-transition: right 0.4s ease, bottom 0.4s ease;
        -o-transition: right 0.4s ease, bottom 0.4s ease;
        -webkit-transition: right 0.4s ease, bottom 0.4s ease;
        transition: right 0.4s ease, bottom 0.4s ease
    }

    #page_top.scroll {
        right: 10px
    }
}

.search-results .woocommerce-result-count, .search-no-results .woocommerce-result-count,
.page .woocommerce-result-count, .archive .woocommerce-result-count {
    display: none
}

.search-results .cover, .search-no-results .cover, .page .cover, .archive .cover {
	width: 100%;
	height: 370px;
	min-height: 370px;
	text-align: center;
	background-position: center center;
	background-size: cover;
	position: relative;
	display: table;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.search-results .cover.mini, .search-no-results .cover.mini, .page .cover.mini,
.archive .cover.mini {
    height: 250px;
    min-height: 250px
}

.search-results .cover.pc_cover, .search-no-results .cover.pc_cover,
.page .cover.pc_cover, .archive .cover.pc_cover {
    height: auto !important
}

.search-results .cover.sp_cover, .search-no-results .cover.sp_cover,
.page .cover.sp_cover, .archive .cover.sp_cover {
    display: none;
    height: auto !important
}

@media screen and (max-width: 640px) {
    .search-results .cover.pc_cover, .search-no-results .cover.pc_cover,
    .page .cover.pc_cover, .archive .cover.pc_cover {
        display: none
    }

    .search-results .cover.sp_cover, .search-no-results .cover.sp_cover,
    .page .cover.sp_cover, .archive .cover.sp_cover {
        display: block
    }
}

.search-results .cover .term_count, .search-no-results .cover .term_count,
.page .cover .term_count, .archive .cover .term_count {
    color: #FFF;
    font-size: 14px;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    border-radius: 100%;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.14)
}

.search-results .cover .term_count strong, .search-no-results .cover .term_count strong,
.page .cover .term_count strong, .archive .cover .term_count strong {
    font-size: 24px
}

.search-results .cover .term_count span, .search-no-results .cover .term_count span,
.page .cover .term_count span, .archive .cover .term_count span {
    display: inline-block;
    padding-top: 14px
}

@media screen and (max-width: 640px) {
    .search-results .cover .term_count, .search-no-results .cover .term_count,
    .page .cover .term_count, .archive .cover .term_count {
        width: 60px;
        height: 60px;
        top: 15px;
        right: 15px;
        font-size: 11px
    }

    .search-results .cover .term_count strong, .search-no-results .cover .term_count strong,
    .page .cover .term_count strong, .archive .cover .term_count strong {
        font-size: 20px
    }

    .search-results .cover .term_count span, .search-no-results .cover .term_count span,
    .page .cover .term_count span, .archive .cover .term_count span {
        padding-top: 12px
    }
}

.search-results .cover .woocommerce-ordering, .search-no-results .cover .woocommerce-ordering,
.page .cover .woocommerce-ordering, .archive .cover .woocommerce-ordering {
    position: absolute;
    bottom: -1px;
    right: -1px;
    margin: 0;
    display: none
}

.search-results .cover .woocommerce-ordering select, .search-no-results .cover .woocommerce-ordering select,
.page .cover .woocommerce-ordering select, .archive .cover .woocommerce-ordering select {
    width: 250px;
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
    color: #FFF;
    font-size: 13px;
    display: inline-block;
    border-radius: 0;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.14);
    line-height: 30px;
    padding: 0 25px 0 12px;
    outline: none
}

.search-results .cover .woocommerce-ordering:after, .search-no-results .cover .woocommerce-ordering:after,
.page .cover .woocommerce-ordering:after, .archive .cover .woocommerce-ordering:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -2px 0 0;
    width: 0;
    height: 0;
    border-top: 5px solid #FFF;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent
}

@media screen and (max-width: 640px) {
    .search-results .cover .woocommerce-ordering, .search-no-results .cover .woocommerce-ordering,
    .page .cover .woocommerce-ordering, .archive .cover .woocommerce-ordering {
        bottom: -3px
    }

    .search-results .cover .woocommerce-ordering select, .search-no-results .cover .woocommerce-ordering select,
    .page .cover .woocommerce-ordering select, .archive .cover .woocommerce-ordering select {
        width: 200px;
        font-size: 11px
    }
}

@media screen and (max-width: 960px) {
    .search-results .cover, .search-no-results .cover, .page .cover,
    .archive .cover {
        height: 330px;
        min-height: 330px
    }

    .search-results .cover.mini, .search-no-results .cover.mini, .page .cover.mini,
    .archive .cover.mini {
        height: 230px;
        min-height: 230px
    }

    .search-results .cover .tit_box h1, .search-no-results .cover .tit_box h1,
    .page .cover .tit_box h1, .archive .cover .tit_box h1 {
        font-size: 16px
    }
}

@media screen and (max-width: 640px) {
    .search-results .cover, .search-no-results .cover, .page .cover,
    .archive .cover {
        height: 220px;
        min-height: 220px;
        margin: 0 0 20px
    }

    .search-results .cover.mini, .search-no-results .cover.mini, .page .cover.mini,
    .archive .cover.mini {
        height: 180px;
        min-height: 180px
    }

    .search-results .cover .tit_box h1, .search-no-results .cover .tit_box h1,
    .page .cover .tit_box h1, .archive .cover .tit_box h1 {
        font-size: 14px
    }
}

@media screen and (max-width: 320px) {
    .search-results .cover, .search-no-results .cover, .page .cover,
    .archive .cover {
        height: 200px;
        min-height: 200px
    }

    .search-results .cover.mini, .search-no-results .cover.mini, .page .cover.mini,
    .archive .cover.mini {
        height: 180px;
        min-height: 180px
    }
}

.search-results .cover.gift, .search-no-results .cover.gift, .page .cover.gift,
.archive .cover.gift {
    width: 100%;
    height: 420px;
    min-height: 420px
}

@media screen and (max-width: 960px) {
    .search-results .cover.gift, .search-no-results .cover.gift, .page .cover.gift,
    .archive .cover.gift {
        height: 380px;
        min-height: 380px
    }
}

@media screen and (max-width: 640px) {
    .search-results .cover.gift, .search-no-results .cover.gift, .page .cover.gift,
    .archive .cover.gift {
        height: 250px;
        min-height: 250px
    }
}

@media screen and (max-width: 320px) {
    .search-results .cover.gift, .search-no-results .cover.gift, .page .cover.gift,
    .archive .cover.gift {
        height: 230px;
        min-height: 230px
    }
	
	.bb-1 {
	 width: 60%;
	margin-bottom: 0px;
	margin-top: 30px;
    }
}

.search-results .tit_box, .search-no-results .tit_box, .page .tit_box,
.archive .tit_box {
    width: 100%;
    position: relative;
    margin: 0 0 25px
}

.search-results .tit_box.center, .search-no-results .tit_box.center,
.page .tit_box.center, .archive .tit_box.center {
    text-align: center
}

.search-results .tit_box h1, .search-no-results .tit_box h1, .page .tit_box h1,
.archive .tit_box h1 {
	color: #000;
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.5
}

.search-results .tit_box h1 span.parent_name, .search-no-results .tit_box h1 span.parent_name,
.page .tit_box h1 span.parent_name, .archive .tit_box h1 span.parent_name {
    color: #999;
    display: inline-block
}

.search-results .tit_box h1 span.parent_name a, .search-no-results .tit_box h1 span.parent_name a,
.page .tit_box h1 span.parent_name a, .archive .tit_box h1 span.parent_name a {
    color: #999;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.search-results .tit_box h1 span.parent_name a:hover, .search-no-results .tit_box h1 span.parent_name a:hover,
.page .tit_box h1 span.parent_name a:hover, .archive .tit_box h1 span.parent_name a:hover {
    color: #000
}

.search-results .tit_box h1 span.parent_name:after, .search-no-results .tit_box h1 span.parent_name:after,
.page .tit_box h1 span.parent_name:after, .archive .tit_box h1 span.parent_name:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 8px 0 12px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #999;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease
}

@media screen and (max-width: 960px) {
    .search-results .tit_box, .search-no-results .tit_box, .page .tit_box,
    .archive .tit_box {
        margin: 0 0 20px
    }

    .search-results .tit_box h1, .search-no-results .tit_box h1, .page .tit_box h1,
    .archive .tit_box h1 {
	font-size: 26px
    }
}

@media screen and (max-width: 640px) {
    .search-results .tit_box, .search-no-results .tit_box, .page .tit_box,
    .archive .tit_box {
        margin: 0 0 15px
    }

    .search-results .tit_box h1, .search-no-results .tit_box h1, .page .tit_box h1,
    .archive .tit_box h1 {
	font-size: 24px
    }

    .search-results .tit_box h1 span.parent_name:after, .search-no-results .tit_box h1 span.parent_name:after,
    .page .tit_box h1 span.parent_name:after, .archive .tit_box h1 span.parent_name:after {
        top: -2px;
        margin: 0 5px 0 8px;
        width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 3px solid #999
    }
}

.search-results .cat_info, .search-no-results .cat_info, .page .cat_info,
.archive .cat_info {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    text-align: left;
    z-index: 12
}

.search-results .cat_info .term-description.product_cat2, .search-no-results .cat_info .term-description.product_cat2,
.page .cat_info .term-description.product_cat2, .archive .cat_info .term-description.product_cat2 {
    max-width: 700px;
    margin: 0 auto 20px
}

.search-results .cat_info .term-description h3, .search-no-results .cat_info .term-description h3,
.page .cat_info .term-description h3, .archive .cat_info .term-description h3 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 20px;
    line-height: 1.6
}

.search-results .cat_info .term-description h4, .search-no-results .cat_info .term-description h4,
.page .cat_info .term-description h4, .archive .cat_info .term-description h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 20px;
    line-height: 1.6
}

.search-results .cat_info .term-description p, .search-no-results .cat_info .term-description p,
.page .cat_info .term-description p, .archive .cat_info .term-description p {
    font-size: 14px;
    margin: 0 0 20px;
    line-height: 2.2;
    letter-spacing: 0.02em
}

.search-results .cat_info .term-description p strong, .search-no-results .cat_info .term-description p strong,
.page .cat_info .term-description p strong, .archive .cat_info .term-description p strong {
    color: #000;
    font-weight: bold
}

.search-results .cat_info .term-description img, .search-no-results .cat_info .term-description img,
.page .cat_info .term-description img, .archive .cat_info .term-description img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 25px auto;
    vertical-align: top
}

.search-results .cat_info .term-description .wp-caption, .search-no-results .cat_info .term-description .wp-caption,
.page .cat_info .term-description .wp-caption, .archive .cat_info .term-description .wp-caption {
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: 25px auto
}

.search-results .cat_info .term-description .wp-caption img, .search-no-results .cat_info .term-description .wp-caption img,
.page .cat_info .term-description .wp-caption img, .archive .cat_info .term-description .wp-caption img {
    margin: 0 auto 5px
}

.search-results .cat_info .term-description .wp-caption p.wp-caption-text,
.search-no-results .cat_info .term-description .wp-caption p.wp-caption-text,
.page .cat_info .term-description .wp-caption p.wp-caption-text, .archive .cat_info .term-description .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0
}

.search-results .cat_info .term-description blockquote, .search-no-results .cat_info .term-description blockquote,
.page .cat_info .term-description blockquote, .archive .cat_info .term-description blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 25px 25px 15px;
    margin: 35px auto
}

.search-results .cat_info .term-description blockquote p, .search-no-results .cat_info .term-description blockquote p,
.page .cat_info .term-description blockquote p, .archive .cat_info .term-description blockquote p {
    color: #111;
    line-height: 1.8;
    margin: 0 0 10px
}

.search-results .cat_info .term-description .share, .search-no-results .cat_info .term-description .share,
.page .cat_info .term-description .share, .archive .cat_info .term-description .share {
    width: 100%;
    margin: 30px 0 30px;
    text-align: center;
    display: inline-block
}

.search-results .cat_info .term-description .share .fb, .search-results .cat_info .term-description .share .tw,
.search-no-results .cat_info .term-description .share .fb, .search-no-results .cat_info .term-description .share .tw,
.page .cat_info .term-description .share .fb, .page .cat_info .term-description .share .tw,
.archive .cat_info .term-description .share .fb, .archive .cat_info .term-description .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

.search-results .cat_info .term-description .share .fb, .search-no-results .cat_info .term-description .share .fb,
.page .cat_info .term-description .share .fb, .archive .cat_info .term-description .share .fb {
    position: relative;
    top: -5px
}

.search-results .cat_info .term-description .column, .search-no-results .cat_info .term-description .column,
.page .cat_info .term-description .column, .archive .cat_info .term-description .column {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin: 20px 0 20px
}

.search-results .cat_info .term-description .column .column_in, .search-no-results .cat_info .term-description .column .column_in,
.page .cat_info .term-description .column .column_in, .archive .cat_info .term-description .column .column_in {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: table;
    table-layout: fixed
}

.search-results .cat_info .term-description .column .column_in .column_img,
.search-no-results .cat_info .term-description .column .column_in .column_img,
.page .cat_info .term-description .column .column_in .column_img, .archive .cat_info .term-description .column .column_in .column_img {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-right: 25px
}

.search-results .cat_info .term-description .column .column_in .column_img img,
.search-no-results .cat_info .term-description .column .column_in .column_img img,
.page .cat_info .term-description .column .column_in .column_img img,
.archive .cat_info .term-description .column .column_in .column_img img {
    margin: 0;
    border-radius: 100%;
    border: 3px solid #FFF
}

.search-results .cat_info .term-description .column .column_in .column_text,
.search-no-results .cat_info .term-description .column .column_in .column_text,
.page .cat_info .term-description .column .column_in .column_text,
.archive .cat_info .term-description .column .column_in .column_text {
    display: table-cell;
    vertical-align: middle
}

.search-results .cat_info .term-description .column .column_in .column_text h3,
.search-no-results .cat_info .term-description .column .column_in .column_text h3,
.page .cat_info .term-description .column .column_in .column_text h3,
.archive .cat_info .term-description .column .column_in .column_text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px
}

.search-results .cat_info .term-description .column .column_in .column_text p,
.search-no-results .cat_info .term-description .column .column_in .column_text p,
.page .cat_info .term-description .column .column_in .column_text p,
.archive .cat_info .term-description .column .column_in .column_text p {
    font-size: 13px;
    line-height: 1.7;
    margin: 0
}

.search-results .cat_info .term-description .column .column_in .column_text blockquote,
.search-no-results .cat_info .term-description .column .column_in .column_text blockquote,
.page .cat_info .term-description .column .column_in .column_text blockquote,
.archive .cat_info .term-description .column .column_in .column_text blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 15px;
    margin: 15px auto
}

@media screen and (max-width: 640px) {
    .search-results .cat_info .term-description h1, .search-results .cat_info .term-description h2,
    .search-results .cat_info .term-description h3, .search-results .cat_info .term-description h4,
    .search-results .cat_info .term-description p, .search-no-results .cat_info .term-description h1,
    .search-no-results .cat_info .term-description h2, .search-no-results .cat_info .term-description h3,
    .search-no-results .cat_info .term-description h4, .search-no-results .cat_info .term-description p,
    .page .cat_info .term-description h1, .page .cat_info .term-description h2,
    .page .cat_info .term-description h3, .page .cat_info .term-description h4,
    .page .cat_info .term-description p, .archive .cat_info .term-description h1,
    .archive .cat_info .term-description h2, .archive .cat_info .term-description h3,
    .archive .cat_info .term-description h4, .archive .cat_info .term-description p {
        padding: 0 4.5%
    }

    .search-results .cat_info .term-description h3, .search-no-results .cat_info .term-description h3,
    .page .cat_info .term-description h3, .archive .cat_info .term-description h3 {
        font-size: 15px;
        margin: 5px 0 15px
    }

    .search-results .cat_info .term-description h4, .search-no-results .cat_info .term-description h4,
    .page .cat_info .term-description h4, .archive .cat_info .term-description h4 {
        font-size: 14px;
        margin: 5px 0 15px
    }

    .search-results .cat_info .term-description p, .search-no-results .cat_info .term-description p,
    .page .cat_info .term-description p, .archive .cat_info .term-description p {
        font-size: 12px;
        margin: 0 0 15px;
        line-height: 2
    }

    .search-results .cat_info .term-description .wp-caption p.wp-caption-text,
    .search-no-results .cat_info .term-description .wp-caption p.wp-caption-text,
    .page .cat_info .term-description .wp-caption p.wp-caption-text, .archive .cat_info .term-description .wp-caption p.wp-caption-text {
        font-size: 11px
    }

    .search-results .cat_info .term-description img, .search-no-results .cat_info .term-description img,
    .page .cat_info .term-description img, .archive .cat_info .term-description img {
        max-width: 100%;
        height: auto;
        margin: 25px auto
    }

    .search-results .cat_info .term-description blockquote, .search-no-results .cat_info .term-description blockquote,
    .page .cat_info .term-description blockquote, .archive .cat_info .term-description blockquote {
        padding: 20px 0 10px;
        margin: 20px 4.5%
    }

    .search-results .cat_info .term-description .column .column_in, .search-no-results .cat_info .term-description .column .column_in,
    .page .cat_info .term-description .column .column_in, .archive .cat_info .term-description .column .column_in {
        padding: 20px
    }

    .search-results .cat_info .term-description .column .column_in .column_img,
    .search-no-results .cat_info .term-description .column .column_in .column_img,
    .page .cat_info .term-description .column .column_in .column_img, .archive .cat_info .term-description .column .column_in .column_img {
        width: 33%;
        vertical-align: top;
        padding-right: 20px
    }

    .search-results .cat_info .term-description .column .column_in .column_img img,
    .search-no-results .cat_info .term-description .column .column_in .column_img img,
    .page .cat_info .term-description .column .column_in .column_img img,
    .archive .cat_info .term-description .column .column_in .column_img img {
        border: 2px solid #FFF
    }

    .search-results .cat_info .term-description .column .column_in .column_text,
    .search-no-results .cat_info .term-description .column .column_in .column_text,
    .page .cat_info .term-description .column .column_in .column_text,
    .archive .cat_info .term-description .column .column_in .column_text {
        display: table-cell;
        vertical-align: top
    }

    .search-results .cat_info .term-description .column .column_in .column_text h3,
    .search-no-results .cat_info .term-description .column .column_in .column_text h3,
    .page .cat_info .term-description .column .column_in .column_text h3,
    .archive .cat_info .term-description .column .column_in .column_text h3 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 8px
    }

    .search-results .cat_info .term-description .column .column_in .column_text p,
    .search-no-results .cat_info .term-description .column .column_in .column_text p,
    .page .cat_info .term-description .column .column_in .column_text p,
    .archive .cat_info .term-description .column .column_in .column_text p {
        font-size: 12px;
        line-height: 1.7;
        margin: 0
    }
}

.search-results .cat_info .term-description .gallery, .search-no-results .cat_info .term-description .gallery,
.page .cat_info .term-description .gallery, .archive .cat_info .term-description .gallery {
    margin: 20px 0;
    position: relative;
    z-index: 180
}

.search-results .cat_info .term-description .gallery:after, .search-no-results .cat_info .term-description .gallery:after,
.page .cat_info .term-description .gallery:after, .archive .cat_info .term-description .gallery:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 1000;
    clear: both
}

.search-results .cat_info .term-description .gallery .slick-list,
.search-no-results .cat_info .term-description .gallery .slick-list,
.page .cat_info .term-description .gallery .slick-list, .archive .cat_info .term-description .gallery .slick-list {
    overflow: visible
}

.search-results .cat_info .term-description .gallery .wp-caption-text,
.search-no-results .cat_info .term-description .gallery .wp-caption-text,
.page .cat_info .term-description .gallery .wp-caption-text, .archive .cat_info .term-description .gallery .wp-caption-text {
    width: 100%;
    height: 30px;
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -40px
}

.search-results .cat_info .term-description .gallery .gallery-icon img,
.search-no-results .cat_info .term-description .gallery .gallery-icon img,
.page .cat_info .term-description .gallery .gallery-icon img, .archive .cat_info .term-description .gallery .gallery-icon img {
    vertical-align: top;
    margin: 0
}

.search-results .cat_info .term-description .gallery button, .search-no-results .cat_info .term-description .gallery button,
.page .cat_info .term-description .gallery button, .archive .cat_info .term-description .gallery button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1001
}

.search-results .cat_info .term-description .gallery button.slick-prev,
.search-no-results .cat_info .term-description .gallery button.slick-prev,
.page .cat_info .term-description .gallery button.slick-prev, .archive .cat_info .term-description .gallery button.slick-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .search-results .cat_info .term-description .gallery button.slick-prev,
    .search-no-results .cat_info .term-description .gallery button.slick-prev,
    .page .cat_info .term-description .gallery button.slick-prev, .archive .cat_info .term-description .gallery button.slick-prev {
        left: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -802px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.search-results .cat_info .term-description .gallery button.slick-next,
.search-no-results .cat_info .term-description .gallery button.slick-next,
.page .cat_info .term-description .gallery button.slick-next, .archive .cat_info .term-description .gallery button.slick-next {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -836px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .search-results .cat_info .term-description .gallery button.slick-next,
    .search-no-results .cat_info .term-description .gallery button.slick-next,
    .page .cat_info .term-description .gallery button.slick-next, .archive .cat_info .term-description .gallery button.slick-next {
        right: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -880px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.search-results .cat_info .term-description .gallery .slick-dots,
.search-no-results .cat_info .term-description .gallery .slick-dots,
.page .cat_info .term-description .gallery .slick-dots, .archive .cat_info .term-description .gallery .slick-dots {
    width: 100%;
    height: 19px;
    text-align: center;
    z-index: 1001;
    position: absolute;
    bottom: 10px
}

.search-results .cat_info .term-description .gallery .slick-dots li,
.search-no-results .cat_info .term-description .gallery .slick-dots li,
.page .cat_info .term-description .gallery .slick-dots li, .archive .cat_info .term-description .gallery .slick-dots li {
    display: inline-block;
    margin: 0 4px;
    width: 19px;
    height: 19px
}

.search-results .cat_info .term-description .gallery .slick-dots li button,
.search-no-results .cat_info .term-description .gallery .slick-dots li button,
.page .cat_info .term-description .gallery .slick-dots li button, .archive .cat_info .term-description .gallery .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.search-results .cat_info .term-description .gallery .slick-dots li.slick-active button,
.search-no-results .cat_info .term-description .gallery .slick-dots li.slick-active button,
.page .cat_info .term-description .gallery .slick-dots li.slick-active button,
.archive .cat_info .term-description .gallery .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .search-results .cat_info .term-description .gallery .slick-dots,
    .search-no-results .cat_info .term-description .gallery .slick-dots,
    .page .cat_info .term-description .gallery .slick-dots, .archive .cat_info .term-description .gallery .slick-dots {
        bottom: 5px
    }

    .search-results .cat_info .term-description .gallery .slick-dots li,
    .search-no-results .cat_info .term-description .gallery .slick-dots li,
    .page .cat_info .term-description .gallery .slick-dots li, .archive .cat_info .term-description .gallery .slick-dots li {
        width: 14px;
        height: 14px
    }

    .search-results .cat_info .term-description .gallery .slick-dots li button,
    .search-no-results .cat_info .term-description .gallery .slick-dots li button,
    .page .cat_info .term-description .gallery .slick-dots li button, .archive .cat_info .term-description .gallery .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 2px solid #FFF
    }
}

.search-results .sub_category, .search-no-results .sub_category,
.page .sub_category, .archive .sub_category {
    text-align: left;
    margin: 0 0 15px
}

.search-results .sub_category li, .search-no-results .sub_category li,
.page .sub_category li, .archive .sub_category li {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px
}

.search-results .sub_category li.cu, .search-results .sub_category li a,
.search-no-results .sub_category li.cu, .search-no-results .sub_category li a,
.page .sub_category li.cu, .page .sub_category li a, .archive .sub_category li.cu,
.archive .sub_category li a {
    color: #333;
    display: inline-block;
    height: 32px;
    letter-spacing: 0.04em;
    line-height: 32px;
    padding: 0 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.search-results .sub_category li.cu:before, .search-results .sub_category li a:before,
.search-no-results .sub_category li.cu:before, .search-no-results .sub_category li a:before,
.page .sub_category li.cu:before, .page .sub_category li a:before, .archive .sub_category li.cu:before,
.archive .sub_category li a:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 0;
    height: 0;
    position: relative;
    top: -1px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease;
    border-left: 3px solid #333
}

.search-results .sub_category li.cu, .search-no-results .sub_category li.cu,
.page .sub_category li.cu, .archive .sub_category li.cu {
    background-color: #d7d5ca
}

.search-results .sub_category li a, .search-no-results .sub_category li a,
.page .sub_category li a, .archive .sub_category li a {
    background-color: #f0efe9
}

.search-results .sub_category li a:hover, .search-no-results .sub_category li a:hover,
.page .sub_category li a:hover, .archive .sub_category li a:hover {
    background-color: #d7d5ca
}

.search-results .sub_category li a:hover:before, .search-no-results .sub_category li a:hover:before,
.page .sub_category li a:hover:before, .archive .sub_category li a:hover:before {
    border-left: 3px solid #FFF
}

@media screen and (max-width: 640px) {
    .search-results .sub_category, .search-no-results .sub_category,
    .page .sub_category, .archive .sub_category {
        margin: 0 0 10px
    }

    .search-results .sub_category li, .search-no-results .sub_category li,
    .page .sub_category li, .archive .sub_category li {
        font-size: 11px;
        margin: 0 4px 4px 0
    }

    .search-results .sub_category li.cu, .search-no-results .sub_category li.cu,
    .page .sub_category li.cu, .archive .sub_category li.cu {
        font-size: 10px;
        height: 26px;
        line-height: 26px;
        padding: 0 8px 0 6px
    }

    .search-results .sub_category li.cu:before, .search-no-results .sub_category li.cu:before,
    .page .sub_category li.cu:before, .archive .sub_category li.cu:before {
        margin-right: 2px
    }

    .search-results .sub_category li a, .search-no-results .sub_category li a,
    .page .sub_category li a, .archive .sub_category li a {
        font-size: 10px;
        height: 26px;
        line-height: 26px;
        padding: 0 8px 0 6px
    }

    .search-results .sub_category li a:before, .search-no-results .sub_category li a:before,
    .page .sub_category li a:before, .archive .sub_category li a:before {
        margin-right: 2px
    }

    .search-results .sub_category li a:hover, .search-no-results .sub_category li a:hover,
    .page .sub_category li a:hover, .archive .sub_category li a:hover {
        color: #FFF;
        background-color: #333
    }
}





.page .cover {
    height: 300px;
    min-height: 300px
}

@media screen and (max-width: 960px) {
    .page .cover {
        height: 260px;
        min-height: 260px
    }
}

@media screen and (max-width: 640px) {
    .page .cover {
        height: 200px;
        min-height: 200px
    }
}

@media screen and (max-width: 320px) {
    .page .cover {
        height: 150px;
        min-height: 150px
    }
}

.archive.post-type-archive-product .cover {
    height: 250px;
    min-height: 250px
}

@media screen and (max-width: 960px) {
    .archive.post-type-archive-product .cover {
        height: 220px;
        min-height: 220px
    }
}

@media screen and (max-width: 640px) {
    .archive.post-type-archive-product .cover {
        height: 180px;
        min-height: 180px
    }
}

@media screen and (max-width: 320px) {
    .archive.post-type-archive-product .cover {
        height: 120px;
        min-height: 120px
    }
	
}

.cart-empty {
    background-color: #f0efe9;
    padding: 20px;
    margin: 0 0 30px;
    border-radius: 5px
}

@media screen and (max-width: 640px) {
    .cart-empty {
        font-size: 12px
    }
}

.return-to-shop {
    margin: 0 0 40px
}

@media screen and (max-width: 640px) {
    .return-to-shop {
        font-size: 12px
    }
}

.woocommerce nav.woocommerce-pagination {
    padding: 50px 0
}

.woocommerce nav.woocommerce-pagination ul {
    border: none
}

.woocommerce nav.woocommerce-pagination ul li {
    font-size: 16px;
    border: none;
    margin: 0 1px
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: #CCC;
    padding: 15px 20px;
    border-bottom: 2px solid #CCC;
    background: none;
    -moz-transition: color 0.4s ease, border-bottom 0.4s ease;
    -o-transition: color 0.4s ease, border-bottom 0.4s ease;
    -webkit-transition: color 0.4s ease, border-bottom 0.4s ease;
    transition: color 0.4s ease, border-bottom 0.4s ease
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    color: #333;
    background: none;
    border-bottom: 2px solid #333
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #000;
    padding: 15px 20px;
    border-bottom: 2px solid #000;
    background: none
}

@media screen and (max-width: 640px) {
    .woocommerce nav.woocommerce-pagination ul li {
        font-size: 14px
    }

    .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span.current {
        padding: 12px 15px
    }
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    color: #444;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #f0efe9;
    border-radius: 5px;
    border: none;
    margin: 20px 5.5% !important
}

.woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a {
    color: #589251;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.woocommerce .woocommerce-error a:hover, .woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover {
    color: #666
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button {
    color: #FFF;
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .woocommerce .woocommerce-error, .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-message {
        font-size: 13px;
        margin: 20px 5% !important
    }
}

@media screen and (max-width: 640px) {
    .woocommerce .woocommerce-error, .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-message {
        font-size: 12px;
        margin: 20px 10px !important
    }
}

.inner .woocommerce .woocommerce-error, .inner .woocommerce .woocommerce-info,
.inner .woocommerce .woocommerce-message {
    margin: 20px 0 !important
}


/* 商品、カート、プライス*/

.woocommerce ul.products {
    text-align: left;
    padding: 20px 0 0;
    margin: 0
}

.woocommerce ul.products li.product {
	width: 25% !important;
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 35px;
	margin-left: 0;
	margin-right: 6.5%;
	margin-top: 0;
}

.woocommerce ul.products li.product.first, .woocommerce ul.products li.product:nth-child(2n),
.woocommerce ul.products li.product:nth-child(3n), .woocommerce ul.products li.product:nth-child(4n),
.woocommerce ul.products li.product:nth-child(3n + 1), .woocommerce ul.products li.product:nth-child(4n + 1) {
    float: left !important;
    clear: none !important
}

.woocommerce ul.products li.product:nth-child(3n) {
    margin-right: 0 !important
}

.woocommerce ul.products li.product:nth-child(3n + 1) {
    clear: left !important
}

@media screen and (max-width: 767px) {
    .woocommerce ul.products li.product {
        width: 75% !important;
        margin: 0 6% 25px 0 !important;
        letter-spacing: normal;
        vertical-align: top
    }

    .woocommerce ul.products li.product.first, .woocommerce ul.products li.product:nth-child(2n),
    .woocommerce ul.products li.product:nth-child(3n), .woocommerce ul.products li.product:nth-child(4n),
    .woocommerce ul.products li.product:nth-child(3n + 1), .woocommerce ul.products li.product:nth-child(4n + 1) {
        float: left !important;
        clear: none !important
    }

    .woocommerce ul.products li.product:nth-child(3n) {
        margin-right: 6% !important
    }

    .woocommerce ul.products li.product:nth-child(2n) {
        margin-right: 0 !important
    }

    .woocommerce ul.products li.product:nth-child(2n + 1) {
        clear: left !important
    }
}

.woocommerce ul.products li.product a {
    display: block
}

.woocommerce ul.products li.product a .thumb {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 10px
}

.woocommerce ul.products li.product a .thumb img {
    margin: 0
}

.woocommerce ul.products li.product a .thumb:before {
    content: "";
    display: block;
    width: 68.5px;
    height: 68px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1849px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 40%;
    margin: -34px 0 0 -34px;
    opacity: 0;
    z-index: 10;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.woocommerce ul.products li.product a .thumb:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

@media screen and (min-width: 960px) {
    .woocommerce ul.products li.product a:hover .thumb:before {
        left: 80%;
        opacity: 1
    }

    .woocommerce ul.products li.product a:hover .thumb:after {
        background-color: rgba(0, 0, 0, 0.6)
    }
}

.woocommerce ul.products li.product a h3 {
    color: #111;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 5px;
    padding: 0 5px
}

.woocommerce ul.products li.product a h3 span {
    color: #888;
    display: block;
    font-size: 11px
}

.woocommerce ul.products li.product a .star-rating {
    display: none
}

@media screen and (max-width: 960px) {
    .woocommerce ul.products li.product a h3 {
        font-size: 13px
    }
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products li.product a h3 {
        font-size: 12px;
        margin: 0 0 2px
    }

    .woocommerce ul.products li.product a h3 span {
        font-size: 10px
    }
}

.woocommerce ul.products li.product .price {
    color: #555;
    font-size: 14px;
    margin: 5px 0 0;
    padding: 0 5px
}

.woocommerce ul.products li.product .price .woocommerce-price-suffix {
    font-size: 10px
}

.woocommerce ul.products li.product a.button, .woocommerce ul.products li.product a.added_to_cart {
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    padding: 7px;
    margin: 0;
    float: right;
    border-radius: 5px;
    background-color: #000;
    -moz-transition: background-color 0.4s ease, color 0.4s ease;
    -o-transition: background-color 0.4s ease, color 0.4s ease;
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease
}

.woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product a.added_to_cart:hover {
    color: #FFF;
    background-color: #ff0000;
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product a.added_to_cart {
        text-align: center;
        position: relative;
        margin: 0 auto
    }
}

.woocommerce ul.products li.product a.button.added {
    display: none
}

.woocommerce ul.products li.product a.added_to_cart {
    color: #FFF;
    padding: 7px 7px 7px 3px;
    background-color: #589251
}

.woocommerce ul.products li.product a.added_to_cart:before {
    font-family: WooCommerce;
    content: "\e017";
    margin-left: .53em;
    vertical-align: bottom;
    padding-right: 3px
}

@media screen and (max-width: 960px) {
    .woocommerce ul.products li.product .price {
        font-size: 12px
    }

    .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product a.added_to_cart {
        font-size: 10px;
        padding: 5px 6px;
        bottom: -1px
    }

    .woocommerce ul.products li.product a.added_to_cart {
        padding: 5px 6px 4px 3px
    }
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products li.product .price {
        margin: 0;
        font-size: 12px
    }
}

.woocommerce.columns-1 ul.products, .woocommerce.columns-2 ul.products {
    text-align: center !important;
    letter-spacing: -0.4em
}

.woocommerce.columns-1 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
    display: inline-block !important;
    float: none !important;
    margin: 0 3.25% 35px !important;
    text-align: left !important;
    letter-spacing: normal
}

@media screen and (max-width: 767px) {
    .woocommerce.columns-2 ul.products li.product.first {
        margin: 0 6% 35px 0 !important
    }

    .woocommerce.columns-2 ul.products li.product.last {
        margin: 0 0 35px !important
    }
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner,
.fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav,
.fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

/* ここまで*/



/* 商品、カート、プライス2*/

.woocommerce ul.products2 {
	text-align: left;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
}

.woocommerce ul.products2 li.product {
	width: 29% !important;
	letter-spacing: normal;
	vertical-align: top;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 6.5%;
	margin-top: 0;
}

.woocommerce ul.products2 li.product.first, .woocommerce ul.products2 li.product:nth-child(2n),
.woocommerce ul.products2 li.product:nth-child(3n), .woocommerce ul.products2 li.product:nth-child(4n),
.woocommerce ul.products2 li.product:nth-child(3n + 1), .woocommerce ul.products2 li.product:nth-child(4n + 1) {
    float: left !important;
    clear: none !important;
}

.woocommerce ul.products2 li.product:nth-child(3n) {
    margin-right: 0px;
}

.woocommerce ul.products2 li.product:nth-child(3n + 1) {
    clear: left !important;
}



@media screen and (max-width: 767px) {
    .woocommerce ul.products2 li.product {
        width: 47% !important;
        margin: 0 6% 25px 0 !important;
        letter-spacing: normal;
        vertical-align: top
    }

    .woocommerce ul.products2 li.product.first, .woocommerce ul.products2 li.product:nth-child(2n),
    .woocommerce ul.products2 li.product:nth-child(3n), .woocommerce ul.products2 li.product:nth-child(4n),
    .woocommerce ul.products2 li.product:nth-child(3n + 1), .woocommerce ul.products2 li.product:nth-child(4n + 1) {
        float: left !important;
        clear: none !important
    }

    .woocommerce ul.products2 li.product:nth-child(3n) {
        margin-right: 6% !important
    }

    .woocommerce ul.products2 li.product:nth-child(2n) {
        margin-right: 0 !important
    }

    .woocommerce ul.products2 li.product:nth-child(2n + 1) {
        clear: left !important
    }
}



.woocommerce ul.products2 li.product a {
    display: block
}

.woocommerce ul.products2 li.product a .thumb {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 0px;
}

.woocommerce ul.products2 li.product a .thumb img {
	margin-bottom: -5px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.woocommerce ul.products2 li.product a .thumb:before {
    content: "";
    display: block;
    width: 68.5px;
    height: 68px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1849px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 40%;
    margin: -34px 0 0 -34px;
    opacity: 0;
    z-index: 10;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.woocommerce ul.products2 li.product a .thumb:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}



@media screen and (min-width: 960px) {
    .woocommerce ul.products2 li.product a:hover .thumb:before {
        left: 50%;
        opacity: 1
    }

    .woocommerce ul.products2 li.product a:hover .thumb:after {
        background-color: rgba(0, 0, 0, 0.6)
    }
}

.woocommerce ul.products2 li.product a h3 {
    color: #111;
    font-weight: bold;
    line-height: 1.5;
    margin: 5px 0 5px;
    padding: 0 5px
}

.woocommerce ul.products2 li.product a h3 span {
    color: #888;
    display: block;
    font-size: 11px
}

.woocommerce ul.products2 li.product a .star-rating {
    display: none
}

@media screen and (max-width: 960px) {
    .woocommerce ul.products2 li.product a h3 {
        font-size: 13px
    }
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products2 li.product a h3 {
        font-size: 12px;
        margin: 0 0 2px
    }

    .woocommerce ul.products2 li.product a h3 span {
        font-size: 10px
    }
}

.woocommerce ul.products2 li.product .price {
    color: #555;
    font-size: 14px;
    margin: 5px 0 0;
    padding: 0 5px
}

.woocommerce ul.products2 li.product .price .woocommerce-price-suffix {
    font-size: 10px
}

.woocommerce ul.products2 li.product a.button, .woocommerce ul.products2 li.product a.added_to_cart {
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    padding: 7px;
    margin: 0;
    float: right;
    border-radius: 5px;
    background-color: #000;
    -moz-transition: background-color 0.4s ease, color 0.4s ease;
    -o-transition: background-color 0.4s ease, color 0.4s ease;
    -webkit-transition: background-color 0.4s ease, color 0.4s ease;
    transition: background-color 0.4s ease, color 0.4s ease
}

.woocommerce ul.products2 li.product a.button:hover, .woocommerce ul.products2 li.product a.added_to_cart:hover {
    color: #FFF;
    background-color: #ff0000;
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products2 li.product a.button, .woocommerce ul.products2 li.product a.added_to_cart {
        text-align: center;
        position: relative;
        margin: 0 auto
    }
}

.woocommerce ul.products2 li.product a.button.added {
    display: none
}

.woocommerce ul.products2 li.product a.added_to_cart {
    color: #FFF;
    padding: 7px 7px 7px 3px;
    background-color: #589251
}

.woocommerce ul.products2 li.product a.added_to_cart:before {
    font-family: WooCommerce;
    content: "\e017";
    margin-left: .53em;
    vertical-align: bottom;
    padding-right: 3px
}

@media screen and (max-width: 960px) {
    .woocommerce ul.products2 li.product .price {
        font-size: 12px
    }

    .woocommerce ul.products2 li.product a.button, .woocommerce ul.products2 li.product a.added_to_cart {
        font-size: 10px;
        padding: 5px 6px;
        bottom: -1px
    }

    .woocommerce ul.products2 li.product a.added_to_cart {
        padding: 5px 6px 4px 3px
    }
}

@media screen and (max-width: 640px) {
    .woocommerce ul.products2 li.product .price {
        margin: 0;
        font-size: 12px
    }
}

.woocommerce.columns-1 ul.products2, .woocommerce.columns-2 ul.products2 {
    text-align: center !important;
    letter-spacing: -0.4em
}

.woocommerce.columns-1 ul.product2s li.product, .woocommerce.columns-2 ul.product2s li.product {
    display: inline-block !important;
    float: none !important;
    margin: 0 3.25% 35px !important;
    text-align: left !important;
    letter-spacing: normal
}

@media screen and (max-width: 767px) {
    .woocommerce.columns-2 ul.products2 li.product.first {
        margin: 0 6% 35px 0 !important
    }

    .woocommerce.columns-2 ul.products2 li.product.last {
        margin: 0 0 35px !important
    }
}

/* ここまで*/



.fancybox-wrap iframe {
    z-index: 9999
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 9999
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 10px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("img/fancybox_sprite.png");
    background-size: 44px 132px
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("img/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -22px;
    right: 2px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("img/blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    opacity: 0.5;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.fancybox-prev span {
    left: -50px;
    background-position: 0 -88px
}

.fancybox-next span {
    right: -50px;
    background-position: 0 -44px
}

.fancybox-nav:hover span {
    opacity: 1
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(255, 255, 255, 0.85)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 8000;
    -webkit-transform: translate3d(0, 0, 0)
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden
}

.fancybox-title {
    visibility: hidden;
    font-size: 12px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", MeiryoKe_PGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 9999
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    width: 100%;
    display: inline-block;
    margin-right: -100%;
    background: transparent;
    color: #000;
    line-height: 24px;
    letter-spacing: 0.03em;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #444;
    text-shadow: 0 1px 1px #FFF
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

.cr {
    position: relative
}

.cr .inbox {
    position: relative
}

@media screen and (min-width: 960px) {
    #content, #left, #right {
        min-height: 2000px
    }
}



/* センター指定*/

#content {
    position: relative;
    margin-top: 115px;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 960px) {
    #content {
        margin-top: 105px
    }
}

@media screen and (max-width: 640px) {
    #content {
        margin-top: 80px
    }
}

#content.toppage {
    margin-top: 8px
}

/* 左側*/

#left {
	width: 250px;
	height: 100%;
	background-color: #e0dcd5;
	position: absolute;
	top: 1px;
	left: 23px;
	border-left: 8px solid #FFF;
	border-right: 8px solid #FFF;
	border-bottom: 8px solid #FFF
}

@media screen and (max-width: 1040px) {
    #left {
        width: 230px
    }
}

@media screen and (max-width: 960px) {
    #left {
        display: none
    }
}

/* 右側*/

#right {
    width: 250px;
    height: 100%;
    display: none;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 8px solid #FFF;
    border-right: 8px solid #FFF;
    border-bottom: 8px solid #FFF
}

@media screen and (min-width: 1310px) {
    #right {
        display: block
    }
}


#main {
    margin: 0 0 0 266px;
    padding: 0 0 5px
}

@media screen and (min-width: 1310px) {
    #main {
        max-width: 820px;
        margin: 0 266px
    }
}

@media screen and (min-width: 1575px) {
    #main {
        margin: 0 auto
    }
}

@media screen and (max-width: 1040px) {
    #main {
        margin: 0 0 0 246px
    }
}

@media screen and (max-width: 960px) {
    #main {
        margin: 0
    }
}

#main .inner {
    position: relative;
    padding: 0 5.5%;
    z-index: 11
}

@media screen and (max-width: 1040px) {
    #main .inner {
        padding: 0 5%
    }
}

@media screen and (max-width: 640px) {
    #main .inner {
        padding: 0 4.8%
    }
}

.home #main {
    padding: 0 0 5px
}




/* ヘッダー*/

.home #main {
    padding: 0 0 5px
}
.header {
    width: 100%;
    height: 105px;
    background-color: #FFF;
    position: fixed;
    z-index: 240;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03);
    -moz-transition: height 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;
    -o-transition: height 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;
    -webkit-transition: height 0.4s ease, opacity 0.4s ease, background-color 0.4s ease;
    transition: height 0.4s ease, opacity 0.4s ease, background-color 0.4s ease
}

@media screen and (max-width: 640px) {
    .header {
        height: 80px
    }
}

.header .header_inner {
    height: 105px;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    -moz-transition: height 0.4s ease;
    -o-transition: height 0.4s ease;
    -webkit-transition: height 0.4s ease;
    transition: height 0.4s ease
}

.header .logo {
	width: 298px;
	text-align: center;
	position: absolute;
	top: 11px;
	left: 50%;
	margin-left: -148px;
	z-index: 240;
	-moz-transition: width 0.4s ease, top 0.4s ease, margin-left 0.4s ease;
	-o-transition: width 0.4s ease, top 0.4s ease, margin-left 0.4s ease;
	-webkit-transition: width 0.4s ease, top 0.4s ease, margin-left 0.4s ease;
	transition: width 0.4s ease, top 0.4s ease, margin-left 0.4s ease
}

.header .logo a {
    display: block;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.header .logo a img {
    margin: 0 0 15px;
    vertical-align: top
}

.header .logo a img.logo_copy {
    width: 148px;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

@media screen and (min-width: 960px) {
    .header .logo a:hover {
        opacity: 0.5
    }
}

@media screen and (max-width: 960px) {
    .header .logo {
        width: 250px;
        top: 34px;
        margin-left: -125px
    }

    .header .logo a img {
        margin: 0 0 15px
    }

    .header .logo a img.logo_copy {
        width: 120px
    }
}

@media screen and (max-width: 640px) {
    .header .logo {
	width: 220px;
	top: 15px;
	margin-left: -108px
    }

    .header .logo a img {
        margin: 0 0 13px
    }

    .header .logo a img.logo_copy {
        width: 100px
    }
}

@media screen and (max-width: 320px) {
    .header .logo {
        width: 190px;
        top: 26px;
        margin-left: -95px
    }

    .header .logo a img {
        margin: 0 0 13px
    }

    .header .logo a img.logo_copy {
        width: 100px
    }
}

.header #sp_menu, .header #sp_menu_close {
    width: 56px;
    height: 56px;
    display: none;
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 220;
    border: 1px solid #FFF;
    border-radius: 100%;
    background-color: #f0efe9;
    -moz-transition: top 0.4s ease, left 0.4s ease;
    -o-transition: top 0.4s ease, left 0.4s ease;
    -webkit-transition: top 0.4s ease, left 0.4s ease;
    transition: top 0.4s ease, left 0.4s ease
}

.header #sp_menu .menu-trigger, .header #sp_menu .menu-trigger span,
.header #sp_menu_close .menu-trigger, .header #sp_menu_close .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
}

.header #sp_menu .menu-trigger, .header #sp_menu_close .menu-trigger {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.header #sp_menu .menu-trigger span, .header #sp_menu_close .menu-trigger span {
    position: absolute;
    left: 18px;
    width: 20px;
    height: 2px;
    background-color: #403a39;
    border-radius: 4px
}

.header #sp_menu .menu-trigger span:nth-of-type(1), .header #sp_menu_close .menu-trigger span:nth-of-type(1) {
    top: 18px
}

.header #sp_menu .menu-trigger span:nth-of-type(2), .header #sp_menu_close .menu-trigger span:nth-of-type(2) {
    top: 27px
}

.header #sp_menu .menu-trigger span:nth-of-type(3), .header #sp_menu_close .menu-trigger span:nth-of-type(3) {
    bottom: 18px
}

.header #sp_menu.active .menu-trigger span:nth-of-type(1), .header #sp_menu_close.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg)
}

.header #sp_menu.active .menu-trigger span:nth-of-type(2), .header #sp_menu_close.active .menu-trigger span:nth-of-type(2) {
    opacity: 0
}

.header #sp_menu.active .menu-trigger span:nth-of-type(3), .header #sp_menu_close.active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg)
}

@media screen and (max-width: 960px) {
    .header #sp_menu, .header #sp_menu_close {
        display: block
    }
}

@media screen and (max-width: 640px) {
    .header #sp_menu, .header #sp_menu_close {
        width: 43px;
        height: 43px;
        top: 18px;
        left: 7px
    }

    .header #sp_menu .menu-trigger, .header #sp_menu_close .menu-trigger {
        width: 43px;
        height: 43px;
        top: 0;
        left: 0
    }

    .header #sp_menu .menu-trigger span, .header #sp_menu_close .menu-trigger span {
        width: 16px;
        left: 14px
    }

    .header #sp_menu .menu-trigger span:nth-of-type(1), .header #sp_menu_close .menu-trigger span:nth-of-type(1) {
        top: 13px
    }

    .header #sp_menu .menu-trigger span:nth-of-type(2), .header #sp_menu_close .menu-trigger span:nth-of-type(2) {
        top: 21px
    }

    .header #sp_menu .menu-trigger span:nth-of-type(3), .header #sp_menu_close .menu-trigger span:nth-of-type(3) {
        bottom: 12px
    }

    .header #sp_menu.active .menu-trigger span:nth-of-type(1), .header #sp_menu_close.active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY8px rotate(-45deg)
    }

    .header #sp_menu.active .menu-trigger span:nth-of-type(2), .header #sp_menu_close.active .menu-trigger span:nth-of-type(2) {
        opacity: 0
    }

    .header #sp_menu.active .menu-trigger span:nth-of-type(3), .header #sp_menu_close.active .menu-trigger span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }
}

.header #sp_menu_close {
    z-index: 0
}

.header #sp_menu_close.active {
    z-index: 240
}

.header .s_menu {
    position: absolute;
    right: 118px;
    top: 50%;
    margin-top: -10px;
    text-align: right;
    -moz-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    -webkit-transition: right 0.4s ease;
    transition: right 0.4s ease
}

@media screen and (max-width: 1040px) {
    .header .s_menu {
        display: none
    }
}

.header .s_menu .about_us, .header .s_menu .myaccount, .header .s_menu .login {
    line-height: 1;
    display: inline-block
}

.header .s_menu .about_us a, .header .s_menu .myaccount a, .header .s_menu .login a {
    color: #111;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.08em;
    margin: 0 18px;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1
}

.header .s_menu .about_us a:hover, .header .s_menu .myaccount a:hover,
.header .s_menu .login a:hover {
    opacity: 0.5
}

.header .s_menu .about_us:after, .header .s_menu .myaccount:after,
.header .s_menu .login:after {
    content: "";
    display: inline-block;
    height: 14px;
    width: 2px;
    background-color: #DDD;
    position: relative;
    top: 2px
}

.header #pc_menu, .header #pc_menu_close {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 30px;
    left: 25px;
    z-index: 220;
    border: 1px solid #FFF;
    border-radius: 100%;
    background-color: #f0efe9;
    -moz-transition: top 0.4s ease, left 0.4s ease;
    -o-transition: top 0.4s ease, left 0.4s ease;
    -webkit-transition: top 0.4s ease, left 0.4s ease;
    transition: top 0.4s ease, left 0.4s ease
}

.header #pc_menu .menu-trigger, .header #pc_menu .menu-trigger span,
.header #pc_menu_close .menu-trigger, .header #pc_menu_close .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
}

.header #pc_menu .menu-trigger, .header #pc_menu_close .menu-trigger {
    position: relative;
    width: 44px;
    height: 44px;
    top: 0;
    left: 0
}

.header #pc_menu .menu-trigger span, .header #pc_menu_close .menu-trigger span {
    position: absolute;
    left: 15px;
    width: 14px;
    height: 2px;
    background-color: #403a39;
    border-radius: 4px
}

.header #pc_menu .menu-trigger span:nth-of-type(1), .header #pc_menu_close .menu-trigger span:nth-of-type(1) {
    top: 13px
}

.header #pc_menu .menu-trigger span:nth-of-type(2), .header #pc_menu_close .menu-trigger span:nth-of-type(2) {
    top: 21px
}

.header #pc_menu .menu-trigger span:nth-of-type(3), .header #pc_menu_close .menu-trigger span:nth-of-type(3) {
    bottom: 13px
}

.header #pc_menu.active .menu-trigger span:nth-of-type(1), .header #pc_menu_close.active .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg)
}

.header #pc_menu.active .menu-trigger span:nth-of-type(2), .header #pc_menu_close.active .menu-trigger span:nth-of-type(2) {
    opacity: 0
}

.header #pc_menu.active .menu-trigger span:nth-of-type(3), .header #pc_menu_close.active .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg)
}

@media screen and (max-width: 960px) {
    .header #pc_menu, .header #pc_menu_close {
        display: none
    }
}

.header #pc_menu_close {
    z-index: 0
}

.header #pc_menu_close.active {
    z-index: 240
}

.header .search-form {
    position: absolute;
    top: 30px;
    left: 90px;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    -webkit-transition: top 0.4s ease;
    transition: top 0.4s ease
}

.header .search-form input[type="text"] {
    color: #444;
    width: 160px;
    height: 44px;
    vertical-align: top;
    line-height: 44px;
    border-radius: 30px;
    padding: 0 15px;
    border: none;
    background-color: #f0efe9;
    font-size: 13px;
    outline: none;
    -moz-transition: background-color 0.4s ease, width 0.4s ease;
    -o-transition: background-color 0.4s ease, width 0.4s ease;
    -webkit-transition: background-color 0.4s ease, width 0.4s ease;
    transition: background-color 0.4s ease, width 0.4s ease
}

.header .search-form input[type="text"]:focus {
    color: #333;
    width: 200px
}

.header .search-form ::selection {
    color: #444
}

.header .search-form input[type="image"] {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0.7;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.header .search-form input[type="image"]:hover {
    opacity: 1
}

@media screen and (max-width: 960px) {
    .header .search-form {
        display: none
    }
}

.header .view-cart {
    top: 17px;
    right: 25px;
    position: absolute;
    z-index: 240;
    -moz-transition: top 0.4s ease, right 0.4s ease;
    -o-transition: top 0.4s ease, right 0.4s ease;
    -webkit-transition: top 0.4s ease, right 0.4s ease;
    transition: top 0.4s ease, right 0.4s ease
}

.header .view-cart .btn_cart {
    width: 70px;
    height: 70px;
    -moz-transition: width 0.4s ease, height 0.4s ease;
    -o-transition: width 0.4s ease, height 0.4s ease;
    -webkit-transition: width 0.4s ease, height 0.4s ease;
    transition: width 0.4s ease, height 0.4s ease;
    display: block
}

.header .view-cart .btn_cart .count {
    color: #000;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: -18px;
    text-align: center;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #f4e3da;
    border-radius: 20px;
    border: 3px solid #FFF;
    z-index: 2
}

.header .view-cart .btn_cart img {
    width: 100%
}

.header .view-cart .widget_shopping_cart {
    color: #333;
    width: 270px;
    position: absolute;
    top: 72px;
    right: -325px;
    opacity: 0;
    padding: 15px;
    background-color: #f0efe9;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
    -moz-transition: opacity 0.4s ease, top 0.4s ease, right 0.4s ease;
    -o-transition: opacity 0.4s ease, top 0.4s ease, right 0.4s ease;
    -webkit-transition: opacity 0.4s ease, top 0.4s ease, right 0.4s ease;
    transition: opacity 0.4s ease, top 0.4s ease, right 0.4s ease;
    z-index: 100
}

@media screen and (max-width: 960px) {
    .header .view-cart .widget_shopping_cart {
        display: none
    }
}

.header .view-cart .widget_shopping_cart .total {
    border-top: 3px solid #ebe9eb
}

.header .view-cart .widget_shopping_cart .cart_list li {
    background-color: #FFF;
    border-radius: 5px;
    margin: 0 0 5px;
    padding-top: 10px;
    padding-right: 10px
}

.header .view-cart .widget_shopping_cart .cart_list li.empty {
    font-size: 13px;
    font-weight: bold;
    padding: 12px
}

.header .view-cart .widget_shopping_cart .cart_list li img {
    width: 50px;
    border-radius: 3px;
    margin-left: 8px
}

.header .view-cart .widget_shopping_cart .cart_list li a {
    color: #333;
    font-size: 12px;
    line-height: 1.4
}

.header .view-cart .widget_shopping_cart .cart_list li a.remove {
    color: #333 !important;
    font-size: 15px;
    line-height: 1;
    top: 10px;
    left: 8px;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.header .view-cart .widget_shopping_cart .cart_list li a.remove:hover {
    color: #FFF !important;
    background-color: #333
}

.header .view-cart .widget_shopping_cart .cart_list li .quantity {
    color: #666;
    font-weight: 200;
    -webkit-font-smoothing: antialiased
}

.header .view-cart .widget_shopping_cart .buttons {
    padding: 20px 0 0
}

.header .view-cart .widget_shopping_cart .buttons a.button {
    color: #FFF;
    font-size: 13px;
    margin: 0 5px 0 0
}

.header .view-cart .widget_shopping_cart .buttons a.button.checkout {
    margin: 0
}

.header .view-cart:hover .widget_shopping_cart {
    right: -25px;
    opacity: 1
}

@media screen and (max-width: 960px) {
    .header .view-cart {
        top: 24px
    }

    .header .view-cart .btn_cart {
        width: 60px;
        height: 60px
    }

    .header .view-cart .btn_cart .count {
        left: -18px;
        width: 26px;
        height: 26px;
        line-height: 26px
    }
}

@media screen and (max-width: 640px) {
    .header .view-cart {
        top: 18px;
        right: 7px
    }

    .header .view-cart .btn_cart {
        width: 45px;
        height: 45px
    }

    .header .view-cart .btn_cart .count {
        font-size: 10px;
        top: -5px;
        left: -5px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border: 2px solid #FFF
    }
}

.header.scroll {
    height: 70px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05)
}

.header.scroll .header_inner {
    height: 70px
}

@media screen and (max-width: 640px) {
    .header.scroll {
        height: 60px
    }

    .header.scroll .header_inner {
        height: 60px
    }
}

@media screen and (min-width: 960px) {
    .header.scroll .logo {
        width: 250px;
        margin-left: -125px;
        top: 27px
    }
}

@media screen and (max-width: 960px) {
    .header.scroll .logo {
        top: 27px
    }

    .header.scroll .logo img {
        margin-bottom: 0
    }
}

@media screen and (max-width: 640px) {
    .header.scroll .logo {
        top: 24px
    }
}

.header.scroll .logo .logo_copy {
    opacity: 0
}

.header.scroll .s_menu {
    right: 100px
}

@media screen and (min-width: 960px) {
    .header.scroll .search-form, .header.scroll #pc_menu, .header.scroll #pc_menu_close {
        top: 13px
    }
}

@media screen and (min-width: 960px) {
    .header.scroll .view-cart {
        top: 8px;
        right: 15px
    }

    .header.scroll .view-cart .btn_cart {
        width: 58px;
        height: 58px
    }
}

@media screen and (max-width: 960px) {
    .header.scroll .view-cart {
        top: 12px;
        right: 15px
    }

    .header.scroll .view-cart .btn_cart {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 640px) {
    .header.scroll .view-cart {
        top: 8px;
        right: 8px
    }

    .header.scroll .view-cart .btn_cart {
        width: 45px;
        height: 45px
    }
}

@media screen and (min-width: 960px) {
    .header.scroll .widget_shopping_cart {
        top: 57px
    }
}

@media screen and (max-width: 960px) {
    .header.scroll #sp_menu, .header.scroll #sp_menu_close {
        width: 46px;
        height: 46px;
        top: 12px;
        left: 15px
    }

    .header.scroll #sp_menu .menu-trigger, .header.scroll #sp_menu_close .menu-trigger {
        width: 46px;
        height: 46px
    }

    .header.scroll #sp_menu .menu-trigger span, .header.scroll #sp_menu_close .menu-trigger span {
        width: 16px;
        left: 15px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(1), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(1) {
        top: 14px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(2), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(2) {
        top: 22px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(3), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(3) {
        bottom: 14px
    }

    .header.scroll #sp_menu.active .menu-trigger span:nth-of-type(1),
    .header.scroll #sp_menu_close.active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    .header.scroll #sp_menu.active .menu-trigger span:nth-of-type(2),
    .header.scroll #sp_menu_close.active .menu-trigger span:nth-of-type(2) {
        opacity: 0
    }

    .header.scroll #sp_menu.active .menu-trigger span:nth-of-type(3),
    .header.scroll #sp_menu_close.active .menu-trigger span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }
}

@media screen and (max-width: 640px) {
    .header.scroll #sp_menu, .header.scroll #sp_menu_close {
        width: 43px;
        height: 43px;
        top: 8px;
        left: 7px
    }

    .header.scroll #sp_menu .menu-trigger, .header.scroll #sp_menu_close .menu-trigger {
        width: 43px;
        height: 43px
    }

    .header.scroll #sp_menu .menu-trigger span, .header.scroll #sp_menu_close .menu-trigger span {
        width: 16px;
        left: 14px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(1), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(1) {
        top: 13px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(2), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(2) {
        top: 21px
    }

    .header.scroll #sp_menu .menu-trigger span:nth-of-type(3), .header.scroll #sp_menu_close .menu-trigger span:nth-of-type(3) {
        bottom: 12px
    }

    .header.scroll #sp_menu .menu-trigger.active .menu-trigger span:nth-of-type(1),
    .header.scroll #sp_menu_close .menu-trigger.active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    .header.scroll #sp_menu .menu-trigger.active .menu-trigger span:nth-of-type(2),
    .header.scroll #sp_menu_close .menu-trigger.active .menu-trigger span:nth-of-type(2) {
        opacity: 0
    }

    .header.scroll #sp_menu .menu-trigger.active .menu-trigger span:nth-of-type(3),
    .header.scroll #sp_menu_close .menu-trigger.active .menu-trigger span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }
}

.header.active {
    box-shadow: 0 3px 0 transparent;
    background-color: rgba(240, 239, 233, 0.9)
}

@media screen and (min-width: 960px) {
    .header.active {
        background-color: #f0efe9
    }
}

.header.active .search-form input[type="text"] {
    background-color: #FFF
}
/* ここまで*/





/* メニュー*/

#pc_menu_wrap {
    width: 100%;
    height: 100%;
    background-color: #f0efe9;
    border-top: 2px solid #FFF;
    position: fixed;
    display: none;
    top: 105px;
    z-index: -1;
    opacity: 0;
    -moz-transition: opacity 0.4s ease, top 0.4s ease;
    -o-transition: opacity 0.4s ease, top 0.4s ease;
    -webkit-transition: opacity 0.4s ease, top 0.4s ease;
    transition: opacity 0.4s ease, top 0.4s ease;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.03)
}

#pc_menu_wrap.scroll {
    top: 70px
}

#pc_menu_wrap.active {
    opacity: 1
}

#pc_menu_wrap .pc_inner {
    padding: 0 15px;
    border-bottom: 2px solid #FFF
}


/* メニュー左*/

#pc_menu_wrap .pc_menu_left {
    width: 200px;
    position: absolute;
    top: 15px;
    left: 15px
}

#pc_menu_wrap .pc_menu_left .snav_gift, #pc_menu_wrap .pc_menu_left .snav_guide,
#pc_menu_wrap .pc_menu_left .snav_postage, #pc_menu_wrap .pc_menu_left .snav_feature,
#pc_menu_wrap .pc_menu_left .snav_about, #pc_menu_wrap .pc_menu_left .snav_contact {
    width: 100%;
    display: table;
    margin: 0 0 16px;
    position: relative
}

#pc_menu_wrap .pc_menu_left .snav_gift:after, #pc_menu_wrap .pc_menu_left .snav_guide:after,
#pc_menu_wrap .pc_menu_left .snav_postage:after, #pc_menu_wrap .pc_menu_left .snav_feature:after,
#pc_menu_wrap .pc_menu_left .snav_about:after, #pc_menu_wrap .pc_menu_left .snav_contact:after {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -50px
}

#pc_menu_wrap .pc_menu_left .snav_gift a, #pc_menu_wrap .pc_menu_left .snav_guide a,
#pc_menu_wrap .pc_menu_left .snav_postage a, #pc_menu_wrap .pc_menu_left .snav_feature a,
#pc_menu_wrap .pc_menu_left .snav_about a, #pc_menu_wrap .pc_menu_left .snav_contact a {
    color: #222;
    font-size: 13px;
    font-weight: bold;
    display: table-cell;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    vertical-align: middle
}

#pc_menu_wrap .pc_menu_left .snav_gift a:hover, #pc_menu_wrap .pc_menu_left .snav_guide a:hover,
#pc_menu_wrap .pc_menu_left .snav_postage a:hover, #pc_menu_wrap .pc_menu_left .snav_feature a:hover,
#pc_menu_wrap .pc_menu_left .snav_about a:hover, #pc_menu_wrap .pc_menu_left .snav_contact a:hover {
    opacity: 0.5
}

#pc_menu_wrap .pc_menu_left .snav_gift a .ico, #pc_menu_wrap .pc_menu_left .snav_guide a .ico,
#pc_menu_wrap .pc_menu_left .snav_postage a .ico, #pc_menu_wrap .pc_menu_left .snav_feature a .ico,
#pc_menu_wrap .pc_menu_left .snav_about a .ico, #pc_menu_wrap .pc_menu_left .snav_contact a .ico {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

#pc_menu_wrap .pc_menu_left .snav_gift a span, #pc_menu_wrap .pc_menu_left .snav_guide a span,
#pc_menu_wrap .pc_menu_left .snav_postage a span, #pc_menu_wrap .pc_menu_left .snav_feature a span,
#pc_menu_wrap .pc_menu_left .snav_about a span, #pc_menu_wrap .pc_menu_left .snav_contact a span {
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle
}

#pc_menu_wrap .pc_menu_left .snav_contact {
    margin: 0
}

#pc_menu_wrap .pc_menu_left .snav_contact:after {
    display: none
}

#pc_menu_wrap .pc_menu_left .snav_gift .ico {
    background: url("../img/spr2x/sp_pic_gift.png") center center no-repeat;
    background-size: cover
}

#pc_menu_wrap .pc_menu_left .snav_guide .ico {
    background: url("../img/spr2x/sp_pic_guide.png") center center no-repeat;
    background-size: cover
}

#pc_menu_wrap .pc_menu_left .snav_postage .ico {
    background: url("../img/spr2x/sp_pic_postage.png") center center no-repeat;
    background-size: cover
}

#pc_menu_wrap .pc_menu_left .snav_feature .ico {
    background: url("../img/spr2x/sp_pic_feature.png") center center no-repeat;
    background-size: cover
}

#pc_menu_wrap .pc_menu_left .snav_about .ico {
    background: url("../img/spr2x/sp_pic_about.png") center center no-repeat;
    background-size: cover
}

#pc_menu_wrap .pc_menu_left .snav_contact .ico {
    background: url("../img/spr2x/sp_pic_contact.png") center center no-repeat;
    background-size: cover
}

@media screen and (max-width: 960px) {
    #pc_menu_wrap .pc_menu_left {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0 0
    }

    #pc_menu_wrap .pc_menu_left .snav_gift, #pc_menu_wrap .pc_menu_left .snav_guide,
    #pc_menu_wrap .pc_menu_left .snav_postage, #pc_menu_wrap .pc_menu_left .snav_feature,
    #pc_menu_wrap .pc_menu_left .snav_about {
        width: 50%;
        float: left
    }

    #pc_menu_wrap .pc_menu_left .snav_gift:after, #pc_menu_wrap .pc_menu_left .snav_guide:after,
    #pc_menu_wrap .pc_menu_left .snav_postage:after, #pc_menu_wrap .pc_menu_left .snav_feature:after,
    #pc_menu_wrap .pc_menu_left .snav_about:after {
        display: none
    }

    #pc_menu_wrap .pc_menu_left .snav_gift a, #pc_menu_wrap .pc_menu_left .snav_guide a,
    #pc_menu_wrap .pc_menu_left .snav_postage a, #pc_menu_wrap .pc_menu_left .snav_feature a,
    #pc_menu_wrap .pc_menu_left .snav_about a {
        font-size: 12px
    }

    #pc_menu_wrap .pc_menu_left .snav_gift a .ico, #pc_menu_wrap .pc_menu_left .snav_guide a .ico,
    #pc_menu_wrap .pc_menu_left .snav_postage a .ico, #pc_menu_wrap .pc_menu_left .snav_feature a .ico,
    #pc_menu_wrap .pc_menu_left .snav_about a .ico {
        width: 35px;
        height: 35px
    }
}

/* メニュー右*/

#pc_menu_wrap .pc_menu_right {
	margin-left: 0px;
	float: right;
	padding: 15px 0 0 15px;
	border-left: 2px solid #FFF
}

#pc_menu_wrap .pc_menu_right .menu_tit {
    color: #111;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px
}

#pc_menu_wrap .pc_menu_right .pc_cat_list {
    padding: 2px 0 2px 2px
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box {
    width: 16.6666%;
    float: left;
    margin: 0 0 15px;
    box-sizing: border-box;
    border-right: 2px solid #f0efe9
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(6n + 1) {
    clear: left
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:last-child {
    display: none
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a {
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a p {
    color: #111;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 5px
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a img {
    width: 100%;
    height: auto;
    margin: 0 0 8px;
    vertical-align: top
}

#pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a:hover {
    opacity: 0.5
}

@media screen and (max-width: 1040px) {
    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box {
        width: 20%
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(6n + 1) {
        clear: none
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(5n + 1) {
        clear: left
    }
}



@media screen and (max-width: 960px) {
	
    #pc_menu_wrap {
        display: block;
        position: relative;
        opacity: 1 !important;
        top: 0 !important;
        left: 0;
        box-shadow: none;
        z-index: 1 !important;
        margin-top: 20px
    }

    #pc_menu_wrap .pc_inner {
        padding: 20px 5% 25px;
        border: none
    }

    #pc_menu_wrap .pc_menu_right {
        margin-left: 0;
        float: none;
        padding: 0;
        border-left: none
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box {
        width: 50%;
        height: 40px;
        background-color: #FFF;
        margin: 0 0 2px;
        display: table;
        table-layout: fixed
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(6n + 1),
    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(5n + 1) {
        clear: none
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(2n + 1) {
        clear: left
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box:nth-child(2n) {
        border-right: none
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a {
        display: table-cell;
        vertical-align: middle
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a p {
        padding: 0 5px
    }

    #pc_menu_wrap .pc_menu_right .pc_cat_list .pc_cat_box a img {
        display: none
    }
}

@media screen and (max-width: 640px) {
    #pc_menu_wrap .pc_inner {
        padding: 20px 4.5% 25px
    }

    #pc_menu_wrap .pc_menu_right .menu_tit {
        font-size: 12px;
        margin: 0 0 6px
    }
}




/* SPナビメニュー*/

#sp_menu_wrap {
    width: 40%;
    height: 100%;
    background-color: #f0efe9;
    position: fixed;
    display: none;
	opacity: 0.6; 
    top: 0;
    z-index: -1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

@media screen and (min-width: 960px) {
    #sp_menu_wrap {
        display: none
    }
}

#sp_menu_wrap.active {
    opacity: 1
}

#sp_menu_wrap .sp_inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: scroll;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
    -webkit-overflow-scrolling: touch
}

#sp_menu_wrap .sp_menu_left {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: content-box;
    right: 0
}

#sp_menu_wrap .sp_menu_left .sp_search_form {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-right: 2px solid #FFF;
    background-color: #FFF
}

#sp_menu_wrap .sp_menu_left .sp_search_form input[type="text"] {
    color: #444;
    width: 80%;
    display: block;
    height: 44px;
    box-sizing: content-box;
    vertical-align: top;
    line-height: 44px;
    padding: 0 0 0 10px;
    border: none;
    background-color: #FFF;
    font-size: 13px;
    outline: none;
    -moz-transition: background-color 0.4s ease, width 0.4s ease;
    -o-transition: background-color 0.4s ease, width 0.4s ease;
    -webkit-transition: background-color 0.4s ease, width 0.4s ease;
    transition: background-color 0.4s ease, width 0.4s ease
}

#sp_menu_wrap .sp_menu_left .sp_search_form input[type="text"]:focus {
    color: #333
}

#sp_menu_wrap .sp_menu_left .sp_search_form input[type="image"] {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0.7;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

#sp_menu_wrap .sp_menu_left .sp_search_form input[type="image"]:hover {
    opacity: 1
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu p {
    color: #8c8584;
    font-size: 11px;
    font-weight: bold;
    line-height: 26px;
    padding: 4px 10px 0;
    border-right: 2px solid #FFF
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu p:before {
    content: "";
    display: inline-block;
    margin: 0 3px 0 0;
    width: 0;
    height: 0;
    border-top: 3px solid #8c8584;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    position: relative;
    top: 1px
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu ul li {
    margin: 0 0 1px;
    border-right: 2px solid #FFF
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu ul li.cat-item-523 {
    display: none
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu ul li a {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFF;
    padding: 10px
}

@media screen and (min-width: 640px) {
    #sp_menu_wrap .sp_menu_left .sp_cat_menu ul li a {
        font-size: 12px
    }
}

#sp_menu_wrap .sp_menu_left .sp_cat_menu ul li .children {
    display: none
}

#sp_menu_wrap .sp_menu_right {
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0
}

#sp_menu_wrap .sp_menu_right .main_sp_nav {
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    border-bottom: 1px solid #FFF
}

#sp_menu_wrap .sp_menu_right .main_sp_nav li {
    text-align: center;
    border-bottom: 1px solid #FFF
}

#sp_menu_wrap .sp_menu_right .main_sp_nav li a {
    color: #333;
    font-size: 11px;
    font-weight: bold;
    display: block;
    line-height: 1.4;
    padding: 15px 10px
}

#sp_menu_wrap .sp_menu_right .main_sp_nav li a img {
    width: 40%;
    display: block;
    margin: 0 auto 5px;
    vertical-align: top
}

@media screen and (min-width: 640px) {
    #sp_menu_wrap .sp_menu_right .main_sp_nav li a {
        font-size: 12px
    }

    #sp_menu_wrap .sp_menu_right .main_sp_nav li a img {
        width: 25%
    }
}

#sp_menu_wrap .sp_menu_right .main_sp_nav li.guide a, #sp_menu_wrap .sp_menu_right .main_sp_nav li.feature a,
#sp_menu_wrap .sp_menu_right .main_sp_nav li.postage a, #sp_menu_wrap .sp_menu_right .main_sp_nav li.gift a,
#sp_menu_wrap .sp_menu_right .main_sp_nav li.about a {
    padding: 10px
}

#sp_menu_wrap .sp_menu_left, #sp_menu_wrap .sp_menu_right {
    top: 105px;
    -moz-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    -webkit-transition: top 0.4s ease;
    transition: top 0.4s ease
}

@media screen and (max-width: 640px) {
    #sp_menu_wrap .sp_menu_left, #sp_menu_wrap .sp_menu_right {
        top: 80px
    }
}

#sp_menu_wrap.scroll .sp_menu_left, #sp_menu_wrap.scroll .sp_menu_right {
    top: 70px
}

@media screen and (max-width: 640px) {
    #sp_menu_wrap.scroll .sp_menu_left, #sp_menu_wrap.scroll .sp_menu_right {
        top: 60px
    }
}



/* フッター*/

#footer {
	color: #ccc;
	clear: both;
	background-color: #cccccc;
	padding: 60px 0;
	margin-top: 20px
}

@media screen and (max-width: 960px) {
    #footer {
        margin-top: 0
    }
}

@media screen and (max-width: 640px) {
    #footer {
        padding: 30px 0
    }
}

#footer .f_logo {
    width: 249px;
    margin: 0 auto 30px
}

@media screen and (max-width: 640px) {
    #footer .f_logo {
        width: 200px;
        margin: 0 auto 18px
    }
}

#footer .sitemap {
    text-align: center;
    margin: 0 0 30px;
    letter-spacing: -0.04em
}

#footer .sitemap li {
    display: inline-block;
    letter-spacing: normal;
    padding: 0 7px 10px
}

#footer .sitemap li.last {
    border: none
}

#footer .sitemap li a {
    color: #403a39;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    background-color: #CCC;
    line-height: 25px;
    padding: 0 12px;
    border-radius: 20px
}

@media screen and (max-width: 640px) {
    #footer .sitemap {
        margin: 0 0 20px
    }

    #footer .sitemap li {
        padding: 0 4px 8px
    }

    #footer .sitemap li a {
        font-size: 11px
    }
}

@media screen and (max-width: 640px) {
    #footer .sitemap {
        margin: 0 0 20px
    }

    #footer .sitemap li {
        padding: 0 2px 6px
    }

    #footer .sitemap li a {
        font-size: 11px;
        line-height: 23px;
        padding: 0 8px
    }
}

#footer .f_col_wrap {
    margin: 0 auto 40px;
    text-align: center;
    letter-spacing: -0.4em;
    padding: 0 3%;
    display: table
}

@media screen and (max-width: 960px) {
    #footer .f_col_wrap {
        display: block
    }
}

@media screen and (max-width: 640px) {
    #footer .f_col_wrap {
        display: none
    }
}

#footer .f_col_wrap .f_col {
    width: 33.3333%;
    display: table-cell;
    font-size: 11px;
    text-align: left;
    letter-spacing: normal;
    padding: 0 3%;
    border-right: 1px solid #585454;
    vertical-align: top
}

#footer .f_col_wrap .f_col.last {
    border: none
}

#footer .f_col_wrap .f_col h3 {
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 8px
}

#footer .f_col_wrap .f_col h4 {
    color: #FFF;
    font-size: 12px;
    margin: 0 0 5px
}

#footer .f_col_wrap .f_col p {
    margin: 0 0 10px
}

#footer .f_col_wrap .f_col img {
    margin: 0 5px 0 0;
    width: auto;
    height: 30px;
    border-radius: 2px
}

@media screen and (max-width: 960px) {
    #footer .f_col_wrap .f_col {
        width: 94%;
        display: block;
        padding: 20px 0 0;
        margin: 20px 3% 0;
        border: none;
        border-top: 1px solid #585454
    }

    #footer .f_col_wrap .f_col.last {
        border-top: 1px solid #585454
    }
}

#footer p.copyright {
    color: #FFF;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    letter-spacing: 0.1em
}

@media screen and (max-width: 640px) {
    #footer p.copyright {
        font-size: 10px;
        letter-spacing: 0.05em
    }
}


.top_cover {
	color: #666;
	width: 100%;
	max-height: 450px;
	margin-top: 105px;
	text-align: center;
	position: relative;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	background-color: #f0efe9
}


@media screen and (max-width: 640px) {
    .top_cover {
        height: 270px;
        margin-top: 80px
    }
}

.top_cover img {
    width: auto
}

@media screen and (min-width: 960px) {
    .top_cover img {
        height: 100%
    }
}

@media screen and (max-width: 640px) {
    .top_cover img {
        height: 270px
    }
}

.top_cover button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 100
}

.top_cover button.slick-prev {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -596px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.top_cover button.slick-next {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -642px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.top_cover .slick-dots {
    height: 19px;
    position: absolute;
    bottom: 20px;
    right: 25px;
    text-align: right;
    z-index: 100
}

.top_cover .slick-dots li {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 19px;
    height: 19px
}

.top_cover .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.top_cover .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .top_cover .slick-dots {
        width: 100%;
        height: 10px;
        bottom: 12px;
        right: 50%;
        margin-right: -50%;
        text-align: center
    }

    .top_cover .slick-dots li {
        width: 10px;
        height: 10px
    }

    .top_cover .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 2px solid #FFF
    }
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.top_cover .slick-track, .top_cover .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    max-height: 482px
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table
}

.slick-loading .slick-track {
    visibility: hidden
}

@media screen and (min-width: 960px) {
    .top_cover .slick-slide:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: rgba(255, 255, 255, 0) 0 0 0 0 inset;
        -moz-transition: box-shadow 0.4s ease;
        -o-transition: box-shadow 0.4s ease;
        -webkit-transition: box-shadow 0.4s ease;
        transition: box-shadow 0.4s ease
    }

    .top_cover .slick-slide:hover:after {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 8px inset
    }
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide a {
    display: block
}

@media screen and (max-width: 640px) {
    .slick-slide .slide_box {
        height: 270px
    }

    .slick-slide .slide_box img {
        position: relative;
        height: 270px
    }
}

.slick-slide .slide_box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 50;
    clear: both
}

.slick-slide .slide_box.no_title:after {
    display: none
}

.slick-slide .slide_box .cap {
    color: #FFF;
    display: inline-block;
    width: 80%;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -40%;
    z-index: 100
}

.slick-slide .slide_box .cap h3 {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.05em;
    line-height: 1.5;
    padding: 0 3px 0
}

.slick-slide .slide_box .cap h3 span {
    display: inline-block;
    margin-right: 10px
}

.slick-slide .slide_box .cap h3 span:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 15px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease
}

@media screen and (min-width: 960px) {
    .slick-slide .slide_box .cap h3 {
        border: 1px solid #FFF;
        line-height: 28px;
        padding: 0 10px
    }
}

@media screen and (max-width: 640px) {
    .slick-slide .slide_box .cap {
        width: 310px;
        margin-left: -155px;
        bottom: 20px
    }

    .slick-slide .slide_box .cap h3 {
        font-size: 12px
    }

    .slick-slide .slide_box .cap h3 span {
        display: inline-block;
        margin-right: 6px
    }

    .slick-slide .slide_box .cap h3 span:after {
        border-top: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-left: 3px solid #FFF;
        margin-left: 10px;
        top: -1px
    }
}

.slick-slide .slide_box img {
    display: block;
    vertical-align: top;
    box-shadow: rgba(113, 135, 164, 0.65098) 0px 0px 6px 3px inset
}

.slick-slide .slide_box img:hover {
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.8) inset
}

.slick-slide .slide_box img.sp_cover {
    display: none
}

@media screen and (max-width: 640px) {
    .slick-slide .slide_box img.pc_cover {
        display: none
    }

    .slick-slide .slide_box img.sp_cover {
        display: block
    }
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.voice {
    width: 100%;
    background-color: #fdf4ed;
    margin: 1px 0 0
}

.voice .inbox {
	padding: 20px;
	text-align: left
}

.voice .inbox p {
    color: #333;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    display: inline-block;
    background-color: #FFF;
    border-radius: 10px;
    padding: 5px 15px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05)
}

/* 8,000円以上で全国送料が無料*/

.voice2 {
    width: 100%;
    background-color: #fdf4ed;
    margin: 1px 0 0;
}

.voice2 .inbox {
	padding: 10px;
	text-align: center;
	margin: 1px 0 10px;
	font-size: 22px;
	color: #ff0000;
	line-height: 26px;
}

.voice2 .inbox p {
    color: #333;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    display: inline-block;
    background-color: #FFF;
    border-radius: 10px;
    padding: 5px 15px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 640px) {
    .voice .inbox p {
        font-size: 12px
    }
	
}

@media screen and (max-width: 640px) {
    .voice .inbox {
        padding: 10px;    
    }
	
    .voice .inbox p {
        font-size: 12px;
        text-align: left;
        line-height: 1.5;
        padding: 7px 8px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
        border-radius: 5px
    }
	
	.voice2 .inbox {
        font-size: 13px;
		line-height: 17px;
	margin: 1px 0 10px;
}	
}



.pickup .ico {
    width: 70px;
    height: 70px
}

.pickup .ico img {
    border-radius: 100%
}

.block.product_cat2, .block.feature {
	padding-bottom: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1px;
}

@media screen and (max-width: 640px) {
    .block.product_cat2, .block.feature {
        padding: 25px 0 5px
    }
}

#main .feature .inner {
    padding: 0 4.5%
}

.block.feature .title .ico {
    width: 70px;
    height: 70px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -883px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 960px) {
    .block.feature .title .ico {
        width: 70px;
        height: 70px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -1139px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        margin-top: -5px
    }
}

.f_box_list {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1px;
}

.f_box_list .f_box {
	width: 48%;
	float: left;
	margin-bottom: 1px;
	margin-left: 0;
	margin-right: 4%;
	margin-top: 0;
}

.f_box_list .f_box:nth-child(2n) {
    margin-right: 0
}

.f_box_list .f_box:nth-child(2n + 1) {
    clear: left
}

.f_box_list .f_box a {
    width: 100%;
    display: table;
    table-layout: fixed
}

.f_box_list .f_box a .f_image {
    width: 40%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.f_box_list .f_box a .f_image .f_image_in {
    position: relative
}

.f_box_list .f_box a .f_image .f_image_in:before {
    content: "";
    display: block;
    width: 69px;
    height: 56px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1081px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 20%;
    margin: -27px 0 0 -35px;
    opacity: 0;
    z-index: 10;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.f_box_list .f_box a .f_image .f_image_in .date {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    width: 100%;
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    z-index: 10;
    opacity: 1;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.f_box_list .f_box a .f_image .f_image_in img {
	border-radius: 0%;
	vertical-align: top;
	opacity: 0.9
}

.f_box_list .f_box a .f_image .f_image_in:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.08);
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

@media screen and (min-width: 960px) {
    .f_box_list .f_box a:hover .f_image .f_image_in:before {
        left: 50%;
        opacity: 1
    }

    .f_box_list .f_box a:hover .f_image .f_image_in:after {
        background-color: rgba(0, 0, 0, 0.6)
    }

    .f_box_list .f_box a:hover .f_image .f_image_in .date {
        left: 50%;
        opacity: 0;
        -moz-transition: opacity 0.4s ease, left 0.4s ease;
        -o-transition: opacity 0.4s ease, left 0.4s ease;
        -webkit-transition: opacity 0.4s ease, left 0.4s ease;
        transition: opacity 0.4s ease, left 0.4s ease
    }
}

.f_box_list .f_box a .f_txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px
}

.f_box_list .f_box a .f_txt .cat {
    color: #666;
    font-size: 12px;
    margin: 0 0 5px
}

.f_box_list .f_box a .f_txt h3 {
    color: #111;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin: 0 0 8px
}

.f_box_list .f_box a .f_txt p {
    color: #666;
    font-size: 12px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    line-height: 1.7
}

@media screen and (max-width: 960px) {
    .f_box_list .f_box a .f_image_in .date {
        font-size: 12px
    }

    .f_box_list .f_box a .f_txt {
        padding-left: 15px
    }

    .f_box_list .f_box a .f_txt h3 {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 5px
    }

    .f_box_list .f_box a .f_txt p {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .f_box_list .f_box {
        width: 100%;
        margin: 0 0 20px;
        float: none
    }

    .f_box_list .f_box a .f_image {
        width: 27%
    }

    .f_box_list .f_box a .f_image .f_image_in .date {
        font-size: 10px
    }

    .f_box_list .f_box a .f_txt {
        padding-left: 15px
    }

    .f_box_list .f_box a .f_txt h3 {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 0 5px
    }

    .f_box_list .f_box a .f_txt p {
        font-size: 11px
    }
}


/* メインバナー*/

#main .banner_area {
    width: 100%;
    background-color: #f6f6f4
}

#main .banner_area.block {
    padding: 0;
    margin: 20px 0
}

@media screen and (max-width: 640px) {
    #main .banner_area.block {
        margin: 10px 0
    }
}

#main .banner_area .inner {
    padding: 0 5%
}

#main .banner_area ul {
    padding: 4% 0 0
}

#main .banner_area ul li {
    width: 48%;
    margin: 0 4% 3% 0;
    float: left
}

#main .banner_area ul li:nth-child(2n) {
    margin-right: 0
}

#main .banner_area ul li:nth-child(2n + 1) {
    clear: left
}

#main .banner_area ul li .ban_image {
    border: 5px solid #FFF;
    margin: 0 0 10px;
    position: relative
}

#main .banner_area ul li .ban_image img {
    vertical-align: top
}

#main .banner_area ul li .ban_image .term_count {
    color: #FFF;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -32px;
    display: block;
    border-radius: 100%;
    border: 1px solid #FFF;
    background-color: rgba(0, 0, 0, 0.14)
}

#main .banner_area ul li .ban_image .term_count strong {
    font-size: 24px
}

#main .banner_area ul li .ban_image .term_count span {
    display: inline-block;
    padding-top: 11px
}

#main .banner_area ul li h4 {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em
}

#main .banner_area ul li h4:before {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #333
}

@media screen and (max-width: 640px) {
    #main .banner_area ul {
        padding: 15px 0 10px
    }

    #main .banner_area ul li {
        width: 100%;
        margin: 0;
        padding: 5px 0 5px;
        float: none
    }

    #main .banner_area ul li .ban_image {
        margin: 0 0 7px
    }

    #main .banner_area ul li h4 {
        font-size: 13px
    }
}

#main .instagram {
	background-color: #f6f6f4;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 20px;
}

@media screen and (max-width: 640px) {
    #main .instagram {
        margin: 10px 0
    }
}

#main .instagram .inbox.inner {
    padding: 30px 5% 20px
}

#main .instagram .inbox.inner .cf {
    width: 100%;
    display: table;
    table-layout: fixed
}

#main .instagram .inbox.inner .cf .thumb {
    width: 22%;
    display: table-cell;
    vertical-align: top;
    position: relative
}

#main .instagram .inbox.inner .cf .thumb:before {
    content: "";
    display: block;
    width: 33px;
    height: 33px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -2288px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 10
}

#main .instagram .inbox.inner .cf .thumb img {
    border: 5px solid #FFF;
    border-radius: 10px;
    vertical-align: top
}

#main .instagram .inbox.inner .cf .txt {
    width: 100%;
    color: #125678;
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 5%;
    margin-left: 5%;
    text-align: left
}

#main .instagram .inbox.inner .cf .txt h4 {
    color: #333;
    font-size: 15px;
    margin: 0 0 10px
}

#main .instagram .inbox.inner .cf .txt h4 a {
    color: #125678;
    display: inline-block;
    padding-left: 5px
}

#main .instagram .inbox.inner .cf .txt p {
    font-size: 12px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    margin: 0 0 10px
}

#main .instagram .inbox.inner .cf .txt p.cap {
    font-size: 13px
}

#main .instagram .inbox.inner .cf .txt p.tag {
    color: #999
}

#main .instagram .inbox.inner .cf .txt p.date, #main .instagram .inbox.inner .cf .txt p.like,
#main .instagram .inbox.inner .cf .txt p.comment, #main .instagram .inbox.inner .cf .txt p.location {
    color: #777;
    display: inline-block;
    margin-right: 12px
}

#main .instagram .inbox.inner .cf .txt p.date {
    font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    letter-spacing: 0.08em
}

#main .instagram .inbox.inner .cf .txt p.like {
    font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    letter-spacing: 0.08em
}

#main .instagram .inbox.inner .cf .txt p.like:before {
    content: "";
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1230px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 2px
}

#main .instagram .inbox.inner .cf .txt p.comment {
    font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    letter-spacing: 0.08em
}

#main .instagram .inbox.inner .cf .txt p.comment:before {
    content: "";
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1212px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 2px
}

#main .instagram .inbox.inner .cf .txt p.location:before {
    content: "";
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1249px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 2px
}

#main .instagram .inbox.inner .cf .txt p.location a {
    color: #777;
    text-decoration: underline
}

#main .instagram .inbox.inner .cf .txt p.link {
    display: inline-block
}

#main .instagram .inbox.inner .cf .txt p.link a {
    color: #125678;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 15px;
    background-color: #FFF;
    border-radius: 20px;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

#main .instagram .inbox.inner .cf .txt p.link a:before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 0;
    height: 0;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #125678
}

#main .instagram .inbox.inner .cf .txt p.link a:hover {
    color: #FFF;
    background-color: #125678
}

#main .instagram .inbox.inner .cf .txt p.link a:hover:before {
    border-left: 5px solid #FFF
}

@media screen and (max-width: 767px) {
    #main .instagram .inbox.inner .cf {
        display: block
    }

    #main .instagram .inbox.inner .cf .thumb {
        width: 60%;
        margin: 0 auto 10px;
        display: block
    }

    #main .instagram .inbox.inner .cf .txt {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        display: block;
        text-align: center
    }

    #main .instagram .inbox.inner .cf .txt h4 {
        font-size: 14px
    }

    #main .instagram .inbox.inner .cf .txt p.cap {
        font-size: 12px;
        text-align: left
    }

    #main .instagram .inbox.inner .cf .txt p.date, #main .instagram .inbox.inner .cf .txt p.like,
    #main .instagram .inbox.inner .cf .txt p.comment, #main .instagram .inbox.inner .cf .txt p.location {
        margin: 0 5px 12px
    }
}

.home #main .ranking {
    background-color: #f6f6f4;
    padding: 0;
    margin: 20px 0
}

.home #main .ranking .inbox {
    padding: 30px 0 20px
}

.home #main .ranking .inbox h4 {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.15em;
    margin: 0 auto 27px
}

@media screen and (max-width: 640px) {
    .home #main .ranking .inbox {
        padding: 20px 0 20px
    }

    .home #main .ranking .inbox h4 {
        font-size: 17px;
        margin: 0 auto 5px
    }
}

.home #main .ranking .inbox .woocommerce .products {
    display: table
}

.home #main .ranking .inbox .woocommerce .products li.product {
    width: 20% !important;
    float: none !important;
    display: table-cell;
    margin: 0;
    padding: 0;
    border-right: 1px solid #FFF
}

.home #main .ranking .inbox .woocommerce .products li.product.first,
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(2n),
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(3n),
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(4n),
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(5n),
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(3n + 1),
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(4n + 1) {
    float: none !important;
    clear: none !important
}

@media screen and (max-width: 640px) {
    .home #main .ranking .inbox .woocommerce .products li.product {
        width: 33.3333% !important
    }

    .home #main .ranking .inbox .woocommerce .products li.product:nth-child(4n),
    .home #main .ranking .inbox .woocommerce .products li.product:nth-child(5n) {
        display: none
    }
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(5n) {
    border: none
}

.home #main .ranking .inbox .woocommerce .products li.product .thumb {
    margin: 0 0 12px
}

.home #main .ranking .inbox .woocommerce .products li.product h3 {
    font-size: 12px;
    padding: 0 10px
}

.home #main .ranking .inbox .woocommerce .products li.product h3:before {
    color: #000;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 8px;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 640px) {
    .home #main .ranking .inbox .woocommerce .products li.product h3 {
        font-size: 12px
    }

    .home #main .ranking .inbox .woocommerce .products li.product h3:before {
        font-size: 13px
    }
}

.home #main .ranking .inbox .woocommerce .products li.product span.price {
    color: #949a96;
    font-size: 12px;
    margin: 5px 0 0;
    padding: 0 10px
}

.home #main .ranking .inbox .woocommerce .products li.product .star-rating,
.home #main .ranking .inbox .woocommerce .products li.product a.button {
    display: none
}

.home #main .ranking .inbox .woocommerce .products li.product:first-child:before,
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(2):before,
.home #main .ranking .inbox .woocommerce .products li.product:nth-child(3):before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 10;
    margin-left: -17px
}

.home #main .ranking .inbox .woocommerce .products li.product:first-child:before {
    width: 37px;
    height: 39px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -1731px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(2):before {
    width: 37px;
    height: 39px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -1775px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(3):before {
    width: 37px;
    height: 39px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -1819px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 960px) {
    .home #main .ranking .inbox .woocommerce .products li.product:first-child:before {
        width: 37px;
        height: 39px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -1970px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .home #main .ranking .inbox .woocommerce .products li.product:nth-child(2):before {
        width: 37px;
        height: 39px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2011px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .home #main .ranking .inbox .woocommerce .products li.product:nth-child(3):before {
        width: 37px;
        height: 39px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2053px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.home #main .ranking .inbox .woocommerce .products li.product:first-child h3:before {
    content: "No.1"
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(2) h3:before {
    content: "No.2"
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(3) h3:before {
    content: "No.3"
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(4) h3:before {
    content: "No.4"
}

.home #main .ranking .inbox .woocommerce .products li.product:nth-child(5) h3:before {
    content: "No.5"
}

.home #main .about {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 40px 0
}

.home #main .about .left, .home #main .about .right {
    width: 50%;
    min-height: 290px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fdf4ed;
    overflow: hidden
}

.home #main .about .left {
    background: url("../img/pic_about.jpg") center center no-repeat;
    background-size: cover;
    border-right: 3px solid #FFF
}

.home #main .about .left .inbox {
    width: 100%;
    min-height: 290px
}

.home #main .about .right {
    vertical-align: middle;
    border-left: 3px solid #FFF
}

.home #main .about .right .inbox {
    width: 100%;
    height: 100%;
    min-height: 290px
}

.home #main .about .right .inbox .access_wrap {
    width: 100%;
    height: 100%;
    min-height: 290px;
    position: relative
}

.home #main .about .right .inbox .access {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home #main .about .right .inbox .access .logo_t_a {
    width: 80%;
    max-width: 230px;
    margin: 0 auto
}

.home #main .about .right .inbox .access .logo_t_a:after {
    content: "";
    display: block;
    margin: 15px auto;
    width: 30%;
    height: 1px;
    background-color: #666
}

.home #main .about .right .inbox .access p {
    color: #403a39;
    font-size: 12px;
    letter-spacing: 0.04em;
    margin: 0 0 10px
}

.home #main .about .right .inbox .access .sns_link {
    padding-top: 5px;
    text-align: center
}

.home #main .about .right .inbox .access .sns_link div {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}

@media screen and (max-width: 640px) {
    .home #main .about .right .inbox .access .sns_link div {
        margin: 0 3px
    }
}

.home #main .about .right .inbox .access .sns_link div a {
    display: block;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.home #main .about .right .inbox .access .sns_link div.in {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -2105px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

.home #main .about .right .inbox .access .sns_link div.in a {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -2067px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.home #main .about .right .inbox .access .sns_link div.in a:hover {
    opacity: 0
}

@media screen and (max-width: 960px) {
    .home #main .about .right .inbox .access .sns_link div.in {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2324px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto
    }

    .home #main .about .right .inbox .access .sns_link div.in a {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2288px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.home #main .about .right .inbox .access .sns_link div.fb {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -2029px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

.home #main .about .right .inbox .access .sns_link div.fb a {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -1991px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.home #main .about .right .inbox .access .sns_link div.fb a:hover {
    opacity: 0
}

@media screen and (max-width: 960px) {
    .home #main .about .right .inbox .access .sns_link div.fb {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2253px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto
    }

    .home #main .about .right .inbox .access .sns_link div.fb a {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2217px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.home #main .about .right .inbox .access .sns_link div.map {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -2181px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

.home #main .about .right .inbox .access .sns_link div.map a {
    width: 33px;
    height: 33px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -2143px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.home #main .about .right .inbox .access .sns_link div.map a:hover {
    opacity: 0
}

@media screen and (max-width: 960px) {
    .home #main .about .right .inbox .access .sns_link div.map {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2395px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto
    }

    .home #main .about .right .inbox .access .sns_link div.map a {
        width: 33px;
        height: 33px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -2359px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.home #main .about .right .inbox .access .sns_link div.mysite a {
    color: #403a39;
    font-size: 12px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 15px;
    background-color: #FFF;
    border-radius: 20px
}

.home #main .about .right .inbox .access .sns_link div.mysite a:before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 0;
    height: 0;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #403a39
}

.home #main .about .right .inbox .access .sns_link div.mysite a:hover {
    color: #FFF;
    background-color: #403a39
}

.home #main .about .right .inbox .access .sns_link div.mysite a:hover:before {
    border-left: 5px solid #FFF
}

@media screen and (max-width: 640px) {
    .home #main .about {
        display: block
    }

    .home #main .about .left, .home #main .about .right {
        width: 100%;
        min-height: 260px;
        display: block;
        background-color: #fdf4ed;
        overflow: hidden;
        border: none
    }
}



/* 左側2*/

#left .l_inner {
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

@media screen and (max-width: 1040px) {
    #left .l_inner {
        margin: 20px 8px
    }
}

#left hr {
	clear: both;
	width: 100%;
	height: 0px;
	background-color: #FFF;
	border: none;
	outline: none;
	padding: 0;
	margin: 0
}

#left .ban_left {
    margin: 0
}


#left .ban_left img {
    vertical-align: top
}

#left .snav_gift, #left .snav_guide, #left .snav_postage, #left .snav_feature,
#left .snav_about, #left .snav_contact {
    width: 100%;
    display: table;
    margin: 0 0 16px;
    position: relative
}

#left .snav_gift:after, #left .snav_guide:after, #left .snav_postage:after,
#left .snav_feature:after, #left .snav_about:after, #left .snav_contact:after {
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -50px
}

#left .snav_gift a, #left .snav_guide a, #left .snav_postage a, #left .snav_feature a,
#left .snav_about a, #left .snav_contact a {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    display: table-cell;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    vertical-align: middle
}

#left .snav_gift a:hover, #left .snav_guide a:hover, #left .snav_postage a:hover,
#left .snav_feature a:hover, #left .snav_about a:hover, #left .snav_contact a:hover {
    opacity: 0.5
}

#left .snav_gift a .ico, #left .snav_guide a .ico, #left .snav_postage a .ico,
#left .snav_feature a .ico, #left .snav_about a .ico, #left .snav_contact a .ico {
	width: 50px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

#left .snav_gift a span, #left .snav_guide a span, #left .snav_postage a span,
#left .snav_feature a span, #left .snav_about a span, #left .snav_contact a span {
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle
}

@media screen and (max-width: 1040px) {
    #left .snav_gift a, #left .snav_guide a, #left .snav_postage a, #left .snav_feature a,
    #left .snav_about a, #left .snav_contact a {
        font-size: 13px
    }
}



#left .snav_about, #left .snav_feature, #left .snav_contact {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
}

#left .snav_about:after, #left .snav_feature:after, #left .snav_contact:after {
    display: none
}

#left .snav_gift .ico {
    background: url("../img/spr2x/sp_pic_gift.png") center center no-repeat;
    background-size: cover
}

#left .snav_guide .ico {
    background: url("../img/spr2x/sp_pic_guide.png") center center no-repeat;
    background-size: cover
}

#left .snav_postage .ico {
    background: url("../img/spr2x/sp_pic_postage.png") center center no-repeat;
    background-size: cover
}

#left .snav_feature .ico {
    background: url("../img/spr2x/sp_pic_feature.png") center center no-repeat;
    background-size: cover
}

#left .snav_about .ico {
    background: url("../img/spr2x/sp_pic_about.png") center center no-repeat;
    background-size: cover
}

#left .snav_contact .ico {
    background: url("../img/spr2x/sp_pic_contact.png") center center no-repeat;
    background-size: cover
}

    margin-bottom: 10px
}

#left .l_inner.newsletter h4 {
    padding-top: 5px;
    margin: 0 10px 5px
}

#left .l_inner.newsletter p {
    color: #555;
    font-size: 11px;
    margin: 0 0 5px
}

#left .l_inner.newsletter .woochimp_skin_general {
    margin: 0
}

#left .l_inner.newsletter .woochimp_skin_general .woochimp_shortcode_content {
    width: 100%;
    padding: 0;
    border: none;
    vertical-align: top
}

#left .l_inner.newsletter .woochimp_skin_general form, #left .l_inner.newsletter .woochimp_skin_general table {
    width: 100%
}

#left .l_inner.newsletter .woochimp_skin_general td {
    padding: 5px 0
}

#left .l_inner.newsletter .woochimp_skin_general thead {
    display: none
}

#left .l_inner.newsletter .woochimp_skin_general input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

#left .l_inner.newsletter .woochimp_skin_general input:focus {
    border: 1px solid #55bb48;
    box-shadow: none
}

#left .l_inner.newsletter .woochimp_skin_general button {
    color: #FFF;
    display: block;
    font-size: 14px;
    font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    float: none;
    padding: 7px 20px;
    margin: 0 auto;
    background-color: #7b673f;
    border: none;
    border-radius: 30px
}








#left .item_cat_list {
	border-top: 8px solid #FFF;
	border-bottom: 8px solid #FFF;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 17px;
}

#left .item_cat_list p {
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0 20px 15px 20px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	vertical-align: middle;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.05);
	border-radius: 6px 6px 6px 6px;
}

@media screen and (max-width: 1040px) {
    #left .item_cat_list p {
        margin: 0 10px
    }
}



/*左側のナビメニュー*/


#left .item_cat_list p:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 9px solid #FFF;
    border-right: 5px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid transparent
}



/*左側のナビメニュー使わない*/
left .item_cat_list ul {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	background-color: #f0efe9;
	position: relative;
	z-index: 50;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
}
/*ここまで*/

#left .item_cat_list ul li {
    position: relative;
    background-color: transparent;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    z-index: 50
}

#left .item_cat_list ul li:hover {
    background-color: #FFF
}

#left .item_cat_list ul li.cat-item-523 {
    display: none
}

#left .item_cat_list ul li a {
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    padding: 12px 20px;
    position: relative
}

@media screen and (max-width: 1040px) {
    #left .item_cat_list ul li a {
        font-size: 13px;
        padding: 12px 10px
    }
}








#left .item_cat_list ul li a:hover {
    color: #000
}

#left .item_cat_list ul li a:after {
    content: "";
    display: block;
    width: 210px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: -1px;
    left: 20px
}

@media screen and (max-width: 1040px) {
    #left .item_cat_list ul li a:after {
        left: 10px
    }
}



#left .item_cat_list ul li a:hover:after {
    display: none
}

#left .item_cat_list ul li.current-cat, #left .item_cat_list ul li.current-cat-parent {
    background-color: rgba(255, 255, 255, 0.8)
}

#left .item_cat_list ul li.current-cat a:after, #left .item_cat_list ul li.current-cat-parent a:after {
    display: none
}

#left .item_cat_list ul li ul.children {
    width: 280px;
    margin: 0;
    position: absolute;
    top: -3px;
    left: -280px;
    opacity: 0;
    background-color: #FFF;
    border-top: 3px solid #f0efe9;
    border-right: 3px solid #f0efe9;
    border-bottom: 3px solid #f0efe9;
    -moz-transition: left 0s ease;
    -o-transition: left 0s ease;
    -webkit-transition: left 0s ease;
    transition: left 0s ease;
    z-index: 40
}

#left .item_cat_list ul li ul.children:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 16px;
    left: -5px;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #f0efe9;
    -moz-transition: left 0.4s ease;
    -o-transition: left 0.4s ease;
    -webkit-transition: left 0.4s ease;
    transition: left 0.4s ease
}

#left .item_cat_list ul li ul.children li {
    background-color: transparent;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease
}

#left .item_cat_list ul li ul.children li:hover {
    background-color: #f0efe9
}

#left .item_cat_list ul li ul.children li a {
    font-size: 14px
}

@media screen and (max-width: 1040px) {
    #left .item_cat_list ul li ul.children li a {
        font-size: 13px
    }
}


#left .item_cat_list ul li ul.children li a:after {
    content: "";
    display: block;
    width: 230px;
    height: 1px;
    background-color: #f0efe9;
    position: absolute;
    bottom: -1px;
    left: 20px
}

#left .item_cat_list ul li ul.children li a:hover:after {
    display: none
}

#left .item_cat_list ul li:hover ul.children {
    opacity: 1;
    left: 250px
}

@media screen and (max-width: 1040px) {
    #left .item_cat_list ul li:hover ul.children {
        left: 230px
    }
}


#left .item_cat_list ul li:hover ul.children:before {
    left: 0
}

#left .sns {
    width: 100%;
    text-align: center;
    background-color: #FFF;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
    padding: 17px 0 10px;
    margin: 0 auto 20px
}

#left .sns p {
    margin: 0 0 10px
}

#left .sns .ban_in, #left .sns .ban_fb {
    margin: 0 auto 6px
}

#left .sns .ban_in a, #left .sns .ban_fb a {
    display: block;
    opacity: 1;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

#left .sns .ban_in a:hover, #left .sns .ban_fb a:hover {
    opacity: 0
}

#left .sns .ban_in {
    width: 194px;
    height: 40px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -135px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

#left .sns .ban_in a {
    width: 194px;
    height: 40px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -90px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

#left .sns .ban_fb {
    width: 194px;
    height: 40px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -45px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

#left .sns .ban_fb a {
    width: 194px;
    height: 40px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

/* 右側2*/

#right .l_inner {
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
}


#right .l_inner.newsletter {
    margin-bottom: 10px
}

#right .l_inner.newsletter h4 {
    padding-top: 5px;
    margin: 0 10px 5px
}

#right .l_inner.newsletter p {
    color: #555;
    font-size: 11px;
    margin: 0 0 5px
}

#right .l_inner.newsletter .woochimp_skin_general {
    margin: 0
}

#right .l_inner.newsletter .woochimp_skin_general .woochimp_shortcode_content {
    width: 100%;
    padding: 0;
    border: none;
    vertical-align: top
}

#right .l_inner.newsletter .woochimp_skin_general form, #left .l_inner.newsletter .woochimp_skin_general table {
    width: 100%
}

#right .l_inner.newsletter .woochimp_skin_general td {
    padding: 5px 0
}

#right .l_inner.newsletter .woochimp_skin_general thead {
    display: none
}

#right .l_inner.newsletter .woochimp_skin_general input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

#right .l_inner.newsletter .woochimp_skin_general input:focus {
    border: 1px solid #55bb48;
    box-shadow: none
}

#right .l_inner.newsletter .woochimp_skin_general button {
    color: #FFF;
    display: block;
    font-size: 14px;
    font-family: "P22UndergroundProBook", "Montserrat", "Lato", "Lucida Grande", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    float: none;
    padding: 7px 20px;
    margin: 0 auto;
    background-color: #7b673f;
    border: none;
    border-radius: 30px
}




#right h4.r_title {
    color: #333;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 0 0 3px;
    position: relative
}

#right h4.r_title:after {
    content: "";
    display: block;
    margin: 3px auto 0;
    width: 0;
    height: 0;
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent
}

#right .r_inner {
    margin: 30px 0
}

#right .r_inner a {
    color: #333;
    font-weight: bold;
    -moz-transition: color 0.3s ease, background-color 0.3s ease;
    -o-transition: color 0.3s ease, background-color 0.3s ease;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    transition: color 0.3s ease, background-color 0.3s ease
}

#right .r_inner a:hover {
    color: #999
}

#right .widget_shopping_cart {
    color: #333;
    padding: 15px;
    z-index: 100
}

#right .widget_shopping_cart .total {
    border-top: 3px solid #ebe9eb
}

#right .widget_shopping_cart .cart_list li {
    background-color: #FFF;
    border-radius: 5px;
    margin: 0 0 5px;
    padding-top: 10px;
    padding-right: 10px
}

#right .widget_shopping_cart .cart_list li.empty {
    font-size: 13px;
    font-weight: bold;
    padding: 12px
}

#right .widget_shopping_cart .cart_list li img {
    width: 50px;
    border-radius: 3px;
    margin-left: 8px
}

#right .widget_shopping_cart .cart_list li a {
    color: #333;
    font-size: 12px;
    line-height: 1.4
}

#right .widget_shopping_cart .cart_list li a.remove {
    color: #333 !important;
    font-size: 15px;
    line-height: 1;
    top: 10px;
    left: 8px;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

#right .widget_shopping_cart .cart_list li a.remove:hover {
    color: #FFF !important;
    background-color: #333
}

#right .widget_shopping_cart .cart_list li .variation {
    font-size: 12px;
    line-height: 1.4;
    padding-left: 8px;
    margin: 3px 0
}

#right .widget_shopping_cart .cart_list li .variation dt {
    padding: 2px 0;
    margin: 0
}

#right .widget_shopping_cart .cart_list li .variation dd {
    padding: 2px 0;
    margin: 0
}

#right .widget_shopping_cart .cart_list li .quantity {
    color: #666;
    font-weight: 200;
    -webkit-font-smoothing: antialiased
}

#right .widget_shopping_cart .buttons {
    padding: 20px 0 0
}

#right .widget_shopping_cart .buttons a.button {
    color: #FFF;
    font-size: 12px;
    border-radius: 5px;
    margin: 0 5px 0 0
}

#right .widget_shopping_cart .buttons a.button.checkout {
    margin: 0
}






.archive .page_inner {
    max-width: 640px;
    text-align: center;
    margin: 0 auto
}



.archive .page_inner .entry {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    text-align: left;
    padding: 50px 0
}

@media screen and (max-width: 640px) {
    .archive .page_inner .entry {
        padding: 30px 0
    }
}

.archive .page_inner .entry p {
    font-size: 14px;
    margin: 0 0 25px;
    line-height: 2.2;
    letter-spacing: 0.04em
}

.archive .page_inner .entry.term .term_col {
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.8;
    margin: 0 0 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE
}

.archive .page_inner .entry.term .term_col.last {
    border: none
}

.archive .page_inner .entry.term .term_col h3 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px
}

.archive .page_inner .entry.term .term_col h4 {
    color: #111;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px
}

.archive .page_inner .entry.term .term_col p {
    font-size: 13px;
    margin: 0 0 15px;
    letter-spacing: 0.02em;
    line-height: 1.8
}

@media screen and (max-width: 640px) {
    .archive .page_inner .entry.term .term_col {
        font-size: 12px;
        margin: 0 0 15px;
        padding-bottom: 10px
    }

    .archive .page_inner .entry.term .term_col h3 {
        font-size: 14px;
        margin: 0 0 6px
    }

    .archive .page_inner .entry.term .term_col h4 {
        font-size: 13px;
        margin: 0 0 4px
    }

    .archive .page_inner .entry.term .term_col p {
        font-size: 12px;
        margin: 0 0 10px
    }
}

.single-product #main .inner.product_header {
    max-width: 700px;
    margin: 0 auto;
    clear: both
}



/* 商品、カート、プライス*/

.single.woocommerce #content div.product {
    padding: 30px 0
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product {
        padding: 0 0 30px
    }

    .single.woocommerce #content div.product .inner.product_header {
        padding: 0
    }
}

.single.woocommerce #content div.product .images {
    width: 100%;
    float: none;
    position: relative
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .images {
        margin: 0 0 20px
    }
}

.single.woocommerce #content div.product .images .multi_gallery {
    position: relative
}

.single.woocommerce #content div.product .images .multi_gallery button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 100
}

.single.woocommerce #content div.product .images .multi_gallery button.slick-prev {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -596px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.single.woocommerce #content div.product .images .multi_gallery button.slick-next {
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -642px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (min-width: 960px) {
    .single.woocommerce #content div.product .images .multi_gallery .slick-list {
        width: 700px;
        height: 465px !important;
        overflow: hidden
    }
}

.single.woocommerce #content div.product .images .multi_gallery .slick-dots {
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: 8px;
    left: 0%;
    text-align: center;
    z-index: 1000
}

.single.woocommerce #content div.product .images .multi_gallery .slick-dots li {
    display: inline-block;
    margin: 0 0 0 8px;
    width: 14px;
    height: 14px
}

.single.woocommerce #content div.product .images .multi_gallery .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 10px;
    height: 10px;
    border: 2px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.single.woocommerce #content div.product .images .multi_gallery .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .images .multi_gallery .slick-dots {
        height: 10px
    }

    .single.woocommerce #content div.product .images .multi_gallery .slick-dots li {
        width: 10px;
        height: 10px
    }

    .single.woocommerce #content div.product .images .multi_gallery .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 2px solid #FFF
    }
}

.single.woocommerce #content div.product .images .multi_gallery_nav {
    margin-top: 10px
}

.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide {
    width: 23% !important;
    margin-right: 2.5%;
    opacity: 0.7;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    cursor: pointer
}

.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide.slick-current {
    opacity: 1
}

.single.woocommerce #content div.product .images .multi_gallery_nav .slick-slide:nth-child(4n) {
    margin-right: 0
}

.single.woocommerce #content div.product .images .multi_gallery_nav .slick-track {
    width: 100% !important
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .images {
        width: 100%;
        float: none
    }
}

.single.woocommerce #content div.product .summary {
    width: 100%;
    float: none
}

.single.woocommerce #content div.product .summary .summary_left {
    width: 400px;
    float: left
}

@media screen and (max-width: 767px) {
    .single.woocommerce #content div.product .summary .summary_left {
        width: 100%;
        float: none
    }
}

.single.woocommerce #content div.product .summary .summary_right {
    width: 250px;
    float: right
}

@media screen and (max-width: 767px) {
    .single.woocommerce #content div.product .summary .summary_right {
        width: 100%;
        float: none
    }
}

.single.woocommerce #content div.product .summary .cat_list {
    color: #999;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 5px
}

@media screen and (min-width: 640px) {
    .single.woocommerce #content div.product .summary .cat_list {
        margin: 0 0 10px
    }
}

.single.woocommerce #content div.product .summary .cat_list a[rel="tag"] {
    color: #777
}

.single.woocommerce #content div.product .summary .product_title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 5px
}

.single.woocommerce #content div.product .summary .product_title span {
    display: block;
    font-size: 14px;
    margin: 0 0 5px
}

@media screen and (min-width: 640px) {
    .single.woocommerce #content div.product .summary .product_title span {
        margin: 0 0 10px
    }
}

.single.woocommerce #content div.product .summary .woocommerce-product-rating {
    color: #333;
    font-size: 13px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    margin-bottom: 15px
}

.single.woocommerce #content div.product .summary .woocommerce-product-rating a {
    color: #777
}

.single.woocommerce #content div.product .summary .price {
    color: #403a39;
    font-size: 16px
}

.single.woocommerce #content div.product .summary .price span {
    padding: 0 0 0 5px
}

.single.woocommerce #content div.product .summary .s_description {
    color: #444;
    font-size: 14px;
    margin: 0 0 25px;
    display: none
}

.single.woocommerce #content div.product .summary .sku_wrapper {
    display: none
}

.single.woocommerce #content div.product .summary .links p {
    font-size: 11px;
    margin: 0 0 3px
}

.single.woocommerce #content div.product .summary .links p a {
    color: #666;
    display: block
}

.single.woocommerce #content div.product .summary .links p a:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #999;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .summary .links p {
        margin: 0 5px 1px;
        display: inline-block
    }
}

@media screen and (max-width: 960px) {
    .single.woocommerce #content div.product .summary .product_title {
        font-size: 16px
    }

    .single.woocommerce #content div.product .summary .product_title span {
        font-size: 13px
    }

    .single.woocommerce #content div.product .summary .price {
        font-size: 14px
    }

    .single.woocommerce #content div.product .summary .price:after {
        height: 3px;
        margin: 20px 0
    }

    .single.woocommerce #content div.product .summary .s_description {
        font-size: 13px;
        margin: 0 0 20px
    }
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .summary .price {
        margin: 0 0 10px
    }

    .single.woocommerce #content div.product .summary .price:after {
        display: none
    }

    .single.woocommerce #content div.product .summary .price span {
        padding: 0 0 0 2px
    }

    .single.woocommerce #content div.product .summary .woocommerce-product-rating {
        margin: 0 0 5px
    }

    .single.woocommerce #content div.product .summary .s_description {
        text-align: left
    }
}

.single.woocommerce #content div.product .summary .variations {
    margin-left: -5px
}

.single.woocommerce #content div.product .summary .variations td {
    display: block
}

.single.woocommerce #content div.product .summary .variations td.value select {
    width: 200px;
    padding: 5px;
    box-sizing: border-box
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .summary .variations td.value select {
        width: 100%;
        font-size: 10px
    }
}

.single.woocommerce #content div.product .summary .variations td.value a.reset_variations {
    display: none !important
}

.single.woocommerce #content div.product .summary form.cart {
    margin: 0 0 25px
}

.single.woocommerce #content div.product .summary form.cart .quantity {
    float: none;
    margin: 0 0 15px
}

.single.woocommerce #content div.product .summary form.cart .quantity:before {
    color: #666;
    content: "購入数";
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: middle
}

.single.woocommerce #content div.product .summary form.cart .quantity input {
    -webkit-appearance: none;
    background-color: #f0efe9;
    border: none;
    border-radius: 5px;
    line-height: 27px;
    outline: none
}

.single.woocommerce #content div.product .summary form.cart .submit_btn {
    margin: 0 0 0 -5px
}

.single.woocommerce #content div.product .summary form.cart .submit_btn .button {
    color: #FFF;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.08em;
    background-color: #000;
    border-radius: 40px;
    line-height: 46px;
    padding: 0 45px;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.single.woocommerce #content div.product .summary form.cart .submit_btn .button:hover {
    background-color: #589251
}

.single.woocommerce #content div.product .summary form.cart .submit_btn .button:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url('../img/spr-sb366bb0f0e.png');
    background-position: 0 -688px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 960px) {
    .single.woocommerce #content div.product .summary form.cart .submit_btn .button:before {
        width: 20px;
        height: 20px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -962px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

@media screen and (max-width: 960px) {
    .single.woocommerce #content div.product .summary form.cart .quantity {
        float: none;
        margin: 0 0 20px
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn {
        margin: 0 0 0 -2px
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn .button {
        padding: 0 35px
    }
}

@media screen and (max-width: 767px) {
    .single.woocommerce #content div.product .summary form.cart {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin: 0 0 15px
    }

    .single.woocommerce #content div.product .summary form.cart:after,
    .single.woocommerce #content div.product .summary form.cart:before {
        display: none
    }

    .single.woocommerce #content div.product .summary form.cart .quantity {
        width: 25%;
        display: table-cell
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn {
        width: 40%;
        display: table-cell;
        margin: 0 0 25px;
        text-align: center
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn .button {
        font-size: 14px;
        padding: 0 25px;
        margin: 0 auto;
        line-height: 36px
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn .button:before {
        top: 3px
    }
}

@media screen and (max-width: 320px) {
    .single.woocommerce #content div.product .summary form.cart .quantity {
        width: 40%
    }

    .single.woocommerce #content div.product .summary form.cart .submit_btn {
        width: 40%
    }
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .summary {
        width: 90.4%;
        float: none;
        margin: 0 4.8% 20px
    }
}

.single.woocommerce #content div.product .woocommerce-tabs {
    margin: 0 0 60px
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs {
    margin: 0 0 30px;
    padding: 0;
    border: none
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs:before {
    border-bottom: 3px solid #EEE
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent;
    margin: 0 22px 0 0;
    padding: 0;
    border: none;
    border-bottom: 3px solid #000
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before,
.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li:after {
    display: none
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
    color: #999;
    font-size: 16px
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #999;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a {
    color: #000
}

.single.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a:before {
    border-left: 5px solid #000
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs ul.tabs {
        margin: 0 0 15px;
        padding: 0 4.5%
    }

    .single.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
        margin: 0 20px 0 0
    }

    .single.woocommerce #content div.product .woocommerce-tabs ul.tabs li a {
        font-size: 14px
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .share {
    margin: 10px 0 0;
    text-align: left;
    display: inline-block
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .share {
        margin: 0 4.5%
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .share .fb,
.single.woocommerce #content div.product .woocommerce-tabs .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 10px 0 0;
    display: inline-block
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .share .fb,
    .single.woocommerce #content div.product .woocommerce-tabs .share .tw {
        margin: 0 6px 0 0
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .share .fb {
    position: relative;
    top: -5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-woocommerce_events {
        padding: 0 4.5%
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel h2 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel p {
    font-size: 14px;
    margin: 0 0 12px;
    line-height: 2
}

.single.woocommerce #content div.product .woocommerce-tabs .panel p.woocommerce-verification-required {
    color: #589251
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail {
    font-size: 14px;
    margin: 0 0 20px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 25px;
    line-height: 1.6
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 25px;
    line-height: 1.6
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description p {
    font-size: 14px;
    margin: 0 0 25px;
    line-height: 2.2;
    letter-spacing: 0.02em
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description p strong {
    color: #000;
    font-weight: bold
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 25px auto;
    vertical-align: top
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .wp-caption {
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: 25px auto
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .wp-caption img {
    margin: 0 auto 5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 25px 25px 15px;
    margin: 35px auto
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description blockquote p {
    color: #111;
    line-height: 1.8;
    margin: 0 0 10px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .share {
    width: 100%;
    margin: 30px 0 30px;
    text-align: center;
    display: inline-block
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .share .fb,
.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .share .fb {
    position: relative;
    top: -5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin: 20px 0 20px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: table;
    table-layout: fixed
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_img {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-right: 25px;
    background-color: #f6f6f4
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_img img {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-radius: 100px;
    border: 3px solid #FFF
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text {
    display: table-cell;
    vertical-align: middle;
    background-color: #f6f6f4
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text p {
    font-size: 13px;
    line-height: 1.7;
    margin: 0
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #ffffff 6px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 15px;
    margin: 15px auto
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h1,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h2,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h3,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h4,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description p {
        padding: 0 4.5%
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h3 {
        font-size: 15px;
        margin: 0 0 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description h4 {
        font-size: 14px;
        margin: 0 0 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description p {
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 2
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail {
        font-size: 12px;
        padding: 0 4.5%;
        margin: 0 0 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail h1,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail h2,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail h3,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail h4,
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .event_detail p {
        padding: 0
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .wp-caption p.wp-caption-text {
        font-size: 11px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description img {
        max-width: 100%;
        height: auto;
        margin: 25px auto
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description blockquote {
        padding: 20px 0 10px;
        margin: 20px 4.5%
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in {
        padding: 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_img {
        width: 33%;
        vertical-align: top;
        padding-right: 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_img img {
        border: 2px solid #FFF
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text {
        display: table-cell;
        vertical-align: top
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text h3 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 8px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .column .column_in .column_text p {
        font-size: 12px;
        line-height: 1.7;
        margin: 0
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery {
    margin: 20px 0;
    position: relative
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 1000;
    clear: both
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-list {
    overflow: visible
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .wp-caption-text {
    width: 100%;
    height: 30px;
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -40px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .gallery-icon img {
    vertical-align: top;
    margin: 0
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1001
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery button.slick-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery button.slick-prev {
        left: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -802px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery button.slick-next {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -836px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery button.slick-next {
        right: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -880px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots {
    width: 100%;
    height: 19px;
    text-align: center;
    z-index: 1001;
    position: absolute;
    bottom: 10px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots li {
    display: inline-block;
    margin: 0 4px;
    width: 19px;
    height: 19px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots {
        bottom: 5px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots li {
        width: 14px;
        height: 14px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel#tab-description .gallery .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 2px solid #FFF
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #comments {
    margin: 0 0 20px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #comments p {
    line-height: 1.7;
    margin: 0 0 12px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper {
    background-color: #f0efe9;
    padding: 20px 20px 10px;
    border-radius: 5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper h3#reply-title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .form-submit input[type="submit"] {
    color: #FFF;
    font-weight: bold
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form #respond p.form-submit {
    margin: 10px 0
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper label {
    color: #000;
    font-size: 13px;
    font-weight: bold
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-rating,
.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-comment {
    margin: 10px 0 5px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-rating label,
.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-comment label {
    color: #000;
    font-size: 14px;
    font-weight: bold
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-rating a,
.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-comment a {
    color: #000
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper input[type="text"],
.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper textarea {
    color: #333;
    font-size: 13px;
    display: block;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper input[type="text"]:focus,
.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper textarea:focus {
    border: 1px solid #55bb48
}

.single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper textarea {
    min-height: 200px
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel h2 {
        font-size: 14px;
        margin: 0 0 8px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel p {
        font-size: 12px;
        margin: 0 0 8px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #comments {
        margin: 0 0 20px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper h3#reply-title {
        font-size: 13px;
        line-height: 1.5
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper label {
        font-size: 12px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-rating,
    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-comment {
        margin: 10px 0 5px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-rating label,
    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper .comment-form-comment label {
        font-size: 12px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper input[type="text"],
    .single.woocommerce #content div.product .woocommerce-tabs .panel #reviews #review_form_wrapper textarea {
        font-size: 12px
    }
}

.single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box {
    background-color: #f0efe9;
    padding: 20px 20px 10px;
    border-radius: 5px;
    margin: 30px 0
}

.single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dt {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    width: 20%;
    float: left;
    clear: both;
    margin: 0 0 10px
}

.single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dd {
    color: #444;
    font-size: 13px;
    width: 75%;
    float: right;
    margin: 0 0 10px
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box {
        margin: 20px 0
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dt,
    .single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dd {
        width: 100%;
        font-size: 12px;
        float: none
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dt {
        margin: 0 0 2px
    }

    .single.woocommerce #content div.product .woocommerce-tabs .panel .p_info_box dd {
        line-height: 1.5
    }
}

.single.woocommerce #content div.product .related {
    margin: 80px 0;
    text-align: center
}

.single.woocommerce #content div.product .related h2 {
    color: #111;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    border: 2px solid #000;
    padding: 5px 12px;
    display: inline-block;
    margin: 0 auto 20px;
    vertical-align: middle;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased
}

@media screen and (max-width: 640px) {
    .single.woocommerce #content div.product .related h2 {
        font-size: 14px;
        margin: 0 auto 5px
    }
}

@media screen and (max-width: 640px) {
    #main .feature .inner.content_area {
        padding: 0
    }
}

.single-feature .cover {
    width: 100%;
    text-align: center;
    position: relative
}

@media screen and (max-width: 640px) {
    .single-feature .cover {
        width: 140%;
        top: 0;
        left: -20%
    }
}




.single-feature .single_inner {
	max-width: 640px;
	text-align: center;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.single-feature .single_inner .post_meta {
    margin: -22px auto 0
}




@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta {
        padding: 0 4.5%
    }
}

.single-feature .single_inner .post_meta .post_date {
	color: #FFF;
	border: 2px solid #000;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-align: center;
	display: inline-block;
	background-color: rgba(0,0,0,0.98);
	margin: 0 auto 30px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 5px;
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta .post_date {
        font-size: 11px;
        padding: 4px 10px;
        margin: 0 auto 20px
    }
}

.single-feature .single_inner .post_meta .c_tit {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em
}

.single-feature .single_inner .post_meta .entry_title {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 5px 0 0
}


@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta .entry_title {
        font-size: 16px;
        letter-spacing: 0.05em
    }

    .single-feature .single_inner .post_meta .entry_title small {
        font-size: 13px
    }
}

.single-feature .single_inner .post_meta .credit {
    color: #666;
    font-size: 12px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    margin: 10px 0 0
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta .credit {
        margin: 6px 0 0
    }
}

.single-feature .single_inner .post_meta .feature_category {
    margin: 20px 0 0;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -2px
}

.single-feature .single_inner .post_meta .feature_category a {
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    background-color: #f0efe9;
    border-radius: 20px;
    margin: 0 5px;
    padding: 0 15px;
    line-height: 24px;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.single-feature .single_inner .post_meta .feature_category a:hover {
    color: #f0efe9;
    background-color: #333
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta .feature_category a {
        font-size: 11px;
        line-height: 22px;
        padding: 0 10px;
        margin: 0 3px
    }
	
}

.single-feature .single_inner .post_meta .share {
    margin: 20px 0 0;
    text-align: center;
    display: inline-block
}

.single-feature .single_inner .post_meta .share .fb, .single-feature .single_inner .post_meta .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .post_meta .share .fb, .single-feature .single_inner .post_meta .share .tw {
        margin: 0 3px
    }
}


/* ＋*/

/* センター本文*/


.single-feature .single_inner .post_meta .share .fb {
    position: relative;
    top: -5px
}

.single-feature .single_inner .entry {
    color: #333;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    text-align: left
}

.single-feature .single_inner .entry:before {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #f0efe9;
    margin: 45px auto
}

.single-feature .single_inner2 .post_meta .share .fb {
    position: relative;
    top: -5px
}

.single-feature .single_inner2 .entry {
    color: #333;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    text-align: left
}

.single-feature .single_inner2 .entry:before {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #f0efe9;
    margin: 45px auto
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry:before {
        content: "";
        display: block;
        width: 30%;
        height: 2px;
        background-color: #f0efe9;
        margin: 35px auto
    }
	
	    .single-feature .single_inner2 .entry:before {
        content: "";
        display: block;
        width: 30%;
        height: 2px;
        background-color: #f0efe9;
        margin: 35px auto
    }
}

.single-feature .single_inner .entry h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 25px;
    line-height: 1.6
}

.single-feature .single_inner .entry h4 {
	font-size: 17.5px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 45px;
}

.single-feature .single_inner .entry h4 {
	border-left: 5px solid #000;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align: left;
  }

.single-feature .single_inner .entry p {
	font-size: 15px;
	margin: 0 0 25px;
	line-height: 26px;
	letter-spacing: 0.02em
}

.single-feature .single_inner .entry p strong {
    color: #000;
    font-weight: bold
}






.single-feature .single_inner2 .entry h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 25px;
    line-height: 1.6
}

.single-feature .single_inner2 .entry h4 {
	font-size: 15.5px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 45px;
}

.single-feature .single_inner2 .entry h4 {
    border-left:5px solid #000;
    margin-bottom:10px;
    padding-left:10px;
    text-align:left;
  }

.single-feature .single_inner2 .entry p {
	font-size: 15px;
	margin: 0 0 25px;
	line-height: 26px;
	letter-spacing: 0.02em
}

.single-feature .single_inner2 .entry p strong {
    color: #000;
    font-weight: bold
}

/* センター画像のmargin*/

.single-feature .single_inner .entry img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 23px;
}


.single-feature .single_inner .entry .wp-caption {
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: 25px auto
}

.single-feature .single_inner .entry .wp-caption img {
    margin: 0 auto 5px
}

.single-feature .single_inner .entry .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0
}

.single-feature .single_inner .entry blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 25px 25px 15px;
    margin: 35px auto
}

.single-feature .single_inner .entry blockquote p {
    color: #111;
    line-height: 1.8;
    margin: 0 0 10px
}

.single-feature .single_inner .entry .share {
    width: 100%;
    margin: 30px 0 30px;
    text-align: center;
    display: inline-block
}

.single-feature .single_inner .entry .share .fb, .single-feature .single_inner .entry .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

.single-feature .single_inner .entry .share .fb {
    position: relative;
    top: -5px
}








.single-feature .single_inner2 .entry img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
}


.single-feature .single_inner2 .entry .wp-caption {
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: 25px auto
}

.single-feature .single_inner2 .entry .wp-caption img {
    margin: 0 auto 5px
}

.single-feature .single_inner2 .entry .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0
}

.single-feature .single_inner2 .entry blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 25px 25px 15px;
    margin: 35px auto
}

.single-feature .single_inner2 .entry blockquote p {
    color: #111;
    line-height: 1.8;
    margin: 0 0 10px
}

.single-feature .single_inner2 .entry .share {
    width: 100%;
    margin: 30px 0 30px;
    text-align: center;
    display: inline-block
}

.single-feature .single_inner2 .entry .share .fb, .single-feature .single_inner .entry .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

.single-feature .single_inner2 .entry .share .fb {
    position: relative;
    top: -5px
}





@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry h1, .single-feature .single_inner .entry h2,
    .single-feature .single_inner .entry h3, .single-feature .single_inner .entry h4,
    .single-feature .single_inner .entry p {
	padding-bottom: 0;
	padding-left: 4%;
	padding-right: 0%;
	padding-top: 0;
    }

    .single-feature .single_inner .entry h3 {
        font-size: 16px;
        margin: 0 0 20px
    }

    .single-feature .single_inner .entry h4 {
        font-size: 15px;
        margin: 0 0 20px
    }

    .single-feature .single_inner .entry p {
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-right: 0;
	margin-top: 0;
    }

    .single-feature .single_inner .entry .wp-caption p.wp-caption-text {
        font-size: 11px
    }

    .single-feature .single_inner .entry img {
        max-width: 100%;
        height: auto;
        margin: 25px auto;
    }
	
	    .single-feature .single_inner2.entry img {
        max-width: 100%;
        height: auto;
        margin: 25px 25px;
    }


    .single-feature .single_inner .entry blockquote {
        padding: 20px 0 10px;
        margin: 20px 4.5%
    }
}

.single-feature .single_inner .entry .gallery {
    margin: 20px 0;
    position: relative
}

.single-feature .single_inner .entry .gallery:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 1000;
    clear: both
}

.single-feature .single_inner .entry .gallery .slick-list {
    overflow: visible
}

.single-feature .single_inner .entry .gallery .wp-caption-text {
    width: 100%;
    height: 30px;
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -40px
}

.single-feature .single_inner .entry .gallery .gallery-icon img {
    vertical-align: top;
    margin: 0
}

.single-feature .single_inner .entry .gallery button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1001
}

.single-feature .single_inner .entry .gallery button.slick-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry .gallery button.slick-prev {
        left: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -802px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.single-feature .single_inner .entry .gallery button.slick-next {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -836px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry .gallery button.slick-next {
        right: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -880px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.single-feature .single_inner .entry .gallery .slick-dots {
    width: 100%;
    height: 19px;
    text-align: center;
    z-index: 1001;
    position: absolute;
    bottom: 10px
}

.single-feature .single_inner .entry .gallery .slick-dots li {
    display: inline-block;
    margin: 0 4px;
    width: 19px;
    height: 19px
}

.single-feature .single_inner .entry .gallery .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.single-feature .single_inner .entry .gallery .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry .gallery .slick-dots {
        bottom: 5px
    }

    .single-feature .single_inner .entry .gallery .slick-dots li {
        width: 14px;
        height: 14px
    }

    .single-feature .single_inner .entry .gallery .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 2px solid #FFF
    }
}

.single-feature .single_inner .entry .column {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin: 20px 0 20px;
    margin: 40px 0 20px
}

.single-feature .single_inner .entry .column .column_in {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: table;
    table-layout: fixed
}

.single-feature .single_inner .entry .column .column_in .column_img {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-right: 25px
}

.single-feature .single_inner .entry .column .column_in .column_img img {
    margin: 0;
    border-radius: 100%;
    border: 3px solid #FFF
}

.single-feature .single_inner .entry .column .column_in .column_text {
    display: table-cell;
    vertical-align: middle
}

.single-feature .single_inner .entry .column .column_in .column_text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px
}

.single-feature .single_inner .entry .column .column_in .column_text p {
    font-size: 13px;
    line-height: 1.7;
    margin: 0
}

@media screen and (max-width: 640px) {
    .single-feature .single_inner .entry .column .column_in {
        padding: 20px
    }

    .single-feature .single_inner .entry .column .column_in .column_img {
        width: 33%;
        vertical-align: top;
        padding-right: 20px
    }

    .single-feature .single_inner .entry .column .column_in .column_img img {
        border: 2px solid #FFF
    }

    .single-feature .single_inner .entry .column .column_in .column_text {
        display: table-cell;
        vertical-align: top
    }

    .single-feature .single_inner .entry .column .column_in .column_text h3 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 8px
    }

    .single-feature .single_inner .entry .column .column_in .column_text p {
        font-size: 12px;
        line-height: 1.7;
        margin: 0
    }
}

.single-feature .navigation {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
    margin: 40px 0
}

.single-feature .navigation .inbox {
    width: 100%;
    display: table;
    table-layout: fixed
}

.single-feature .navigation .alignleft, .single-feature .navigation .alignright {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.single-feature .navigation .alignleft a, .single-feature .navigation .alignright a {
    display: table;
    width: 94%;
    padding: 15px 3%;
    table-layout: fixed;
    vertical-align: middle
}

.single-feature .navigation .alignleft a .thumb, .single-feature .navigation .alignright a .thumb {
    width: 65px;
    display: table-cell;
    vertical-align: middle;
    border: 3px solid #FFF;
    border-radius: 100%;
    box-sizing: content-box
}

.single-feature .navigation .alignleft a .thumb img, .single-feature .navigation .alignright a .thumb img {
    vertical-align: top;
    border-radius: 100%
}

.single-feature .navigation .alignleft a .txt, .single-feature .navigation .alignright a .txt {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    width: 95%;
    display: table-cell;
    vertical-align: middle
}

.single-feature .navigation .alignleft a .txt p, .single-feature .navigation .alignright a .txt p {
    padding: 0 15px
}

.single-feature .navigation .alignleft {
    text-align: left
}

.single-feature .navigation .alignleft a {
    border-right: 3px solid #FFF
}

.single-feature .navigation .alignright {
    text-align: right
}

@media screen and (max-width: 767px) {
    .single-feature .navigation .inbox {
        display: block
    }

    .single-feature .navigation .inbox .alignleft, .single-feature .navigation .inbox .alignright {
        display: block;
        width: 100%;
        vertical-align: middle
    }

    .single-feature .navigation .inbox .alignleft a, .single-feature .navigation .inbox .alignright a {
        border: none
    }

    .single-feature .navigation .inbox .alignleft {
        border-bottom: 1px solid #FFF
    }

    .single-feature .navigation .inbox .alignright {
        text-align: right;
        border-top: 1px solid #FFF
    }
}

.single-feature .entry:before {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #f0efe9;
    margin: 45px auto
}


/* ＋*/

.related_products {
	background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #fdf4ed 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #fdf4ed 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #fdf4ed 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #fdf4ed 10px);
	background-position: bottom left, top left, top right, bottom right;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	margin: 20px 0 20px;
	position: relative;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 40px;
}

.related_products .products {
    background-color: #fdf4ed
}

.related_products .title {
    top: -10px;
    margin: 0
}

.related_products .title h3 {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .related_products .title {
        text-align: center;
        display: block
    }
}

.related_products .woocommerce ul.products li.product a .thumb, .woocommerce .related_products ul.products li.product a .thumb {
    box-sizing: border-box;
    border: 3px solid #FFF
}

.post-type-archive-feature .f_box_list, .tax-feature-category .f_box_list {
    padding: 20px 0 0;
    margin: 0 0 50px
}

.post-type-archive-feature .f_box_list .f_box, .tax-feature-category .f_box_list .f_box {
    width: 100%;
    margin: 0
}

.post-type-archive-feature .f_box_list .f_box:before, .tax-feature-category .f_box_list .f_box:before {
    content: "";
    display: block;
    width: 20%;
    height: 2px;
    background-color: #EEE;
    margin: 20px auto
}

.post-type-archive-feature .f_box_list .f_box:first-child:before,
.tax-feature-category .f_box_list .f_box:first-child:before {
    display: none
}

@media screen and (max-width: 640px) {
    .post-type-archive-feature .f_box_list .f_box:before, .tax-feature-category .f_box_list .f_box:before {
        width: 30%;
        margin: 20px auto
    }
}

.post-type-archive-feature .f_box_list .f_box a, .tax-feature-category .f_box_list .f_box a {
    width: 100%;
    display: table;
    table-layout: fixed
}

.post-type-archive-feature .f_box_list .f_box a .f_image, .tax-feature-category .f_box_list .f_box a .f_image {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in,
.tax-feature-category .f_box_list .f_box a .f_image .f_image_in {
    position: relative
}

.post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in:before,
.tax-feature-category .f_box_list .f_box a .f_image .f_image_in:before {
    content: "";
    display: block;
    width: 69px;
    height: 56px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -1081px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 20%;
    margin: -27px 0 0 -35px;
    opacity: 0;
    z-index: 10;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in .date,
.tax-feature-category .f_box_list .f_box a .f_image .f_image_in .date {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    width: 100%;
    display: inline-block;
    letter-spacing: 0.1em;
    line-height: 1em;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
    z-index: 10;
    opacity: 1;
    -moz-transition: opacity 0.4s ease, left 0.4s ease;
    -o-transition: opacity 0.4s ease, left 0.4s ease;
    -webkit-transition: opacity 0.4s ease, left 0.4s ease;
    transition: opacity 0.4s ease, left 0.4s ease
}

.post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in img,
.tax-feature-category .f_box_list .f_box a .f_image .f_image_in img {
    border-radius: 50%;
    vertical-align: top;
    opacity: 0.9
}

.post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in:after,
.tax-feature-category .f_box_list .f_box a .f_image .f_image_in:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.08);
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

@media screen and (min-width: 960px) {
    .post-type-archive-feature .f_box_list .f_box a:hover .f_image .f_image_in:before,
    .tax-feature-category .f_box_list .f_box a:hover .f_image .f_image_in:before {
        left: 50%;
        opacity: 1
    }

    .post-type-archive-feature .f_box_list .f_box a:hover .f_image .f_image_in:after,
    .tax-feature-category .f_box_list .f_box a:hover .f_image .f_image_in:after {
        background-color: rgba(0, 0, 0, 0.6)
    }

    .post-type-archive-feature .f_box_list .f_box a:hover .f_image .f_image_in .date,
    .tax-feature-category .f_box_list .f_box a:hover .f_image .f_image_in .date {
        left: 50%;
        opacity: 0;
        -moz-transition: opacity 0.4s ease, left 0.4s ease;
        -o-transition: opacity 0.4s ease, left 0.4s ease;
        -webkit-transition: opacity 0.4s ease, left 0.4s ease;
        transition: opacity 0.4s ease, left 0.4s ease
    }
}

.post-type-archive-feature .f_box_list .f_box a .f_txt, .tax-feature-category .f_box_list .f_box a .f_txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.post-type-archive-feature .f_box_list .f_box a .f_txt .cat, .tax-feature-category .f_box_list .f_box a .f_txt .cat {
    color: #444;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    border-radius: 20px;
    margin: 0 0 10px;
    line-height: 22px;
    padding: 0 12px;
    background-color: #f0efe9
}

.post-type-archive-feature .f_box_list .f_box a .f_txt h3, .tax-feature-category .f_box_list .f_box a .f_txt h3 {
    color: #111;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.6;
    margin: 0 0 8px
}

.post-type-archive-feature .f_box_list .f_box a .f_txt p, .tax-feature-category .f_box_list .f_box a .f_txt p {
    color: #666;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    line-height: 1.7
}

@media screen and (max-width: 960px) {
    .post-type-archive-feature .f_box_list .f_box a .f_image_in .date,
    .tax-feature-category .f_box_list .f_box a .f_image_in .date {
        font-size: 12px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt, .tax-feature-category .f_box_list .f_box a .f_txt {
        padding-left: 15px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt h3, .tax-feature-category .f_box_list .f_box a .f_txt h3 {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 5px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt p, .tax-feature-category .f_box_list .f_box a .f_txt p {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .post-type-archive-feature .f_box_list .f_box, .tax-feature-category .f_box_list .f_box {
        width: 100%;
        margin: 0 0 20px;
        float: none
    }

    .post-type-archive-feature .f_box_list .f_box a .f_image, .tax-feature-category .f_box_list .f_box a .f_image {
        width: 27%
    }

    .post-type-archive-feature .f_box_list .f_box a .f_image .f_image_in .date,
    .tax-feature-category .f_box_list .f_box a .f_image .f_image_in .date {
        font-size: 10px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt, .tax-feature-category .f_box_list .f_box a .f_txt {
        padding-left: 15px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt h3, .tax-feature-category .f_box_list .f_box a .f_txt h3 {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 0 5px
    }

    .post-type-archive-feature .f_box_list .f_box a .f_txt p, .tax-feature-category .f_box_list .f_box a .f_txt p {
        font-size: 11px
    }
}




.page .page_inner {
    max-width: 640px;
    text-align: center;
    margin: 0 auto
}

.page .page_inner .entry {
    color: #333;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    text-align: left;
    margin: 0 0 60px
}

.page .page_inner .entry:before {
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    background-color: #f0efe9;
    margin: 35px auto
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry:before {
        content: "";
        display: block;
        width: 30%;
        height: 2px;
        background-color: #f0efe9;
        margin: 20px auto
    }
}

.page .page_inner .entry.term .term_col {
    font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.8;
    margin: -100px 0 25px;
    padding: 100px 0 10px;
    border-bottom: 1px solid #EEE
}

.page .page_inner .entry.term .term_col.last {
    border: none
}

.page .page_inner .entry.term .term_col h3 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px;
	
}

.page .page_inner .entry.term .term_col h4 {
    color: #111;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px
}

.page .page_inner .entry.term .term_col p {
    font-size: 13px;
    margin: 0 0 15px;
    letter-spacing: 0.02em;
    line-height: 1.8
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry.term .term_col {
        font-size: 12px;
        margin: -80px 0 15px;
        padding: 80px 0 10px
    }

    .page .page_inner .entry.term .term_col h3 {
        font-size: 14px;
        margin: 0 0 6px;
        padding: 0
    }

    .page .page_inner .entry.term .term_col h4 {
        font-size: 13px;
        margin: 0 0 4px;
        padding: 0
    }

    .page .page_inner .entry.term .term_col p {
        font-size: 12px;
        margin: 0 0 10px;
        padding: 0
    }
}


.page .page_inner .entry h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.6;
}

.page .page_inner .entry h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.6
}

.page .page_inner .entry p {
    font-size: 14px;
    margin: 0 0 10px;
    line-height: 2.2;
    letter-spacing: 0.02em
}

.page .page_inner .entry p strong {
    color: #000;
    font-weight: bold
}

.page .page_inner .entry img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto;
    vertical-align: top
}

.page .page_inner .entry .wp-caption {
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin: 20px 0
}

.page .page_inner .entry .wp-caption img {
    margin: 0 auto 5px
}

.page .page_inner .entry .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0
}

.page .page_inner .entry blockquote {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    padding: 25px 25px 15px;
    margin: 35px auto
}

.page .page_inner .entry blockquote p {
    color: #111;
    line-height: 1.8;
    margin: 0 0 10px
}

.page .page_inner .entry .share {
    width: 100%;
    margin: 30px 0 30px;
    text-align: center;
    display: inline-block
}

.page .page_inner .entry .share .fb, .page .page_inner .entry .share .tw {
    height: 20px;
    vertical-align: top;
    margin: 0 5px;
    display: inline-block
}

.page .page_inner .entry .share .fb {
    position: relative;
    top: -5px
}

.page .page_inner .entry .tokuteisho_img {
    margin: 25px 0
}

.page .page_inner .entry .tokuteisho_img img {
    float: left;
    margin: 0 10px 0 0
}

.page .page_inner .entry .guide_box {
    margin: -100px 0 25px;
    padding: 100px 0 10px
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry .guide_box {
        margin: -80px 0 15px;
        padding: 80px 0 10px
    }
}

.page .page_inner .entry ul.guide_nav {
    text-align: left;
    margin: 35px 0 15px
}

.page .page_inner .entry ul.guide_nav li {
    display: inline-block;
    margin: 0 10px 10px 0;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px
}

.page .page_inner .entry ul.guide_nav li.cu, .page .page_inner .entry ul.guide_nav li a {
    color: #333;
    display: inline-block;
    height: 32px;
    letter-spacing: 0.04em;
    line-height: 32px;
    padding: 0 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.page .page_inner .entry ul.guide_nav li.cu:before, .page .page_inner .entry ul.guide_nav li a:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 0;
    height: 0;
    position: relative;
    top: -1px;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -moz-transition: border-left 0.4s ease;
    -o-transition: border-left 0.4s ease;
    -webkit-transition: border-left 0.4s ease;
    transition: border-left 0.4s ease;
    border-left: 3px solid #333
}

.page .page_inner .entry ul.guide_nav li.cu {
    background-color: #d7d5ca
}

.page .page_inner .entry ul.guide_nav li a {
    background-color: #f0efe9
}

.page .page_inner .entry ul.guide_nav li a:hover {
    background-color: #d7d5ca
}

.page .page_inner .entry ul.guide_nav li a:hover:before {
    border-left: 3px solid #FFF
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry ul.guide_nav {
        margin: 25px 4.5% 10px
    }

    .page .page_inner .entry ul.guide_nav li {
        font-size: 11px;
        margin: 0 4px 4px 0
    }

    .page .page_inner .entry ul.guide_nav li.cu {
        font-size: 10px;
        height: 26px;
        line-height: 26px;
        padding: 0 8px 0 6px
    }

    .page .page_inner .entry ul.guide_nav li.cu:before {
        margin-right: 2px
    }

    .page .page_inner .entry ul.guide_nav li a {
        font-size: 10px;
        height: 26px;
        line-height: 26px;
        padding: 0 8px 0 6px
    }

    .page .page_inner .entry ul.guide_nav li a:before {
        margin-right: 2px
    }

    .page .page_inner .entry ul.guide_nav li a:hover {
        color: #FFF;
        background-color: #333
    }
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry h1, .page .page_inner .entry h2, .page .page_inner .entry h3,
    .page .page_inner .entry h4, .page .page_inner .entry p, .page .page_inner .entry blockquote {
        padding: 0 4.5%
    }

    .page .page_inner .entry h3 {
        font-size: 14px;
        margin: 0 0 15px
    }

    .page .page_inner .entry h4 {
        font-size: 13px;
        margin: 0 0 20px
    }

    .page .page_inner .entry p {
        font-size: 12px;
        margin: 0 0 10px;
        line-height: 2
    }

    .page .page_inner .entry .wp-caption p.wp-caption-text {
        font-size: 11px
    }

    .page .page_inner .entry img {
        max-width: 100%;
        height: auto;
        margin: 20px 0
    }

    .page .page_inner .entry blockquote {
        padding: 20px 0 10px;
        margin: 20px 4.5%
    }
}

.page .page_inner .entry .gallery {
    margin: 20px 0;
    position: relative
}

.page .page_inner .entry .gallery:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/mask_u.png) top left repeat-x;
    z-index: 1000;
    clear: both
}

.page .page_inner .entry .gallery .slick-list {
    overflow: visible
}

.page .page_inner .entry .gallery .wp-caption-text {
    width: 100%;
    height: 30px;
    color: #666;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -40px
}

.page .page_inner .entry .gallery .gallery-icon img {
    vertical-align: top;
    margin: 0
}

.page .page_inner .entry .gallery button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 1001
}

.page .page_inner .entry .gallery button.slick-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -758px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry .gallery button.slick-prev {
        left: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -802px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.page .page_inner .entry .gallery button.slick-next {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -20px;
    width: 23px;
    height: 41px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -836px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry .gallery button.slick-next {
        right: 8px;
        margin-top: -16px;
        width: 18px;
        height: 32px;
        background-image: url('../img/spr2x-s51b00e5567.png');
        background-position: 0 -880px;
        background-repeat: no-repeat;
        -moz-background-size: 480px auto;
        -o-background-size: 480px auto;
        -webkit-background-size: 480px auto;
        background-size: 480px auto;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
}

.page .page_inner .entry .gallery .slick-dots {
    width: 100%;
    height: 19px;
    text-align: center;
    z-index: 1001;
    position: absolute;
    bottom: 10px
}

.page .page_inner .entry .gallery .slick-dots li {
    display: inline-block;
    margin: 0 4px;
    width: 19px;
    height: 19px
}

.page .page_inner .entry .gallery .slick-dots li button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 13px;
    height: 13px;
    border: 3px solid #FFF;
    border-radius: 20px;
    background-color: transparent;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.page .page_inner .entry .gallery .slick-dots li.slick-active button {
    background-color: #FFF
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry .gallery .slick-dots {
        bottom: 5px
    }

    .page .page_inner .entry .gallery .slick-dots li {
        width: 14px;
        height: 14px
    }

    .page .page_inner .entry .gallery .slick-dots li button {
        width: 10px;
        height: 10px;
        border: 2px solid #FFF
    }
}

.page .page_inner .entry .column {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(135deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(225deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px), linear-gradient(315deg, rgba(0, 0, 0, 0) 10px, #f6f6f4 10px);
    background-position: bottom left, top left, top right, bottom right;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    margin: 40px 0 20px
}

.page .page_inner .entry .column .column_in {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: table;
    table-layout: fixed
}

.page .page_inner .entry .column .column_in .column_img {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    overflow: hidden;
    padding-right: 25px
}

.page .page_inner .entry .column .column_in .column_img img {
    margin: 0;
    border-radius: 100%;
    border: 3px solid #FFF
}

.page .page_inner .entry .column .column_in .column_text {
    display: table-cell;
    vertical-align: middle
}

.page .page_inner .entry .column .column_in .column_text h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0
}

.page .page_inner .entry .column .column_in .column_text p {
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
    padding: 0
}

.page .page_inner .entry .column .column_in .column_text p.link_col_btn {
    color: #FFF !important;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    background-color: #000;
    padding: 0 12px;
    margin: 10px 0 0;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.page .page_inner .entry .column .column_in:hover .column_text p.link_col_btn {
    background-color: #589251
}

@media screen and (max-width: 640px) {
    .page .page_inner .entry .column .column_in {
        padding: 20px
    }

    .page .page_inner .entry .column .column_in .column_img {
        width: 33%;
        vertical-align: top;
        padding-right: 20px
    }

    .page .page_inner .entry .column .column_in .column_img img {
        border: 2px solid #FFF
    }

    .page .page_inner .entry .column .column_in .column_text {
        display: table-cell;
        vertical-align: top
    }

    .page .page_inner .entry .column .column_in .column_text h3 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 8px
    }

    .page .page_inner .entry .column .column_in .column_text p {
        font-size: 12px;
        line-height: 1.7;
        margin: 0
    }
}

.page .woocommerce form.checkout_coupon, .page .lost_reset_password {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    border: none;
    background: url(../img/bg_note.png) 0 0 repeat;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.07);
    margin: 20px 0
}

.page .lost_reset_password {
    padding: 20px
}

.page .lost_reset_password p {
    margin: 0 0 20px
}

.page #customer_login h2, .page .lost_reset_password h2 {
    color: #000;
    font-size: 16px;
    font-weight: bold
}

.page #customer_login label, .page .lost_reset_password label {
    color: #000;
    font-size: 14px;
    font-weight: bold
}

.page #customer_login input[type="text"], .page #customer_login input[type="email"],
.page #customer_login input[type="password"], .page #customer_login textarea,
.page .lost_reset_password input[type="text"], .page .lost_reset_password input[type="email"],
.page .lost_reset_password input[type="password"], .page .lost_reset_password textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

.page #customer_login input[type="text"]:focus, .page #customer_login input[type="email"]:focus,
.page #customer_login input[type="password"]:focus, .page #customer_login textarea:focus,
.page .lost_reset_password input[type="text"]:focus, .page .lost_reset_password input[type="email"]:focus,
.page .lost_reset_password input[type="password"]:focus, .page .lost_reset_password textarea:focus {
    border: 1px solid #55bb48
}

.page #customer_login input[type="password"], .page .lost_reset_password input[type="password"] {
    margin: 0 0 15px
}

.page #customer_login input[type="checkbox"], .page .lost_reset_password input[type="checkbox"] {
    margin: 0 0 0 10px
}

.page #customer_login input#siteguard_captcha, .page .lost_reset_password input#siteguard_captcha {
    margin: 0 0 15px
}

.page #customer_login p.lost_password, .page .lost_reset_password p.lost_password {
    margin: 10px 0 0
}

.page #customer_login p.lost_password a, .page .lost_reset_password p.lost_password a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.page #customer_login p.lost_password a:hover, .page .lost_reset_password p.lost_password a:hover {
    color: #999
}

.page .woocommerce .col2-set form.checkout_coupon, .page .woocommerce .col2-set form.login,
.page .woocommerce .col2-set form.register {
    padding: 0;
    border: none;
    margin: 10px 0 0
}

.page .myaccount_user {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    margin: 0 0 40px
}

.page .myaccount_user a {
    color: #589251;
    font-weight: bold
}

.page h2, .page h3, .page h4 {
    color: #000;
    font-weight: bold
}

.page .woocommerce #content table.cart img, .page .woocommerce table.cart img,
.page .woocommerce-page #content table.cart img, .page .woocommerce-page table.cart img {
    width: 50px;
    border-radius: 3px;
    border: 2px solid #FFF
}

.page .woocommerce table.shop_table {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    margin: 10px 0 20px;
    background-color: #f6f6f4;
    border-radius: 0
}

.page .woocommerce table.shop_table.my_account_orders {
    margin: 10px 0 40px
}

.page .woocommerce table.shop_table a {
    color: #333;
    font-weight: bold;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.page .woocommerce table.shop_table a:hover {
    color: #999
}

.page .woocommerce table.shop_table a.remove {
    color: #333 !important;
    font-size: 15px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    -moz-transition: color 0.4s ease, background-color 0.4s ease;
    -o-transition: color 0.4s ease, background-color 0.4s ease;
    -webkit-transition: color 0.4s ease, background-color 0.4s ease;
    transition: color 0.4s ease, background-color 0.4s ease
}

.page .woocommerce table.shop_table a.remove:hover {
    color: #FFF !important;
    background-color: #333
}

@media screen and (max-width: 640px) {
    .page .woocommerce table.shop_table {
        margin: 10px 0 20px;
        font-size: 12px
    }

    .page .woocommerce table.shop_table.my_account_orders {
        margin: 10px 0 30px
    }
}

.page .woocommerce table.my_account_orders td, .page .woocommerce table.my_account_orders th {
    padding: 8px 12px
}

@media screen and (max-width: 640px) {
    .page p.myaccount_address, .page p.order-info {
        font-size: 12px
    }
}

.page p.order-info {
    margin: 0 0 30px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif
}

.page p.order-info mark {
    font-style: normal
}

.page .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.page .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: rgba(0, 0, 0, 0.035)
}

.page .woocommerce .col2-set .col-1, .page .woocommerce .col2-set .col-2,
.page .woocommerce-page .col2-set .col-1, .page .woocommerce-page .col2-set .col-2 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    background: url(../img/bg_note.png) 0 0 repeat;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.07);
    margin: 20px 0 40px
}

.page .woocommerce .col2-set .col-1 h3, .page .woocommerce .col2-set .col-2 h3,
.page .woocommerce-page .col2-set .col-1 h3, .page .woocommerce-page .col2-set .col-2 h3 {
    font-size: 14px;
    border: none;
    margin: 0 0 8px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #CCC
}

.page .woocommerce .col2-set .col-1 h3#ship-to-different-address,
.page .woocommerce .col2-set .col-2 h3#ship-to-different-address,
.page .woocommerce-page .col2-set .col-1 h3#ship-to-different-address,
.page .woocommerce-page .col2-set .col-2 h3#ship-to-different-address {
    margin: 0 0 8px;
    padding: 0 0 10px;
    float: none;
    border: none
}

.page .woocommerce .col2-set .col-1 .woocommerce-billing-fields h3,
.page .woocommerce .col2-set .col-2 .woocommerce-billing-fields h3,
.page .woocommerce-page .col2-set .col-1 .woocommerce-billing-fields h3,
.page .woocommerce-page .col2-set .col-2 .woocommerce-billing-fields h3 {
    margin: 0 0 8px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #CCC
}

.page .woocommerce .col2-set .col-1 a.edit, .page .woocommerce .col2-set .col-2 a.edit,
.page .woocommerce-page .col2-set .col-1 a.edit, .page .woocommerce-page .col2-set .col-2 a.edit {
    color: #FFF;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 0 0 15px;
    background-color: #000;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.page .woocommerce .col2-set .col-1 a.edit:hover, .page .woocommerce .col2-set .col-2 a.edit:hover,
.page .woocommerce-page .col2-set .col-1 a.edit:hover, .page .woocommerce-page .col2-set .col-2 a.edit:hover {
    background-color: #403a39
}

.page .woocommerce .col2-set .col-1 label, .page .woocommerce .col2-set .col-2 label,
.page .woocommerce-page .col2-set .col-1 label, .page .woocommerce-page .col2-set .col-2 label {
    color: #000;
    font-size: 14px;
    font-weight: bold
}

.page .woocommerce .col2-set .col-1 input[type="text"], .page .woocommerce .col2-set .col-1 input[type="email"],
.page .woocommerce .col2-set .col-1 input[type="password"], .page .woocommerce .col2-set .col-1 textarea,
.page .woocommerce .col2-set .col-2 input[type="text"], .page .woocommerce .col2-set .col-2 input[type="email"],
.page .woocommerce .col2-set .col-2 input[type="password"], .page .woocommerce .col2-set .col-2 textarea,
.page .woocommerce-page .col2-set .col-1 input[type="text"], .page .woocommerce-page .col2-set .col-1 input[type="email"],
.page .woocommerce-page .col2-set .col-1 input[type="password"], .page .woocommerce-page .col2-set .col-1 textarea,
.page .woocommerce-page .col2-set .col-2 input[type="text"], .page .woocommerce-page .col2-set .col-2 input[type="email"],
.page .woocommerce-page .col2-set .col-2 input[type="password"], .page .woocommerce-page .col2-set .col-2 textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

.page .woocommerce .col2-set .col-1 input[type="text"]:focus, .page .woocommerce .col2-set .col-1 input[type="email"]:focus,
.page .woocommerce .col2-set .col-1 input[type="password"]:focus,
.page .woocommerce .col2-set .col-1 textarea:focus, .page .woocommerce .col2-set .col-2 input[type="text"]:focus,
.page .woocommerce .col2-set .col-2 input[type="email"]:focus, .page .woocommerce .col2-set .col-2 input[type="password"]:focus,
.page .woocommerce .col2-set .col-2 textarea:focus, .page .woocommerce-page .col2-set .col-1 input[type="text"]:focus,
.page .woocommerce-page .col2-set .col-1 input[type="email"]:focus,
.page .woocommerce-page .col2-set .col-1 input[type="password"]:focus,
.page .woocommerce-page .col2-set .col-1 textarea:focus, .page .woocommerce-page .col2-set .col-2 input[type="text"]:focus,
.page .woocommerce-page .col2-set .col-2 input[type="email"]:focus,
.page .woocommerce-page .col2-set .col-2 input[type="password"]:focus,
.page .woocommerce-page .col2-set .col-2 textarea:focus {
    border: 1px solid #55bb48
}

.page .woocommerce .col2-set .col-1 input[type="password"], .page .woocommerce .col2-set .col-2 input[type="password"],
.page .woocommerce-page .col2-set .col-1 input[type="password"], .page .woocommerce-page .col2-set .col-2 input[type="password"] {
    margin: 0 0 15px
}

.page .woocommerce .col2-set .col-1 input[type="checkbox"], .page .woocommerce .col2-set .col-2 input[type="checkbox"],
.page .woocommerce-page .col2-set .col-1 input[type="checkbox"], .page .woocommerce-page .col2-set .col-2 input[type="checkbox"] {
    margin: 0 0 0 10px
}

.page .woocommerce .col2-set .col-1 input#siteguard_captcha, .page .woocommerce .col2-set .col-2 input#siteguard_captcha,
.page .woocommerce-page .col2-set .col-1 input#siteguard_captcha,
.page .woocommerce-page .col2-set .col-2 input#siteguard_captcha {
    margin: 0 0 15px
}

@media screen and (max-width: 640px) {
    .page .woocommerce .col2-set .col-1, .page .woocommerce .col2-set .col-2,
    .page .woocommerce-page .col2-set .col-1, .page .woocommerce-page .col2-set .col-2 {
        padding: 15px;
        margin: 10px 0 30px
    }

    .page .woocommerce .col2-set .col-1 h3, .page .woocommerce .col2-set .col-2 h3,
    .page .woocommerce-page .col2-set .col-1 h3, .page .woocommerce-page .col2-set .col-2 h3 {
        font-size: 13px
    }

    .page .woocommerce .col2-set .col-1 address, .page .woocommerce .col2-set .col-2 address,
    .page .woocommerce-page .col2-set .col-1 address, .page .woocommerce-page .col2-set .col-2 address {
        font-size: 12px
    }
}

.page .shipping_address {
    margin: 0 0 8px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #CCC
}

.page .ui-timepicker-div dt.ui_tpicker_minute_label, .page .ui-timepicker-div dd.ui_tpicker_minute {
    display: none
}

.page #delivery_time_field {
    position: relative
}

.page #delivery_time_field select {
    padding: 8px 28px 8px 8px;
    border: 1px solid #DDD;
    background-color: #FFF;
    outline: none
}

.page #delivery_time_field:before {
    content: "";
    display: block;
    margin: -2px 0 0;
    position: absolute;
    top: 22px;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 3px solid #333;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent
}

.page #delivery_time_field:after {
    content: "配送時間帯は「午前中｜12時～14時｜14時～16時｜16時～18時｜18時～20時｜20時～21時」になります。●最短お届けの場合 配送日指定なしでご注文ください。●地域によっては、ご希望日に配達できないことがございます。あらかじめご了承ください。●時間帯指定は一部お取扱いできない地域があります。";
    display: block;
    color: #666;
    font-size: 11px;
    line-height: 1.5;
    margin: 5px 0 0
}

.page #add_payment_method .checkout .col-2 h3#ship-to-different-address,
.page .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
    float: none
}

.page .woocommerce table.shop_table td.product-name {
    font-weight: bold
}

@media screen and (max-width: 767px) {
    .page .woocommerce table.shop_table td.product-thumbnail, .page .woocommerce table.shop_table td.product-name {
        display: table-cell !important
    }

    .page .woocommerce table.shop_table td.product-thumbnail:before,
    .page .woocommerce table.shop_table td.product-name:before {
        display: none
    }

    .page .woocommerce table.shop_table td.product-thumbnail {
        width: 20%
    }

    .page .woocommerce table.shop_table td.product-thumbnail img {
        width: 100%;
        vertical-align: middle
    }
}

.page.woocommerce-edit-address .entry form, .page .edit-account {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    background: url(../img/bg_note.png) 0 0 repeat;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.07);
    padding: 20px;
    box-sizing: border-box;
    margin: 20px 0 40px
}

.page.woocommerce-edit-address .entry form h3, .page .edit-account h3 {
    font-size: 14px;
    border: none;
    margin: 0 0 8px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #CCC
}

.page.woocommerce-edit-address .entry form h3#ship-to-different-address,
.page .edit-account h3#ship-to-different-address {
    margin: 0 0 8px
}

.page.woocommerce-edit-address .entry form .woocommerce-billing-fields h3,
.page .edit-account .woocommerce-billing-fields h3 {
    margin: 0 0 8px
}

.page.woocommerce-edit-address .entry form input[name="save_address"],
.page .edit-account input[name="save_address"] {
    margin-top: 20px
}

.page.woocommerce-edit-address .entry form a.edit, .page .edit-account a.edit {
    color: #FFF;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    margin: 0 0 0 15px;
    background-color: #000;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.page.woocommerce-edit-address .entry form a.edit:hover, .page .edit-account a.edit:hover {
    background-color: #403a39
}

.page.woocommerce-edit-address .entry form fieldset, .page .edit-account fieldset {
    margin: 30px 0 20px
}

.page.woocommerce-edit-address .entry form fieldset legend, .page .edit-account fieldset legend {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px
}

.page.woocommerce-edit-address .entry form label, .page .edit-account label {
    color: #000;
    font-size: 14px;
    font-weight: bold
}

.page.woocommerce-edit-address .entry form input[type="text"], .page.woocommerce-edit-address .entry form input[type="email"],
.page.woocommerce-edit-address .entry form input[type="password"],
.page.woocommerce-edit-address .entry form textarea, .page .edit-account input[type="text"],
.page .edit-account input[type="email"], .page .edit-account input[type="password"],
.page .edit-account textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

.page.woocommerce-edit-address .entry form input[type="text"]:focus,
.page.woocommerce-edit-address .entry form input[type="email"]:focus,
.page.woocommerce-edit-address .entry form input[type="password"]:focus,
.page.woocommerce-edit-address .entry form textarea:focus, .page .edit-account input[type="text"]:focus,
.page .edit-account input[type="email"]:focus, .page .edit-account input[type="password"]:focus,
.page .edit-account textarea:focus {
    border: 1px solid #55bb48
}

.page.woocommerce-edit-address .entry form input[type="password"],
.page .edit-account input[type="password"] {
    margin: 0 0 15px
}

.page.woocommerce-edit-address .entry form input[type="checkbox"],
.page .edit-account input[type="checkbox"] {
    margin: 0 0 0 10px
}

.page.woocommerce-edit-address .entry form input#siteguard_captcha,
.page .edit-account input#siteguard_captcha {
    margin: 0 0 15px
}

@media screen and (max-width: 640px) {
    .page.woocommerce-edit-address .entry form, .page .edit-account {
        padding: 15px;
        margin: 10px 0 30px
    }

    .page.woocommerce-edit-address .entry form fieldset, .page .edit-account fieldset {
        margin: 20px 0 10px
    }

    .page.woocommerce-edit-address .entry form fieldset legend, .page .edit-account fieldset legend {
        font-size: 13px;
        margin: 0 0 5px
    }

    .page.woocommerce-edit-address .entry form label, .page .edit-account label {
        font-size: 13px
    }

    .page.woocommerce-edit-address .entry form h3, .page .edit-account h3 {
        font-size: 13px
    }

    .page.woocommerce-edit-address .entry form address, .page .edit-account address {
        font-size: 12px
    }
}

.page .woocommerce #respond input#submit.alt, .page .woocommerce a.button.alt,
.page .woocommerce button.button.alt, .page .woocommerce input.button.alt {
    background-color: #000;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

.page .woocommerce #respond input#submit.alt:hover, .page .woocommerce a.button.alt:hover,
.page .woocommerce button.button.alt:hover, .page .woocommerce input.button.alt:hover {
    background-color: #589251
}

.page .woocommerce form .form-row {
    padding: 3px 0
}

.page .woocommerce form .form-row#delivery_time_field {
    display: block
}

.page .wc-terms-and-conditions label {
    color: #000;
    font-weight: bold
}

.page .wc-terms-and-conditions label a {
    color: #589251;
    font-weight: bold
}

.page .select2-container .select2-choice {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 2px 8px
}

.page .select2-container .select2-choice:focus {
    border: 1px solid #55bb48
}

.page .select2-drop-active {
    border: 1px solid #DDD
}

.page.woocommerce-order-received .tit_box {
    display: none
}

.page.woocommerce-order-received .woocommerce h2 {
    margin: 0 0 20px
}

.page.woocommerce-order-received .woocommerce p {
    margin: 0 0 30px
}

.page.woocommerce-order-received .woocommerce .shop_table order_details {
    margin: 0 0 40px
}

.page.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 30px
}

.page.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received:after {
    content: "この度は、数あるオンラインストアの中からFOOD&COMPANYをお選び頂き誠にありがとうございます。この後間もなく、ご注文内容を記載したメールがご指定のアドレスに送られてきますので、ご注文内容に間違いがないか再度ご確認をお願い致します。ご注文確定から１日経ってもメールが届かず、迷惑メールボックスやお使いのメールサーバー設定をお確かめ頂いた上でメールをご確認頂けなかった場合、お手数ですがstore@foodandcompany.co.jpまでご一報下さい。";
    color: #444;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 10px
}

@media screen and (max-width: 640px) {
    .page.woocommerce-order-received .woocommerce h2 {
        margin: 0 0 10px
    }

    .page.woocommerce-order-received .woocommerce p {
        font-size: 12px;
        margin: 0 0 20px
    }

    .page.woocommerce-order-received .woocommerce .shop_table order_details {
        margin: 0 0 20px
    }

    .page.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received {
        font-size: 15px;
        margin: 0 0 15px
    }

    .page.woocommerce-order-received .woocommerce .woocommerce-thankyou-order-received:after {
        font-size: 12px
    }
}

.page.woocommerce-order-received ul.order_details {
    display: inline-block;
    padding: 20px;
    margin: 0 0 40px;
    background-color: #f0efe9;
    border-radius: 5px
}

.page.woocommerce-order-received ul.order_details li {
    font-size: 12px;
    border-right: 1px dashed #CCC
}

.page.woocommerce-order-received ul.order_details li strong {
    color: #000;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 8px 0 0
}

.page.woocommerce-order-received ul.order_details li.method {
    border: none;
    padding: 0;
    margin: 0
}

@media screen and (max-width: 640px) {
    .page.woocommerce-order-received ul.order_details {
        font-size: 12px;
        display: block;
        margin: 0 0 25px;
        padding: 15px
    }

    .page.woocommerce-order-received ul.order_details li {
        float: none;
        border: none;
        border-bottom: 1px dashed #CCC;
        padding: 0 0 10px;
        margin: 0 0 10px
    }

    .page.woocommerce-order-received ul.order_details li strong {
        font-size: 14px;
        display: inline-block;
        margin: 0 0 0 10px
    }

    .page.woocommerce-order-received ul.order_details li.method {
        border: none;
        padding: 0;
        margin: 0
    }
}

#add_payment_method #payment, .woocommerce-checkout #payment {
    background-color: #f0efe9
}

#add_payment_method #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    color: #000;
    font-weight: bold
}

#add_payment_method #payment ul.payment_methods li .form-row, .woocommerce-checkout #payment ul.payment_methods li .form-row {
    padding: 0
}

#add_payment_method #payment ul.payment_methods li #card-form, .woocommerce-checkout #payment ul.payment_methods li #card-form {
    padding: 15px;
    background: url(../img/bg_note.png) 0 0 repeat
}

#add_payment_method #payment ul.payment_methods li #card-form input[type="text"],
#add_payment_method #payment ul.payment_methods li #card-form textarea,
.woocommerce-checkout #payment ul.payment_methods li #card-form input[type="text"],
.woocommerce-checkout #payment ul.payment_methods li #card-form textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

#add_payment_method #payment ul.payment_methods li #card-form input[type="text"]:focus,
#add_payment_method #payment ul.payment_methods li #card-form textarea:focus,
.woocommerce-checkout #payment ul.payment_methods li #card-form input[type="text"]:focus,
.woocommerce-checkout #payment ul.payment_methods li #card-form textarea:focus {
    border: 1px solid #55bb48
}

@media screen and (max-width: 640px) {
    #add_payment_method #payment ul.payment_methods li #card-form .form-row-first,
    #add_payment_method #payment ul.payment_methods li #card-form .form-row-last,
    .woocommerce-checkout #payment ul.payment_methods li #card-form .form-row-first,
    .woocommerce-checkout #payment ul.payment_methods li #card-form .form-row-last {
        width: 100%;
        float: none
    }
}

#add_payment_method #payment ul.payment_methods div.payment_box,
.woocommerce-checkout #payment ul.payment_methods div.payment_box {
    background-color: #FFF
}

#add_payment_method #payment ul.payment_methods div.payment_box:before,
.woocommerce-checkout #payment ul.payment_methods div.payment_box:before {
    border: 1em solid #FFF;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent
}

#add_payment_method #payment ul.payment_methods div.payment_box p,
.woocommerce-checkout #payment ul.payment_methods div.payment_box p {
    text-align: left !important
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 4px 0 0;
    position: relative;
    top: -1px
}

.woocommerce form .form-row .input-checkbox {
    margin: -1px 4px 0 -1px
}

#gemagiftfront {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
    background-color: #f6f6f4;
    padding: 20px 20px 5px;
    box-sizing: border-box;
    margin: 0 0 40px;
    border: none
}

#gemagiftfront p {
    color: #444;
    font-size: 13px;
    padding: 0
}

#gemagiftfront p strong {
    color: #111;
    font-weight: bold
}

#gemagiftfront p a {
    color: #589251;
    font-weight: bold
}

@media screen and (max-width: 640px) {
    #gemagiftfront {
        padding: 10px 10px 5px
    }

    #gemagiftfront p {
        font-size: 12px
    }
}

#gemagiftfront ul {
    display: table-cell;
    table-layout: fixed;
    padding: 15px 0;
    margin: 0
}

#gemagiftfront ul li {
    width: 50%;
    font-weight: bold;
    background-color: #FFF;
    display: table-cell;
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

#gemagiftfront ul li:first-child {
    border-right: 3px solid #f6f6f4
}

#gemagiftfront ul li label {
    display: table-cell;
    padding: 15px;
    background-color: #FFF
}

#gemagiftfront ul li input {
    vertical-align: middle;
    margin-right: 15px
}

#gemagiftfront ul li img {
    width: 30%;
    height: auto;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px
}

#gemagiftfront ul li p {
    width: 50%;
    color: #111;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle
}

#gemagiftfront ul li p span, #gemagiftfront ul li p small {
    display: inline-block
}

@media screen and (max-width: 640px) {
    #gemagiftfront ul {
        display: block;
        table-layout: auto;
        padding: 10px 0
    }

    #gemagiftfront ul li {
        display: block;
        width: 100%
    }

    #gemagiftfront ul li:first-child {
        border-right: none;
        border-bottom: 3px solid #f6f6f4
    }

    #gemagiftfront ul li label {
        padding: 10px
    }

    #gemagiftfront ul li p {
        font-size: 12px
    }
}

#gemagiftfront .gema75_wc_giftwrap_notes_container {
    width: 100%
}

#gemagiftfront .gema75_wc_giftwrap_notes_container p span {
    color: #111;
    font-weight: bold
}

#gemagiftfront .gema75_wc_giftwrap_notes_container textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    margin-top: 15px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

#gemagiftfront .gema75_wc_giftwrap_notes_container textarea:focus {
    border: 1px solid #55bb48
}

@media screen and (max-width: 640px) {
    #gemagiftfront .gema75_wc_giftwrap_notes_container p {
        font-size: 12px
    }

    #gemagiftfront .gema75_wc_giftwrap_notes_container textarea {
        margin-top: 10px
    }
}

#gemagiftfront input[name="giftwrap_btn"] {
    margin: 2% 0 2% 10% !Important;
    float: right;
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    float: none
}

.wc-proceed-to-checkout {
    width: 50%;
    margin: 0 auto 20px
}

.entry .wpcf7 {
    margin: 30px 0 0
}

.entry .wpcf7 dt {
    width: 150px;
    float: left;
    clear: both;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 20px;
    padding-top: 4px
}

.entry .wpcf7 dd {
    width: 480px;
    float: right;
    font-size: 14px;
    margin: 0 0 25px
}

.entry .wpcf7 dd select, .entry .wpcf7 dd input, .entry .wpcf7 dd textarea {
    color: #333;
    font-size: 13px;
    border: none;
    background-color: #FFF;
    outline: none;
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 8px;
    -moz-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    transition: border 0.4s ease
}

.entry .wpcf7 dd select:focus, .entry .wpcf7 dd input:focus, .entry .wpcf7 dd textarea:focus {
    border: 1px solid #55bb48
}

.entry .wpcf7 dd select {
    padding: 8px 28px 8px 8px
}

.entry .wpcf7 dd .select-menu {
    position: relative;
    display: inline-block
}

.entry .wpcf7 dd .select-menu:after {
    content: "";
    display: block;
    margin: -2px 0 0;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    border-top: 3px solid #333;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent
}

.entry .wpcf7 dd textarea {
    width: 460px
}

.entry .wpcf7 dd span.notice {
    color: #F54A81;
    font-size: 11px;
    display: block
}

.entry .wpcf7 dd span.wpcf7-not-valid-tip {
    color: #F54A81;
    font-size: 11px
}

.entry .wpcf7 #accept label {
    font-size: 12px
}

.entry .wpcf7 #accept label .accept_txt {
    font-size: 12px;
    display: inline-block;
    line-height: 1.6;
    vertical-align: top
}

.entry .wpcf7 #accept label .accept_txt a {
    color: #589251;
    font-weight: bold
}

.entry .wpcf7 #accept label .accept_txt a:hover {
    color: #999;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease
}

.entry .wpcf7 #accept label .wpcf7-form-control-wrap {
    display: inline-block;
    vertical-align: top
}

.entry .wpcf7 #accept label .wpcf7-form-control-wrap input[type="checkbox"] {
    width: 15px;
    height: 15px;
    top: 0
}

.entry .wpcf7 #submit {
    margin: 30px auto 0;
    display: block;
    padding: 0;
    width: 204px;
    height: 43px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -580px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto
}

.entry .wpcf7 #submit input {
    display: block;
    width: 204px;
    height: 43px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -535px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 1;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background-color: #FFF;
    cursor: pointer
}

.entry .wpcf7 #submit input:hover {
    opacity: 0
}

.entry .wpcf7 #submit input[disabled="disabled"] {
    width: 204px;
    height: 43px;
    background-image: url('../img/spr2x-s51b00e5567.png');
    background-position: 0 -626px;
    background-repeat: no-repeat;
    -moz-background-size: 480px auto;
    -o-background-size: 480px auto;
    -webkit-background-size: 480px auto;
    background-size: 480px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: default
}

.entry .wpcf7 #submit input[disabled="disabled"]:hover {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .entry .wpcf7 {
        margin: 20px 0 0
    }

    .entry .wpcf7 dt, .entry .wpcf7 dd {
        width: 91%;
        float: none;
        font-size: 12px;
        margin: 0 4.5% 5px
    }

    .entry .wpcf7 dd {
        margin: 0 4.5% 15px
    }

    .entry .wpcf7 dd input, .entry .wpcf7 dd textarea {
        width: 100%;
        box-sizing: border-box
    }

    .entry .wpcf7 #accept {
        margin: 0 4.5% 5px
    }

    .entry .wpcf7 #accept label {
        font-size: 11px
    }

    .entry .wpcf7 #accept label .wpcf7-form-control-wrap {
        width: 20px;
        float: left
    }

    .entry .wpcf7 #accept label .accept_txt {
        float: left;
        width: 90%
    }
}

/*# sourceMappingURL=main.css.map */