@charset "utf-8";

/* ==============================
Smartphone works layout
Site Name: SULK;
Date: 2018.03;
================================= */

/* single
--------------------------------- */
.works #main {
	margin-bottom: 80px;
}
/* slider */
.single__sliders {
	position: relative;
}
.single__sliders img {
	width: 100%;
}
#expansion {
	background-color: #333;
	color: white;/* #ebf0f0 */
	line-height: 32px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
}
/* summary */
#summary {
	border-top: 1px solid rgba(51,51,51,.15);
	margin-top: 80px;
	padding-top: 36px;
}
#summary .ttl03 {
	margin-bottom: 12px;
}
#summary .price {
	font-size: 18px;
	font-weight: 900;
	line-height: 1.6;
	margin-top: 16px;
	margin-bottom: 24px;
}
#summary02 {
	background-color: rgba(51,51,51,.15);
	margin-top: 40px;
	padding: 24px;
}
/* summary data */
#summary__data {
	padding-bottom: 24px;
}
#summary__data dl {
	display: flex;
	line-height: 2;
}
#summary__data dt {
	font-size: 11px;
	font-weight: 700;
	margin-right: 16px;
	width: 80px;
}
#summary__data dd {
	font-size: 12px;
}
#summary02 #summary__data {
	margin-bottom: 24px;
	border-bottom: 1px solid rgba(51,51,51,.3);
}
/* summary product */
#product__data {
	padding-bottom: 32px;
}
/* summary sns */
#summary .sns {
	border-bottom: 1px solid rgba(51,51,51,.15);
	margin-bottom: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
}
/* summary related */
#related-page {
	font-size: 12px;
	font-weight: 700;
	line-height: 2.4;
	list-style: none;
}
#related-page a {
	color: #333;
}
#related-page i {
	color: #777;
	margin-left: 4px;
}
/* txts */
/* txts entry */
article .txts {
	padding-top: 44px;
	margin-bottom: 56px;
}
article .txts #entry {
	margin-bottom: 28px;
}
article .txts .note {
	font-size: 11px;
}
/* slider */
.single__slider img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	max-height: 100vw;
}
/* magnific-popup */
.mfp-bottom-bar {
	padding-top: 16px;
}
.mfp-title {
	font-size: 12px;
	line-height: 1.8!important;
	padding: 0 16px 0;
}
/* cartjs */
#color-me div,
.cartjs_box,
.cartjs_product_table,
.cartjs_cart_in,
.cartjs_box table {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
.cartjs_box th {
	border: none !important;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
	width: 90px;
}
.cartjs_box td {
	color: black !important;
	border: none !important;
	padding: 0 !important;
}
input[type="text"],
select {
	font-size: 13px;
	border: 1px solid #d0d4d4;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px;
	height: 44px;
}
input[type="submit"] {
	margin-top: 24px;
}
#product__submit {
	margin-top: -10px !important;
}