@charset "utf-8";
/**************************************************
Sub Page Only
**************************************************/

.item-op ul.io-bottom li.io-sku span.left {
font-size:15px;
}

.item-op ul.io-bottom li.io-sku {
font-size:12px;
}

/* [sub image] --------------- */

#sub-img {
width:100%;
height:400px;
margin-bottom:20px;
float:left;
overflow:hidden;
position:relative;
}

#sub-img-in {
width:100%;
float:left;
}

#sub-img-in img {
width:100%;
height:auto;
}

#sub-img header.content-header {
display:none;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
z-index:1;
}

#sub-img header.content-header h1.title,
#sub-img header.content-header h2.title {
color:#fff;
font-size:50px;
font-weight:bold;
text-shadow:2px 2px 4px #222222;
-moz-text-shadow:2px 2px 4px #222222;
-webkit-text-shadow:2px 2px 4px #222222;
animation:spacedown 1s ease;
-webkit-animation:spacedown 1s ease;
-moz-animation:spacedown 1s ease;
visibility:visible!important;
}

body.single #sub-img header.content-header h1.title {
font-size:30px;
}

@keyframes spacedown {
 0% {
      opacity:0;
      transform:translateY(300px);
      -webkit-transform:translateY(300px);
      -moz-transform:translateY(300px);
 }
 100% {
        opacity:1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
 }
}

@-webkit-keyframes spacedown {
 0% {
      opacity:0;
      -webkit-transform:translateY(300px);
    }
 100% {
        opacity:1;
        -webkit-transform:translateY(0);
      }
}

@-moz-keyframes spacedown {
 0% {
      opacity:0;
      -moz-transform:translateY(300px);
    }
 100% {
        opacity:1;
        -moz-transform:translateY(0);
      }
}

#sub-img #breadcrumbs {
width:100%;
height:40px;
margin-bottom:0;
padding:10px 15px;
background:rgba(0,0,0,0.8);
color:#fff;
position:absolute;
bottom:0;
left:0;
z-index:10;
box-sizing:border-box;
overflow:hidden;
}

#sub-img #breadcrumbs #breadcrumbs-box {
width:100%;
text-align:left;
overflow:hidden;
float:left;
}

#sub-img #breadcrumbs #breadcrumbs-box a,
#sub-img #breadcrumbs p.bread-home:before,
#sub-img #breadcrumbs p.bread-sub:before {
color:#fff;
}

#sub-img #breadcrumbs #breadcrumbs-box a:hover {
color:#7a7a7a;
}

/* -------------------------------------------------------------- */


/* [content] --------------- */

#main {
width:100%;
text-align:left;
float:left;
}

#main .content-header {
width:100%;
padding-bottom:20px;
text-align:center;
float:left;
position:relative;
}

#main .content-header h1.title,
#main .content-header h2.title {
width:100%;
padding:10px 15px;
border:1px solid #e8e8e8;
font-size:30px;
float:left;
position:relative;
box-sizing:border-box;
}

#main .content-header h1.title span,
#main .content-header h2.title span {
width:100%;
padding:0 20px;
float:left;
box-sizing:border-box;
position:relative;
}

#main .content-header h1.title span:before,
#main .content-header h2.title span:before,
#main .content-header h1.title span:after,
#main .content-header h2.title span:after {
font-size:14px;
font-family:"icomoon";
content:"\e905";
position:absolute;
top:50%;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

#main .content-header h1.title span:before,
#main .content-header h2.title span:before {
left:0;
}

#main .content-header h1.title span:after,
#main .content-header h2.title span:after {
right:0;
}

#content {
width:870px;
padding-bottom:20px;
float:right;
}

/************** archive category search **************/

.archive-description {
width:100%;
margin-bottom:20px;
float:left;
}

#main-archive {
width:100%;
float:left;
}

#main-archive .content-in {
width:100%;
margin-bottom:20px;
padding-bottom:20px;
float:left;
}

#main-archive h2.post-title {
width:100%;
margin-bottom:10px;
border-bottom:3px dotted #e5e5e5;
font-weight:bold;
float:left;
}

.content-left {
width:30%;
float:left;
text-align:left;
overflow:hidden;
}

.content-left p {
float:left;
position:relative;
}

.content-left p::before,
.content-left p::after {
width:0;
height:1px;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

.content-left p a::before,
.content-left p a::after {
width:1px;
height:0;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

.content-left p:hover::before,
.content-left p:hover::after {
width:100%;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

.content-left p:hover a::before,
.content-left p:hover a::after {
height:100%;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

.content-left p::before {
right:0;
top:0;
}

.content-left p::after {
left:0;
bottom:0;
}

.content-left p a::before {
left:0;
top:0;
}

.content-left p a::after {
right:0;
bottom:0;
}

.content-left img {
border:1px solid #fff;
}

.content-right {
width:70%;
float:right;
}

.content-right-in {
width:96%;
float:right;
}

.archive-date {
width:100%;
padding-top:15px;
float:left;
}

.archive-cat {
width:50%;
text-align:left;
font-size:12px;
float:left;
}

.archive-cat a:before {
padding-right:5px;
font-family:"icomoon";
content:"\e90c";
vertical-align:-0.1em!important;
}

.postdate {
width:50%;
text-align:right;
font-size:12px;
float:right;
}

.pagenavi {
width:100%;
margin-top:5px;
float:left;
}

.pagenavi .page-numb {
text-align:center;
}

.pagenavi span.current {
font-weight:bold;
}

.pagenavi span.dots,
.pagenavi span.dots:hover {
padding:6px 3px 0;
border:0;
background:none;
}

.pagenavi .page-numbers {
height:26px;
margin:0 2px;
padding:6px 12px 0;
border:1px solid #e8e8e8;
display:inline-block;
}

.search-error {
width:100%;
text-align:center;
flot:left;
}

.search-error h2 {
font-weight:bold;
font-size:50px;
color:#d1d1d1;
}

.tag-nav {
width:100%;
margin-bottom:10px;
float:left;
}

.navidate {
margin-bottom:10px;
text-align:right;
float:right;
}

.posttags {
height:auto;
font-size:11px;
float:left;
}

.posttags p {
margin-right:5px;
margin-bottom:2px;
padding:0 5px;
float:left;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.posttags a {
padding:0 0 0 2px;
float:left;
}

.posttags a:before {
margin-right:3px;
font-family:"icomoon";
content:"\e935";
vertical-align:-0.1em!important;
}

/************** archive category search **************/

/************** page single **************/

#main-page,
#main-single {
width:100%;
float:left;
}

#txsingle-thumbnail {
width:100%;
height:auto;
padding-bottom:10px;
text-align:center;
float:left;
}

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

#navidate-single {
width:100%;
text-align:right;
float:left;
}

#posttags-single {
width:100%;
height:auto;
margin-bottom:15px;
font-size:11px;
float:left;
}

#posttags-single p {
margin-left:5px;
margin-bottom:2px;
padding:0 5px;
float:right;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#posttags-single a {
padding:0 0 0 2px;
float:left;
}

#posttags-single a:before {
margin-right:3px;
font-family:"icomoon";
content:"\e935";
vertical-align:-0.1em!important;
}

#single-navi {
width:100%;
margin:20px 0;
text-align:left;
float:left;
}

#single-navi img {
border:1px solid #fff;
}

.single-next .box {
float:left;
position:relative;
}

.single-prev .box {
float:right;
position:relative;
}

#single-navi a {
width:420px;
border:1px solid #e8e8e8;
display:inline-block;
box-sizing:border-box;
}

#single-navi .box::before,
#single-navi .box::after {
width:0;
height:1px;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

#single-navi .box a::before,
#single-navi .box a::after {
width:1px;
height:0;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

#single-navi .box:hover::before,
#single-navi .box:hover::after {
width:100%;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

#single-navi .box:hover a::before,
#single-navi .box:hover a::after {
height:100%;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

#single-navi .box::before {
right:0;
top:0;
}

#single-navi .box::after {
left:0;
bottom:0;
}

#single-navi .box a::before {
left:0;
top:0;
}

#single-navi .box a::after {
right:0;
bottom:0;
}

#single-navi h3 {
width:100%;
margin-bottom:6px;
font-size:14px;
font-weight:bold;
float:left;
}

#single-navi h3:before {
padding-right:2px;
font-size:18px;
font-family:"icomoon";
content:"\e90d";
vertical-align:-0.18em!important;
}

#single-navi p {
width:100%;
float:left;
}

.single-next {
width:50%;
float:left;
display:table;
border-collapse:collapse;
}

.single-next a {
padding:15px 15px 15px 5px;
float:left;
}

.single-next a .single-navi-in:before {
font-size:36px;
font-family:"icomoon";
content:"\e906";
display:table-cell;
vertical-align:middle!important;
}

.single-next .left {
width:120px;
height:80px;
padding:0 10px;
overflow:hidden;
box-sizing:border-box;
display:table-cell;
vertical-align:middle!important;
}

.single-next .right {
width:300px;
display:table-cell;
vertical-align:top!important;
}

.single-prev {
width:50%;
float:right;
display:table;
border-collapse:collapse;
}

.single-prev a {
padding:15px 5px 15px 15px;
float:right;
}

.single-prev a .single-navi-in:after {
font-size:36px;
font-family:"icomoon";
content:"\e907";
display:table-cell;
vertical-align:middle!important;
}

.single-prev .right {
width:120px;
height:80px;
padding:0 10px;
text-align:right;
overflow:hidden;
display:table-cell;
vertical-align:middle!important;
}

.single-prev .left {
width:300px;
display:table-cell;
vertical-align:top!important;
}

#single-author {
width:100%;
text-align:right;
float:left;
}

/************** page single **************/


/************** comment **************/

#comment-title {
width:100%;
margin-bottom:20px;
padding:10px 15px;
border:1px solid #e8e8e8;
text-align:center;
font-size:30px;
float:left;
position:relative;
box-sizing:border-box;
}

#comment-title p {
width:100%;
padding:0 20px;
float:left;
box-sizing:border-box;
position:relative;
}

#comment-title p:before,
#comment-title p:after {
font-size:14px;
font-family:"icomoon";
content:"\e905";
position:absolute;
top:50%;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

#comment-title p:before {
left:0;
}

#comment-title p:after {
right:0;
}

.comment-box {
width:100%;
margin-bottom:50px;
border-bottom:1px solid #e5e5e5;
float:left;
}

p.form-allowed-tags {
width:100%;
margin:10px 0;
float:left;
}

ul.commentlist {
width:100%;
padding-bottom:15px;
float:left;
}

ul.commentlist li {
width:100%;
margin:0 0 30px;
float:left;
}

ul.commentlist ul.children li {
width:800px;
margin:10px 0 0;
float:right;
}

ul.commentlist ul.children li p {
width:100%;
padding:15px;
box-sizing:border-box;
float:right;
}

ul.commentlist p {
width:100%;
padding:15px;
background:#fff;
border:1px solid #ccc;
box-sizing:border-box;
}

.comment-metadata {
line-height:32px;
text-align:right;
}

.comment-content {
width:100%;
margin-top:10px;
float:left;
}

.comment-awaiting-moderation {
padding:10px 0!important;
background:none!important;
border:none!important;
color:red;
}

.comment-author {
line-height:32px;
float:left;
}

.comment-author img {
margin-right:10px;
float:left;
}

.reply {
width:100%;
margin-top:10px;
text-align:right;
float:left;
}

#respond {
width:100%;
margin:0 auto;
padding-bottom:15px;
}

#respond p.logged-in-as,
#respond p.comment-notes {
margin-bottom:30px;
}

#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
#respond p.comment-form-comment {
width:100%;
margin-bottom:15px;
float:left;
}

#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label,
#respond p.comment-form-comment label {
width:30%;
padding:10px 5px;
font-weight:bold;
float:left;
}

#respond p.comment-form-author input,
#respond p.comment-form-email input,
#respond p.comment-form-url input,
#respond p.comment-form-comment textarea {
width:60%;
padding:10px 5px;
background:#f0f0f0;
border:1px solid #d3d3d3;
float:right;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-moz-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
}

#respond p.comment-form-author input:hover,
#respond p.comment-form-email input:hover,
#respond p.comment-form-url input:hover,
#respond p.comment-form-comment textarea:hover {
background:#fff;
}

#respond p.comment-form-author input:focus,
#respond p.comment-form-email input:focus,
#respond p.comment-form-url input:focus,
#respond p.comment-form-comment textarea:focus {
background:#fff;
border:1px solid #d3d3d3;
}

p.form-allowed-tags {
width:100%;
margin:10px 0;
float:left;
}

p.form-submit {
width:100%;
height:30px;
padding:20px 0;
text-align:center;
float:left;
}

p.form-submit input  {
width:230px;
padding:10px 0;
background:#fff;
font-size:16px;
font-weight:bold;
cursor:pointer;
outline:none;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
float:right;
}

p.form-submit input:hover {
color:#fff;
}

.navigation {
width:100%;
margin:0 auto;
}

.navigation .alignleft {
float:left;
}

.navigation .alignright {
float:right;
}

/************** comment **************/

#breadcrumbs {
width:100%;
margin-bottom:20px;
text-align:left;
float:left;
}

#breadcrumbs p {
float:left;
}

#breadcrumbs p.bread-home:before {
margin-right:4px;
font-size:20px;
font-family:"icomoon";
content:"\e901";
vertical-align:-0.2em!important;
}

#breadcrumbs p.bread-sub:before {
margin:0 4px;
font-size:18px;
font-family:"icomoon";
content:"\e900";
vertical-align:-0.18em!important;
}

/* -------------------------------------------------------------- */


/* [item category] --------------- */

.item-count {
width:100%;
margin-bottom:10px;
text-align:right;
float:left;
}

.category-sort {
width:100%;
float:left;
}

.category-sort p.sort-but,
.category-sort p.sort-but-on {
margin-right:3px;
margin-bottom:10px;
float:left;
}

.category-sort p.sort-but a {
padding:4px 8px;
position:relative;
z-index:2;
overflow:hidden;
color:#fff;
display:inline-block;
}

.category-sort p.sort-but a:hover {
background:#fff;
color:#727272!important;
}

.category-sort p.sort-but a:hover::after {
background:#fff;
}

.category-sort p.sort-but-on a {
padding:4px 8px;
background:#fff;
color:#727272;
position:relative;
z-index:2;
overflow:hidden;
display:inline-block;
}

.category-sort p.sort-but-on a:hover {
color:#fff;
}

#item-category .item-category-in {
width:100%;
margin:20px 0 0;
text-align:center;
float:left;
}

#item-category .item-box {
margin-bottom:17px;
text-align:center;
float:left;
transition:top 1s ease, left 1s ease;
-webkit-transition:top 1s ease, left 1s ease;
-moz-transition:top 1s ease, left 1s ease;
}

#item-category .box1,
#item-category .box2,
#item-category .box3 {
width:222px;
}

#item-category .box4 {
width:204px;
}

.item-category-in a {
width:204px;
background:#fff;
float:left;
position:relative;
}

.item-category-in a .box {
width:100%;
padding-bottom:10px;
border:1px solid #e8e8e8;
float:left;
box-sizing:border-box;
}

.item-category-in a::before,
.item-category-in a::after {
width:0;
height:1px;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

.item-category-in a .box::before,
.item-category-in a .box::after {
width:1px;
height:0;
content:"";
position:absolute;
transition:0.2s;
-webkit-transition:0.2s;
-moz-transition:0.2s;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

.item-category-in a:hover::before,
.item-category-in a:hover::after {
width:100%;
transition-delay:0s;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
}

.item-category-in a:hover .box::before,
.item-category-in a:hover .box::after {
height:100%;
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
}

.item-category-in a::before {
right:0;
top:0;
}

.item-category-in a::after {
left:0;
bottom:0;
}

.item-category-in a .box::before {
left:0;
top:0;
}

.item-category-in a .box::after {
right:0;
bottom:0;
}

#item-category .item-img {
width:100%;
height:185px;
padding-top:15px;
float:left;
position:relative;
}

#item-category .item-img span.newicon {
width:35px;
height:35px;
line-height:37px;
background:#fff;
font-size:11px;
position:absolute;
left:-10px;
top:-10px;
z-index:5;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
}

#item-category .item-img span.item-soldout img {
background:rgba(0,0,0,0.5);
position:absolute;
left:50%;
top:50%;
z-index:1;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
}

#item-category p.item-title {
width:90%;
height:45px;
margin-bottom:5px;
padding:0 5%;
text-align:left;
font-size:14px;
float:left;
overflow:hidden;
}

#item-category .item-box-bottom {
width:100%;
text-align:center;
float:left;
}

#item-category .item-box-bottom p {
width:100%;
margin:0 auto;
font-weight:bold;
}

#item-category .item-box-bottom p span.price {
color:red;
}

#item-category .item-box-bottom p em.tax {
font-size:11px;
}

/* -------------------------------------------------------------- */


/* [item page] --------------- */

#itempage {
width:100%;
padding:7px 0;
text-align:center;
float:left;
}

#itempage-img {
width:50%;
margin-bottom:20px;
text-align:left;
float:left;
}

#item-mainimg {
width:90%;
margin-bottom:20px;
float:left;
}

#item-mainimg p {
width:100%;
height:auto;
text-align:left;
position:relative;
float:left;
border:5px solid #fff;
box-sizing:border-box;
}

#item-mainimg p img {
width:100%;
height:auto;
}

#itempage-img span.soldout {
background:rgba(0,0,0,0.5);
position:absolute;
left:50%;
top:50%;
z-index:1;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
}

#item-subimg {
width:90%;
text-align:left;
float:left;
letter-spacing:-0.5em;
}

#item-subimg p {
width:25%;
margin-bottom:15px;
text-align:center;
display:inline-block;
vertical-align:top!important;
letter-spacing:normal;
}

#item-subimg p img {
width:90%;
height:auto;
border:5px solid #fff;
display:inline-block;
box-sizing:border-box;
}

.itemsku-out {
width:50%;
float:right;
}

.field-area {
width:100%;
height:auto;
margin:0 auto;
}

.item-op {
width:100%;
margin:0;
padding:0 0 25px;
text-align:center;
float:left;
}

.item-op-multi .item-op-sku {
width:100%;
margin-bottom:30px;
padding-bottom:30px;
float:left;
}

.item-op-sku {
width:100%!important;
text-align:left;
float:left;
}

.item-op-sku ul.io-bottom {
width:100%;
font-size:15px;
float:left;
}

.item-op-sku ul.io-bottom li {
width:100%;
margin-bottom:10px;
padding-bottom:3px;
border-bottom:1px dashed #dbdbdb;
float:left;
}

.item-op ul.io-bottom li span.left {
width:170px;
font-weight:bold;
float:left;
}

.item-op ul.io-bottom li span.left:before {
padding-right:5px;
font-size:20px;
font-family:"icomoon";
content:"\e905";
vertical-align:-0.2em!important;
}

.item-op ul.io-bottom li span.left em.tax {
font-size:12px;
}

.item-op ul.io-bottom li span.price {
font-size:15px;
font-weight:bold;
color:red;
}

.item-op ul.io-bottom li.io-other {
width:auto;
margin-left:10px;
margin-bottom:0;
padding-bottom:0;
text-align:right;
font-size:13px;
border:none;
float:right;
}

.sku-option-open {
width:100%;
margin-top:20px;
position:relative;
float:left;
}

.sku-option-open p.open {
font-weight:bold;
font-size:18px;
cursor:pointer;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

.sku-option-open p.open:before {
margin-right:3px;
font-size:20px;
font-weight:normal;
font-family:"icomoon";
content:"\e90a";
vertical-align:-0.14em!important;
}

.sku-option-open p.open:hover {
color:#b5b5b5;
}

.sku-option-open .slide-open {
color:#e70000;
}

.sku-option-open .slide-open:before {
content:"\e909"!important;
}

.sku-option-open .slide-open:hover {
color:#e70000!important;
}

.sku-option-open p.open span {
padding-left:10px;
font-weight:normal;
}

.sku-option-open p.open span:before {
margin-right:8px;
font-family:"icomoon";
content:"\e90b";
vertical-align:-0.11em!important;
}

.sku-option-open .sku-inside {
width:100%;
background:#fff;
border:1px solid #ccc;
z-index:5;
display:none;
position:absolute;
top:20px;
right:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
box-sizing:border-box;
}

.sku-option-in {
padding:10px;
}

.business-option .itemGpExp {
width:100%;
margin-bottom:30px;
text-align:left;
float:left;
}

.business-option dt {
margin-bottom:5px;
padding-left:35px;
background:url(../images/gp.gif) no-repeat left center;
font-weight:bold;
}

.business-option ul {
margin-left:20px;
list-style:square;
}

.business-option li {
width:100%;
float:left;
}

.business-option li span.price {
font-size:13px;
font-weight:bold;
color:red;
}

.sku-inside {
width:100%;
margin-top:15px;
padding-bottom:10px;
border-bottom:1px dashed #dbdbdb;
text-align:left;
float:left;
}

.sku-inside p {
width:100%;
font-weight:bold;
float:left;
}

.sku-inside p:before {
margin-right:15px;
font-size:20px;
letter-spacing:-0.5em;
font-family:"icomoon";
content:"\e900\e900\e900";
vertical-align:-0.2em!important;
}

.sku-inside ul.item_option {
width:100%;
margin:10px 0;
float:left;
}

.sku-inside ul.item_option li {
width:100%!important;
height:auto!important;
border-bottom:none!important;
float:left;
}

.sku-inside ul.item_option li label {
width:100%;
float:left;
}

.sku-inside ul.item_option select,
.sku-inside ul.item_option input[type="text"],
.sku-inside ul.item_option textarea {
width:100%;
padding:8px 5px;
background:#f0f0f0;
border:1px solid #d3d3d3;
box-sizing:border-box;
transition:0.7s;
-webkit-transition:0.7s;
-moz-transition:0.7s;
box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
-moz-box-shadow:1px 2px 7px rgba(0,0,0,0.1) inset;
}

.sku-inside ul.item_option select:hover,
.sku-inside ul.item_option input[type="text"]:hover,
.sku-inside ul.item_option textarea:hover {
background:#fff;
border:1px solid #ccc;
}

.sku-inside ul.item_option input[type="checkbox"],
.sku-inside ul.item_option input[type="radio"] {
width:auto!important;
}

.sku-inside ul.item_option input[type="text"]:focus,
.sku-inside ul.item_option textarea:focus {
background:#fff;
border:1px solid #d3d3d3;
}

.item-op .skuform {
width:100%!important;
margin-top:25px;
float:left;
}

.item-sku-inside .sku-cart-but {
width:100%;
text-align:center;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but {
width:100%;
padding:0;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant {
display:inline-block;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant span.itemquant {
width:102px;
margin-right:5px;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant span.itemskuunit {
line-height:36px;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant input {
border:0;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant input.item-minus {
width:25px;
height:35px;
font-size:18px;
color:#fff;
float:left;
cursor:pointer;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant input.item-plus {
width:25px;
height:35px;
font-size:18px;
color:#fff;
float:right;
cursor:pointer;
}

.item-sku-inside .sku-cart-but .zaiko-none {
width:100%;
text-align:center;
font-weight:bold;
font-size:20px;
float:left;
}

#itempage .skuform .skuquantity {
width:50px;
height:33px;
text-align:center;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but p.button {
width:160px;
margin-left:20px;
background:#fff;
font-weight:bold;
cursor:pointer;
display:inline-block;
position:relative;
z-index:2;
overflow:hidden;
vertical-align:top!important;
}

.item-sku-inside p input.skubutton {
width:100%;
height:35px;
line-height:35px;
background:none;
border:none;
font-weight:bold;
color:#727272;
cursor:pointer;
outline:none;
display:inline-block;
transition:all 0.4s;
-webkit-transition:all 0.4s;
-moz-transition:all 0.4s;
box-sizing:border-box;
}

.item-sku-inside p input.skubutton:hover {
color:#fff;
}

.item_custom_field {
width:100%;
margin-bottom:20px;
text-align:left;
float:left;
}

.po-content {
width:100%;
margin-bottom:20px;
text-align:center;
float:left;
}

.po-content-in {
width:100%;
padding:20px 0;
float:left;
box-sizing:border-box;
}

.promotionsale-others {
width:100%;
margin-bottom:20px;
float:left;
}

.promotionsale {
width:46%;
padding:0 2%;
text-align:left;
float:left;
}

.promotionsale span.discount {
font-weight:bold;
}

.item-special-benefits {
width:100%;
margin-bottom:5px;
font-size:15px;
font-weight:bold;
}

.item-op-sku-others-out {
width:46%;
padding:0 2%;
float:left;
}

.item-op-sku-others {
width:100%;
text-align:left;
float:left;
}

.item-op-sku-others p.item-sku-others {
width:100%;
margin-bottom:5px;
font-size:15px;
font-weight:bold;
}

.item-content-inside {
width:100%;
margin:40px 0 20px;
text-align:left;
float:left;
}

.item-contact-but,
.item-tags {
width:100%;
margin-top:10px;
text-align:left;
float:left;
}

.item-contact-but p,
.item-tags p {
padding:0 10px;
}

.item-tags span:before {
margin-right:5px;
font-family:"icomoon";
content:"\e935";
vertical-align:-0.1em!important;
}

.item-contact-but span:before {
font-size:24px;
font-family:"icomoon";
content:"\e908";
vertical-align:-0.18em!important;
}

#item-contact-return {
width:100%;
margin-bottom:30px;
float:left;
}

#item-contact-return a {
float:left;
}

#item-contact-return a:before {
font-size:20px;
font-family:"icomoon";
content:"\e900";
vertical-align:-0.18em!important;
}

#item-recommended {
width:100%;
float:left;
}

#item-recommended-title {
width:100%;
padding:10px 15px;
border:1px solid #e8e8e8;
text-align:center;
font-size:30px;
float:left;
position:relative;
box-sizing:border-box;
}

#item-recommended-title h2 {
width:100%;
padding:0 20px;
float:left;
box-sizing:border-box;
position:relative;
}

#item-recommended-title h2:before,
#item-recommended-title h2:after {
font-size:14px;
font-family:"icomoon";
content:"\e905";
position:absolute;
top:50%;
transform:translate(0%,-50%);
-webkit-transform:translate(0%,-50%);
-moz-transform:translate(0%,-50%);
}

#item-recommended-title h2:before {
left:0;
}

#item-recommended-title h2:after {
right:0;
}

/* -------------------------------------------------------------- */


/* [contact] --------------- */

#contact-form {
width:100%;
margin-bottom:40px;
float:left;
}

#contact-form p {
margin-top:10px;
text-align:left;
}

#contact-form label {
width:100%;
margin-bottom:10px;
text-align:left;
float:left;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="date"],
#contact-form input[type="number"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form select,
#contact-form textarea {
width:100%;
padding:10px 5px;
background:#f6f6f6;
border:1px solid #e8e8e8;
box-sizing:border-box;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="date"]:hover,
#contact-form input[type="number"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form select:hover,
#contact-form textarea:hover {
background:#fff;
border:1px solid #cdcdcd;
}

#contact-form input[type="range"] {
padding:10px 5px;
background:none!important;
border:0!important;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
background:#fff;
border:1px solid #cdcdcd;
}

#contact-form input:placeholder-shown {
color:#cdcdcd;
}

#contact-form input::-moz-input-placeholder {
color:#cdcdcd;
}

#contact-form input::-webkit-input-placeholder {
color:#cdcdcd;
}

#contact-form input[type="submit"] {
width:230px;
margin-top:30px;
padding:10px 0;
background:#fff;
font-size:16px;
font-weight:bold;
cursor:pointer;
outline:none;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#contact-form input[type="submit"]:hover {
border:1px solid #fff;
color:#fff;
}

/* -------------------------------------------------------------- */


/* [company] --------------- */

.company {
width:100%;
margin-bottom:40px;
text-align:center;
float:left;
}

table.returned {
width:100%;
text-align:center;
border-collapse:collapse;
float:left;
}

table.returned-in {
width:100%;
margin:0 auto;
border-collapse:collapse;
border:1px solid #e8e8e8;
}

table.returned-in tr,
table.returned-in td {
vertical-align:middle!important;
}

.returned td.returned-left {
width:32%;
height:80px;
padding:10px 0;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
text-align:center;
font-weight:bold;
}

.returned td.returned-right {
width:65%;
height:auto;
padding:10px 0 10px 3%;
border-bottom:1px solid #e8e8e8;
text-align:left;
}

/* -------------------------------------------------------------- */


/* [error] --------------- */

#wrap-error {
width:320px;
height:300px;
margin:0 auto;
}

#wrap-error-in {
width:318px;
height:298px;
margin-top:100px;
background:#fff;
border:1px solid #e7e7e7;
text-align:center;
float:left;
}

#wrap-error .error-404 {
margin-top:120px;
font-size:16px;
}

#wrap-error .error-link {
margin-top:20px;
}

/* -------------------------------------------------------------- */


/* [sns] --------------- */

#single-sns {
width:100%;
padding:20px 0 0;
text-align:center;
float:left;
letter-spacing:-0.5em;
display:none;
}

#line,
#google-plus,
#pocket,
#hatena-book,
#facebook-like,
#twitter-tweet {
width:100px;
height:40px;
line-height:40px;
margin:0 2px;
display:inline-block;
vertical-align:bottom;
letter-spacing:normal;
}

#line a,
#google-plus a,
#pocket a,
#hatena-book a,
#facebook-like a,
#twitter-tweet a {
width:100px;
height:40px;
color:#fff;
overflow:hidden;
float:left;
transition:0.4s;
-webkit-transition:0.4s;
-moz-transition:0.4s;
}

#line img,
#google-plus img,
#pocket img,
#hatena-book img,
#facebook-like img,
#twitter-tweet img {
margin-top:5px;
border-right:1px solid #fff;
float:left;
}

/* -------------------------------------------------------------- */


/**************************************************
***************************************************
width:[1200px] or less.
***************************************************
**************************************************/

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

.subpage #widget-area {
margin-top:10px;
}

#sub-img {
height:auto;
margin-bottom:10px;
}

#sub-img #breadcrumbs {
height:auto;
padding:5px;
position:static;
}

#sub-img #breadcrumbs #breadcrumbs-box {
width:97%;
}

#main {
padding-top:0;
}

#content {
width:100%;
}

.content-left p::before,
.content-left p::after,
.item-category-in a::before,
.item-category-in a::after,
#single-navi .box::before,
#single-navi .box::after {
width:auto;
height:auto;
position:static;
transition:none;
-webkit-transition:none;
-moz-transition:none;
transition-delay:0;
-webkit-transition-delay:0;
-moz-transition-delay:0;
}

.content-left p a::before,
.content-left p a::after,
.item-category-in a .box::before,
.item-category-in a .box::after,
#single-navi .box a::before,
#single-navi .box a::after {
width:auto;
height:auto;
position:static;
transition:none;
-webkit-transition:none;
-moz-transition:none;
transition-delay:0;
-webkit-transition-delay:0;
-moz-transition-delay:0;
}

.content-left p:hover::before,
.content-left p:hover::after,
.item-category-in a:hover::before,
.item-category-in a:hover::after,
#single-navi .box:hover::before,
#single-navi .box:hover::after {
width:auto;
transition-delay:0;
-webkit-transition-delay:0;
-moz-transition-delay:0;
}

.content-left p:hover a::before,
.content-left p:hover a::after,
.item-category-in a:hover .box::before,
.item-category-in a:hover .box::after,
#single-navi .box:hover a::before,
#single-navi .box:hover a::after {
height:auto;
transition-delay:0;
-webkit-transition-delay:0;
-moz-transition-delay:0;
}

#item-category .item-category-in {
margin:20px 0;
letter-spacing:-0.5em;
}

#item-category .item-box {
float:none;
letter-spacing:normal;
}

#item-category .box4,
#item-category .box1,
#item-category .box2,
#item-category .box3 {
width:33.3333%;
display:inline-block;
vertical-align:top;
}

#item-category .box {
width:97%;
padding-top:5px;
display:inline-block;
float:none;
box-sizing:border-box;
}

.item-category-in a {
width:100%;
box-sizing:border-box;
}

#item-category .item-img {
width:100%;
height:auto;
padding:5px 0;
}

#item-category .item-img span.newicon {
line-height:35px;
left:3px;
top:-2px;
}

#item-category .item-img span.item-thumbnail img {
width:90%;
height:auto;
box-sizing:border-box;
}

#item-category .item-img span.item-soldout img {
width:70%;
height:auto;
}

#item-category p.item-title {
height:42px;
overflow:hidden;
}

#item-category .item-box-bottom p {
font-weight:normal;
font-size:12px;
}

#item-category .item-box-bottom p em.tax {
font-size:10px;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant {
width:100%;
text-align:center;
float:left;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant span.itemquant {
width:100%;
border:0;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant span.itemskuunit {
width:100%;
line-height:36px;
text-align:center;
}

.item-sku-inside .sku-cart-but .quantity-but p.quant input.item-minus,
.item-sku-inside .sku-cart-but .quantity-but p.quant input.item-plus {
width:20%;
padding:0 1%;
}

#itempage .skuform .skuquantity {
width:56%;
padding:0;
background:#eee;
display:inline-block;
float:none;
box-sizing:border-box;
}

.item-sku-inside .sku-cart-but .quantity-but p.button {
width:100%;
margin-left:0;
margin-top:20px;
text-align:center;
}

.item-sku-inside p input.skubutton:hover {
background:none;
border:none;
}

#item-recommended {
padding-top:20px;
}

#line,
#google-plus,
#pocket,
#hatena-book,
#facebook-like,
#twitter-tweet {
margin-bottom:5px;
}

#breadcrumbs {
margin-bottom:20px;
}

#single-sns {
display:inline;
}

}

/**************************************************
***************************************************
width:[480px] or less.
***************************************************
**************************************************/

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

header.content-header {
margin-bottom:50px;
}

#sub-img header.content-header h1.title,
#sub-img header.content-header h2.title {
font-size:18px;
}

body.single #sub-img header.content-header h1.title {
font-size:15px;
}

#main .content-header {
margin-bottom:10px;
}

#main .content-header h1.title,
#main .content-header h2.title {
font-size:18px;
}

#main-single .content-header h1.title,
#main-single .content-header h2.title {
font-size:15px;
}

.txcategory-thumbnail img,
.txcategory-noimage img {
width:100%;
height:auto;
}

.archive-cat,
.postdate {
width:100%;
}

#item-category .item-category-in {
margin:10px 0 5px;
}

.pagenavi {
font-size:12px;
}

.pagenavi span.dots,
.pagenavi span.dots:hover {
padding:0 1px;
}

.pagenavi .page-numbers {
height:24px;
margin:0 0 5px;
padding:6px 9px 0;
}

.pagenavi .next,
.pagenavi .prev {
height:24px;
padding:6px 5px 0;
font-size:11px;
}

.category-sort {
margin-bottom:0;
}

.category-sort p.sort-but a,
.category-sort p.sort-but-on a {
float:left;
}

#item-category .box4,
#item-category .box1,
#item-category .box2,
#item-category .box3 {
width:50%;
}

#itempage {
width:100%;
margin:0;
}

#itempage-img {
width:100%;
text-align:center;
}

#item-mainimg {
width:90%;
margin:0 auto;
float:none;
}

#item-subimg {
width:90%;
margin:10px auto 0;
text-align:center;
display:inline-block;
float:none;
}

.itemsku-out {
width:100%;
}

.promotionsale,
.item-op-sku-others-out {
width:96%;
}

.item-op-sku-others-out {
margin-top:10px;
}

#comment-title p {
font-size:18px;
}

#item-recommended-title h2 {
font-size:18px;
}

}

/**************************************************
***************************************************
width:[880px] or less.
***************************************************
**************************************************/

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

#single-navi {
margin:20px 0;
}

#single-navi a {
width:100%;
margin:5px 0;
}

.single-next .box,
.single-prev .box {
width:100%;
}

.single-next,
.single-prev {
width:100%;
}

.single-next .right,
.single-prev .left {
width:auto;
}

#single-navi h3 {
margin-bottom:3px;
font-size:14px;
}

#single-navi h3:before {
content:"";
}

.single-next a:before,
.single-prev a:after {
font-size:26px;
}

}