@charset "utf-8";
/* CSS Document */
/*------------------------------------
index

1:common
2:category
3:
-------------------------------------*/

.fs-l-main {
    margin: 0 auto 100px;
    padding: 45px 0 0;
    max-width: none;
    width: 1100px;
    display: block;
    flex-wrap: unset;
    overflow: hidden;
}

.fs-l-pageMain {
    max-width: unset;
    width: 800px;
    float: right;
}



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

1:common

-------------------------------------*/
#container {
	width: 1100px;
	overflow: hidden;
	padding-top: 45px;
	margin: 0 auto 100px;
}

#page-contents {
	width: 800px;
	float: right;
}


#backtotop.pages-btp a {
    display: block;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}


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

2:category

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

.ctg-intro {
    text-align: center;
    margin-bottom: 60px;
}

/* ctg-mainimg */
.ctg-mainimg {
    margin-bottom: 50px;
}

/* ctg-ttl */
.ctg-ttl {
    margin-bottom: 20px;
}
.ctg-ttl .ctg-icon {
    margin-bottom: 25px;
}
.ctg-ttl h2 {
    font-size: 32px;
    font-family: 'Montserrat';
	font-weight:bold;
    letter-spacing: 3px;
    line-height: 1;
}
.ctg-ttl h2 span {
    font-size: 32px;
    font-family: 'Montserrat';
    font-weight: normal;
    margin-left: 10px;
}

/* ctg-copy */
.ctg-copy {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 30px;
	letter-spacing: 0.08em;
}

/* ctg-desc */
.ctg-desc {
    font-size: 15px;
    line-height: 2.2;
	letter-spacing: 0.03em;
}
.ctg-desc a {
    color: #222;
    text-decoration: underline;
}

/* to-link01 */
.to-link01 a {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px 20px;
    border: solid 2px #92993A;
    color: #222;
}



/* ctg-lower */
.ctg-lower-ttl {
    font-size: 20px;
	font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px;
    margin-bottom: 40px;
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgry.gif);
}

.ctg-lower-list {
    overflow: hidden;
}
.ctg-lower-list li {
    width: 380px;
    margin-bottom: 45px;
}
.ctg-lower-list li:nth-child(odd) {
    float: left;
    clear: both;
}
.ctg-lower-list li:nth-child(even) {
    float: right;
}
.ctg-lower-list li a {
    display: block;
	color:#222;
    text-decoration: none;
   -webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.ctg-lower-list li a:hover {
   opacity: 0.7;
 }
.ctg-lower-list li .ctg-lower-thumb {
    margin-bottom: 10px;
}
.ctg-lower-list li p {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.7;
    padding-left: 10px;
    border-left: solid 5px #91983b;
	letter-spacing: 0.01em;
}


/* -----------------------------
sub category
------------------------------ */
.ctg-items {
    margin-bottom: 70px;
}
.ctg-items a {
    display: block;
    color: #222;
    text-decoration: none;
}
.ctg-items-list li {
	margin-bottom: 40px;
}
.ctg-items-list li:last-child {
	margin-bottom: 0;
}
.ctg-items .item-in {
    padding-bottom: 30px;
    border: solid 3px #973251;
    border-radius: 5px;
    position: relative;
}
.ctg-items .pickup {
    width: 104px;
    height: 104px;
    background: url(https://cocoscocos.itembox.design/item/images/icon_pickup.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 15px;
    left: 15px;
}
.ctg-items .item-copy {
    font-size: 20px;
    text-align: center;
    padding: 20px 10px;
    margin-bottom: 30px;
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotred.gif);
}
.ctg-items table {
    width: calc(100% - 70px);
    margin: auto;
}
.ctg-items table th {
	vertical-align:top;
	width:250px;
}
.ctg-items table td {
	vertical-align:top;
	padding-left:20px;
}

.ctg-items .item-top {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: dashed 1px #a15152;
}
.ctg-items .item-name {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 10px;
}
.ctg-items .item-price {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}
.ctg-items .item-price .tax {
    font-weight: normal;
    font-size: 12px;
    margin-left: 10px;
}
.ctg-items .item-type {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    background: #973251;
    color: #fff;
    border-radius: 3px;
    margin-left: 15px;
}
.ctg-items .item-desc {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 15px;
}
.ctg-items .item-view {
	display:inline-block;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
	padding: 10px 40px;
	background: #4d4d4d
}

/* ver2 */
.ver2 .item-in {
    border: solid 3px #91983b !important;
}
.ver2 .item-copy {
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgrn.gif);
}
.ver2 .item-type {
    background: #91983b !important;
}

/* ver3 */
.ver3 .item-in {
    border: solid 3px #ffe6ad !important;
}
.ver3 .item-copy {
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgrn.gif);
}
.ver3 .item-type {
    background: #ffe6ad !important;
}
/* ver4 */
.ver4 .item-in {
    border: solid 3px #ffb3b3 !important;
}
.ver4 .item-copy {
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgrn.gif);
}
.ver4 .item-type {
    background: #ffb3b3 !important;
}
/* ver5 */
.ver5 .item-in {
    border: solid 3px #ffb65b !important;
}
.ver5 .item-copy {
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgrn.gif);
}
.ver5 .item-type {
    background: #ffb65b !important;
}


/* ctg-more-items */
.ctg-more-items h3 {
    text-align: center;
    font-size: 20px;
    letter-spacing: 2px;
    background: url(https://cocoscocos.itembox.design/item/images/bg_dotgry.gif);
    padding: 10px;
    margin-bottom: 40px;
}
.ctg-more-list {
    overflow: hidden;
    margin: 0 auto;
    width: 625px;
}
.ctg-more-list li {
    width: 300px;
    float: left;
    margin: 0 0 25px 25px;
}
.ctg-more-list li:nth-child(2n + 1) {
    clear: both;
    margin: 0 0 25px 0;
}
.ctg-more-list li a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #222;
    padding: 15px 10px;
    background: #f2f1e6;
}