@charset "UTF-8";
/* CSS Document */

/* toppage
----------------------------------- */
/* main */
#toppage #main .photo {
	height: 400px;
	background: url("/images/top/contents/index/main/main.jpeg") no-repeat;
	background-size: cover;
}
#toppage #main .comment {
	margin: 30px 30px 50px 30px;
}
#toppage #main h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
}
#toppage #main p {
	font-size: 18px;
	line-height: 160%;
}

/* section */
#toppage section .ttl {
	margin-bottom: 15px;
}
#toppage section .ttl h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
}
#toppage section .ttl a {
	padding-right: 20px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 100% 50%;
	background-size: 15px;
}

/* bnr */
#toppage #bnrs {
	margin: 50px 30px;
}
#toppage #bnrs ul {
}
#toppage #bnrs ul li {
	padding: 10px 0;
	text-align: center;
}
#toppage #bnrs ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 200px;
}
#toppage #bnrs ul li a:hover {
	text-decoration: none;
}
#toppage #bnrs ul li a .name {
	padding: 0;
	background: rgba(255,255,255,.8);
	width: 60%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0;
}
#toppage #bnrs ul li.supplier_search a {
	background: url("/images/top/contents/index/bnr_supplier.jpg") no-repeat;
	background-size: cover;
}
#toppage #bnrs ul li.fabric_search a {
	background: url("/images/top/contents/index/bnr_fabric.jpg") no-repeat;
	background-size: cover;
}
#toppage #bnrs ul li.about a {
	background: url("/images/top/contents/index/bnr_about.jpg") no-repeat;
	background-size: cover;
}
#toppage #bnrs ul li .name::after {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-right-circle-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M8%200a8%208%200%201%201%200%2016A8%208%200%200%201%208%200zM4.5%207.5a.5.5%200%200%200%200%201h5.793l-2.147%202.146a.5.5%200%200%200%20.708.708l3-3a.5.5%200%200%200%200-.708l-3-3a.5.5%200%201%200-.708.708L10.293%207.5H4.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: 20px;
	margin-top: 20px;
}

/* journal */
#toppage #journal {
	margin: 30px;
}
#toppage #journal ul {
}
#toppage #journal ul li {
	padding: 0 0 30px 0;
}
#toppage #journal ul li a {
	display: block;
}
#toppage #journal ul li a:hover {
	text-decoration: none;
}
#toppage #journal ul li .photo a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 30vh;
	background: #FFF;
}
#toppage #journal ul li .photo a img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
#toppage #journal ul li .cat {
	margin: 5px 0;
}
#toppage #journal ul li .cat a {
	background: #333;
	padding: 2px 5px;
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	line-height: 140%;
}
#toppage #journal ul li .date {
	font-size: 14px;
	line-height: 160%;
}
#toppage #journal ul li .author {
	font-size: 12px;
	line-height: 160%;
}
#toppage #journal ul li h3 {
	margin: 5px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}
#toppage #journal ul li .comment {
	font-size: 16px;
	line-height: 160%;
	margin: 10px 0;
}

/* registration */
#toppage .registration {
	background: url("/images/top/contents/index/registration_bg.jpg");
	padding: 20px;
	color: #FFF;
	margin: 50px 0;
}
#toppage .registration h3 {
	font-size: 24px;
	line-height: 160%;
	font-weight: bold;
	margin-bottom: 20px;
}
#toppage .registration p {
	margin: 0;
}
#toppage .registration .free {
	margin: 30px 0;
	font-size: 18px;
	line-height: 160%;
}
#toppage .registration .free strong {
	border-bottom: 5px double #FFF;
	padding-bottom: 5px;
}
#toppage .registration .btn {
	margin: 0 auto;
}
#toppage .registration .btn a {
	display: block;
	background: #FFF;
	border-radius: 5px;
	padding: 15px;
	font-size: 17px;
	line-height: 160%;
	color: #A50000;
	box-shadow: 4px 4px 0 rgba(205,151,68,.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
#toppage .registration .btn a::after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23A50000%22%20class%3D%22bi%20bi-arrow-right-circle-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M8%200a8%208%200%201%201%200%2016A8%208%200%200%201%208%200zM4.5%207.5a.5.5%200%200%200%200%201h5.793l-2.147%202.146a.5.5%200%200%200%20.708.708l3-3a.5.5%200%200%200%200-.708l-3-3a.5.5%200%201%200-.708.708L10.293%207.5H4.5z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-size: 25px;
	margin-left: 20px;
}

/* newsletter */
#toppage #newsletter {
	background: #FFF;
	border-radius: 15px;
	padding: 20px;
	margin: 30px;
}
#toppage #newsletter h3 {
	font-size: 24px;
	line-height: 160%;
	font-weight: bold;
	margin-bottom: 20px;
}
#toppage #newsletter p {
	margin: 0;
}
#toppage #newsletter .form {
	margin: 10px 0 0 0;
}

/* matching */
#toppage #matching {
	background: #FFF;
	border-radius: 15px;
	padding: 20px;
	margin: 30px;
}
#toppage #matching h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 160%;
	text-align: center;
}
#toppage #matching h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 160%;
	text-align: center;
}
#toppage #matching .ex {
    margin: 50px 0;
}
#toppage #matching .ex ul {
    margin-top: 10px;
}
#toppage #matching .ex ul li {
    margin: 15px 0;
    padding: 20px 20px 10px 20px;
    border: 1px solid #DDD;
    border-radius: 10px;
}
#toppage #matching.login .ex ul li {
    border: none;
    border-radius: 0;
    margin: 0 1% 15px 1%;
    padding: 20px 20px 10px 20px;
    border: 1px solid #DDD;
    border-radius: 10px;
    display: block;
    opacity: 1;
}
#toppage #matching.login .ex ul li a:hover {
    text-decoration: none;
    background: #faf7ef;
}
#toppage #matching .ex ul li h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
	margin: 0;
}
#toppage #matching .ex ul li .status {
    background: #333;
    padding: 2px 5px;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    line-height: 140%;
}
#toppage #matching .ex ul li .status.on {
    background: #A50000;
}
#toppage #matching .ex ul li p {
    margin: 5px 0;
}
#toppage #matching .ex ul li .price {
    border-top: 1px dashed #DDD;
    padding-top: 10px;
    margin-top: 15px;
}
#toppage #matching .ex ul li .price span {
    display: block;
    font-size: 13px;
    line-height: 140%;
}
#toppage #matching .btn {
    text-align: center;
}
#toppage #matching .btn ul {
}
#toppage #matching .btn ul li {
    margin: 0 0 15px 0;
}
#toppage #matching .btn ul li a {
    display: block;
    background: #FFF;
    border-radius: 5px;
    padding: 10px 0;
    font-size: 16px;
    line-height: 160%;
    box-shadow: 4px 4px 0 rgb(205 151 68 / 50%);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(205 151 68 / 50%);
}

/* suppliers */
#toppage #suppliers,
#toppage #reccomend,
#toppage #supporter {
	margin: 50px 30px;
}
#toppage .slick-list {
	margin: 15px auto;
	overflow: hidden;
}
#toppage #suppliers ul li,
#toppage #reccomend ul li {
	width: 25%;
	padding: 10px;
}
#toppage #suppliers ul li .photo,
#toppage #reccomend ul li .photo {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #FFF;
    height: 280px;
	margin-bottom: 10px;
}
#toppage #suppliers ul li .photo img,
#toppage #reccomend ul li .photo img {
	max-width: 100%;
    max-height: 100%;
}
#toppage #suppliers ul li .txt {
	padding: 10px;
	font-size: 14px;
	line-height: 160%;
}
#toppage #suppliers ul li .txt h3,
#toppage #reccomend ul li h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 10px;
}

/* supporter */
#toppage #supporter h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 160%;
	text-align: center;
	margin-bottom: 20px;
}
#toppage #supporter ul {
}
#toppage #supporter ul li {
	padding: 10px 0;
}
#toppage #supporter ul li .photo {
	margin-bottom: 15px;
}
#toppage #supporter ul li h3 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 160%;
}
#toppage #supporter ul li .position {
	margin: 15px 0;
	text-align: center;
}
#toppage #supporter ul li .message {
    position: relative;
    padding: 40px 0 0 0;
    box-sizing: border-box;
}
#toppage #supporter ul li .message:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: '”';
	font-family: "serif";
	font-style: italic;
    color: #cfcfcf;
    font-size: 80px;
    line-height: 100%;
    font-weight: 500;
}

.floatbnr {
	width: 90%;
	position: fixed;
	bottom: 20px;
	left: 50%;
	z-index: 100;
	margin: 0 0 0 -45%;
}
.floatbnr a {
	background: #e6cba1;
	padding: 15px;
	display: block;
	text-align: center;
}
.floatbnr a:hover {
	text-decoration: none;
}
.floatbnr h3 {
	font-size: 17px;
	font-weight: bold;
	line-height: 160%;
	margin: 0 0 10px 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0;
}
.floatbnr h3::after {
	display: inline-block;
    content: "";
    width: 17px;
    height: 17px;
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-arrow-right-circle-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cpath%20d%3D%22M8%200a8%208%200%201%201%200%2016A8%208%200%200%201%208%200zM4.5%207.5a.5.5%200%200%200%200%201h5.793l-2.147%202.146a.5.5%200%200%200%20.708.708l3-3a.5.5%200%200%200%200-.708l-3-3a.5.5%200%201%200-.708.708L10.293%207.5H4.5z%22%2F%3E%3C%2Fsvg%3E) no-repeat;
    background-size: 17px;
    margin-left: 10px;
}
.floatbnr p {
	font-size: 12px;
	line-height: 140%;
	margin: 0;
	padding: 10px;
	border: 1px solid #BBB;
	background: #FFF;
}

/* contents
------------------------------------------- */
#page_contents {
	margin: 65px 20px 20px 20px;
}

/* member
------------------------------------------- */
/* provisional registration _ login */
.member .provisional_registration,
.member .login {
	padding: 20px;
	margin: 0 auto;
	background: #EEE;
}
.member .provisional_registration p {
    margin: 0 0 20px 0;
    padding: 0;
}

/* registration */
.member .registration #customer,
.member .registration #customer_detail,
.member .registration #plan {
	margin: 0 auto 30px auto;
}
.member .registration #customer h2,
.member .registration #customer_detail h2,
.member .registration #plan h2 {
	margin: 0 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	font-size: 21px;
    line-height: 200%;
}
.member .registration .plan_guide {
	border: solid 1px #333;
	padding: 20px;
}
.member .registration .planlists {
}
.member .registration .planlists .box {
	padding: 15px;
	background: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 20px;
}
.member .registration .planlists .box p {
	margin: 5px 0 0 21px;
	font-size: 14px;
	line-height: 160%;
	font-weight: normal;
	display: block;
}
.member .registration .optionlists {
	position: relative;
	margin: 40px 0 0 0;
	padding: 15px;
	background: #EEE;
	border: solid 2px #FFF;
}
.member .registration .optionlists:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -17px;
	border: 10px solid transparent;
	border-bottom: 10px solid #FFF;
	z-index: 1;
}
.member .registration .optionlists h3 {
	margin: 0;
	font-size: 16px;
	line-height: 160%;
}
.member .registration .optionlists .message {
	margin: 0 0 15px 0;
}
.member .registration .optionlists label {
	border-top: 1px solid #FFF;
	padding: 10px;
	display: block;
}
.member .registration .optionlists label:first-child {
	border-top: none;
}
.member .registration .optionlists label .optionttl {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.member .registration .optionlists label p {
	margin: 0;
	padding: 0;
}
.member .registration .agree {
    text-align: center;
}
.member .registration .next_btn {
    margin: 50px 0 0 0;
}
.member .registration .next_btn a,
.member .registration .next_btn input {
    width: 60%;
    padding: 5px 0;
    background: #FFF url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 90% 50%;
    background-size: 10px;
    color: #333;
    display: block;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #333;
    text-decoration: none;
	cursor: pointer;
}
.member .registration .next_btn a:hover,
.member .registration .next_btn input:hover {
    background: #333 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 90% 50%;
    background-size: 10px;
    color: #FFF;
}

/* update */
.member .update .customer h3 {
	margin: 0 0 10px 0;
	padding: 0;
}
.member .update .customer h4 {
    margin: 0;
}
.member .update .customer h4::before {
    content: "▼";
}
.member .update #plan .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.member .update #plan .header h2 {
	margin-bottom: 0;
}
.member .update #plan .header a {
    padding: 3px 10px;
    background: #FFF;
    display: inline-block;
    text-decoration: none;
    width: 100px;
    text-align: center;
}

.member .update #option .inner {
    width: 95%;
    margin: 0 auto;
}
.member .update #option .inner p {
	margin: 0;
}
.member .update #option .inner .option_menu {
    margin: 30px 0 0 0;
    padding: 15px;
    background: #EEE;
    border: solid 2px #FFF;
}
.member .update #option .inner .option_menu .optionttl {
	font-weight: bold;
	font-size: 16px;
	line-height: 160%;
	margin-bottom: 10px;
}
.member .update #option .inner .option_menu p {
	margin: 0;
}

/* mypage
------------------------------------------- */
.mypage #mypagetop.row {
	margin: 0;
}
.mypage #mypagetop.row section {
	margin: 0 0 30px 0;
	border: 1px solid #333;
}
.mypage #mypagetop.row section .header {
	padding: 10px 10px 10px 20px;
	background: #333;
	color: #FFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mypage #mypagetop.row section .header h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 160%;
}
.mypage #mypagetop.row section .header a {
	padding: 3px 10px;
	background: #FFF;
	display: inline-block;
	text-decoration: none;
	width: 100px;
	text-align: center;
}
.mypage #mypagetop.row section h3 {
	margin: 0;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 160%;
	background: #EEE;
}
.mypage #mypagetop.row section ul {
	margin: 0;
	padding: 20px;
	list-style: none;
}
.mypage #mypagetop.row section ul li {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018l6-6-6-6%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 6px;
	background-size: 15px;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}
.mypage #mypagetop.row section ul li:last-child {
	margin-bottom: 0;
}

/* address */
.mypage #address_lists .add {
	padding: 20px;
	margin-bottom: 50px;
	background: #EEE;
}
.mypage #address_lists .add h2 {
	margin: 0;
}
.mypage #address_lists .add .link_btn {
	margin-top: 20px;
}
.mypage #address_lists .list {
}
.mypage #address_lists .list .box {
	padding: 20px;
	border: 1px solid #333;
	margin: 30px 0;
}
.mypage #address_lists .list .box h2 {
	margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #333;
    font-size: 18px;
    line-height: 160%;
}
.mypage #address_lists .list .box .edit {
	margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #333;
	text-align: right;
}
.mypage #address_lists .list .box .edit a {
	background: #DDD;
	width: 35px;
	height: 35px;
	display: inline-block;
	padding: 5px;
	text-align: center;
}
.mypage #address_lists .list .box .edit a:hover {
	text-decoration: none;
	background: #333;
	color: #FFF;
}

.mypage #address_add .add {
	background: #EEE;
	padding: 20px;
	margin: 0 auto;
}


/* swatches */
.mypage #swatches .history_search {
	padding: 20px;
	margin: 0 0 50px 0;
	background: #EEE;
}
.mypage #swatches .history_lists dl dt.date {
    border-bottom: 1px solid #000;
    margin: 0;
}
.mypage #swatches .history_lists dl dt.date::before {
	display: block;
	content: "依頼日時";
	font-weight: bold;
}
.mypage #swatches .history_lists dl dd::before {
	display: block;
	font-weight: bold;
}
.mypage #swatches .history_lists dl dd.order::before {
	content: "オーダー";
}
.mypage #swatches .history_lists dl dd.company::before {
	content: "会社名";
}
.mypage #swatches .history_lists dl dd.number::before {
	content: "件数";
}
.mypage #swatches .history_lists dl dd.disposal::before {
	content: "対応状況";
}

.mypage #swatches .info {
	border: 1px solid #333;
	padding: 20px;
	margin: 0 0 50px 0;
}
.mypage #swatches .info p {
	margin: 0;
}
.mypage #swatches .info dl {
    margin: 10px 0 0 0;
}

.mypage #swatches .swatches_lists dl dd.itemcode::before {
	content: "メーカー品番";
}
.mypage #swatches .swatches_lists dl dd.itemname::before {
	content: "品名";
}
.mypage #swatches .swatches_lists dl dd.supplier::before {
	content: "サプライヤー";
}
.mypage #swatches .swatches_lists dl dd.size::before {
	content: "サイズ";
}
.mypage #swatches .swatches_lists dl dd.weight::before {
	content: "重量";
}

/* email _ password */
.member .change_edit .change {
	background: #EEE;
    padding: 20px;
    margin: 0 auto;
}


/* form
------------------------------------------- */
.form #search,
.form #consultation {
	background: #EEE;
    padding: 20px;
    margin: 0  0 30px 0;
}
.form #search h2 {
	margin: 0 0 20px 0;
}
.form #search dl,
.form #consultation dl {
    margin: 0;
}
.form #search dl dt {
	margin: 0;
    padding: 10px 0 5px 0;
    border-top: 1px solid #BBB;
	font-weight: bold;
}
.form #consultation dl dt {
	margin: 0;
    padding: 0 0 5px 0;
	font-weight: bold;
}
.form #search dl dd,
.form #consultation dl dd {
    margin: 0 0 20px 0;
    padding: 0;
}
.form #search input[type="search"],
.form #consultation textarea {
    width: 100%;
    border: 1px solid #DDD;
    padding: 5px;
    border-radius: 0;
}
.form #search dl dd .checkbox_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form #search dl dd .checkbox_flex label {
    width: 50%;
    margin: 5px 0;
    padding: 0 5px;
    line-height: 140%;
}
.form #search dl dd .label_full label {
	width: 100%;
	display: block;
}

/* omotenashi */
#omotenashi .flow {
    padding: 20px;
    margin: 0 0 30px 0;
	border: 1px solid #333;
}
#omotenashi .flow h2 {
	margin: 0 0 20px 0;
}
#omotenashi .flow p {
	margin: 0;
	display: block;
}
#omotenashi .result {
	margin: 30px 0 10px 0;
}
#omotenashi .supplier_list {
	display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 20px 0;
}
#omotenashi .supplier_list div {
	margin: 0 20px 0 0;
}
#omotenashi .supplier_list div:last-child {
	margin: 0;
}

.omotenashi #omotenashi_lists .page-desc {
    padding: 10px;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
}
.omotenashi #omotenashi_lists dl {
	padding: 20px;
    border: 5px solid #EEE;
    margin: 20px 0;
}
.omotenashi #omotenashi_lists dl.ttl {
    display: none;
}
.omotenashi #omotenashi_lists dl dt{
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #BBB;
}
.omotenashi #omotenashi_lists dl dd {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #BBB;
}
.omotenashi #omotenashi_lists dl dd:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.omotenashi #omotenashi_lists dl dt::before,
.omotenashi #omotenashi_lists dl dd::before {
    display: block;
    font-weight: bold;
}
.omotenashi #omotenashi_lists dl dt.date::before {
    display: block;
    content: "発信日";
    font-weight: bold;
}
.omotenashi #omotenashi_lists dl dd.number::before {
    display: block;
    content: "リスト件数";
    font-weight: bold;
}
.omotenashi #omotenashi_lists dl dd.content::before {
    display: block;
    content: "相談内容";
    font-weight: bold;
}
.omotenashi #omotenashi_lists dl dd.content .alert {
	margin: 10px 0;
}
.omotenashi #omotenashi_lists .supplierlist .ttl {
    display: none;
}
.omotenashi #omotenashi_lists .supplierlist dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    border: 0;
    padding: 0;
}
.omotenashi #omotenashi_lists .supplierlist dt {
    width: 10%;
    margin: 0;
    border: 0;
    padding: 5px;
}
.omotenashi #omotenashi_lists .supplierlist dd {
    border: 0;
    padding: 5px;
}
.omotenashi #omotenashi_lists .supplierlist dd.supplier {
    width: 70%;
    text-align: left;
    margin: 0;
}
.omotenashi #omotenashi_lists .supplierlist dd.supplier a {
    text-decoration: underline;
}
.omotenashi #omotenashi_lists .supplierlist dd.disposal {
    width: 20%;
    margin: 0;
    text-align: center;
}

/* item
------------------------------------- */
/* fabric_lists */
#page_contents.fabric_lists {
	margin: 100px 0 0 0;
}
#fabric_lists .sort {
    margin: 30px 0;
    display: flex;
    justify-content: flex-end;
}
#fabric_lists .sort div {
    margin: 0 0 0 15px;
}
#page_contents.fabric_lists #fabric_lists {
	padding: 20px;
}
.item #fabric_lists {
	margin: 0 auto;
}
#page_contents.fabric_lists .ttl_area {
	text-align: center;
	margin: 0;
}
#page_contents.fabric_lists .ttl_area .ttl_box {
}
.item #fabric_lists ul.bnr {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.item #fabric_lists ul.bnr li {
	width: 50%;
	padding: 10px;
	margin: 0;
}

.item #fabric_lists #search {
	padding: 0;
	background: none;
}
.item #fabric_lists .tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
}
.item #fabric_lists .tabs label.tab_item,
.item #fabric_lists .tabs .space {
	width: 33.33333333%;
	text-align: center;
	color: #333;
	display: block;
	text-align: center;
	transition: all 0.2s ease;
	padding: 15px 10px;
	margin: 0;
	font-size: 12px;
	line-height: 120%;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
}
.item #fabric_lists .tabs label.tab_item.b_right,
.item #fabric_lists .tabs label.tab_item.b_right-sp,
.item #fabric_lists .tabs .space {
    border-right: 1px solid #333;
}
.item #fabric_lists .tabs input:checked + .tab_item {
	background: #333;
	color: #FFF;
}
.item #fabric_lists .tabs .link_btn {
    width: 100%;
}

.item #fabric_lists .tab_item:hover {
	opacity: 0.7;
}
input[name="tab_item"] {
	display: none;
}
.item #fabric_lists .tab_content {
	display: none;
	width: 100%;
}
.item #fabric_lists #item:checked ~#item_content,
.item #fabric_lists #material:checked ~#material_content,
.item #fabric_lists #composition:checked ~#composition_content,
.item #fabric_lists #function:checked ~#function_content,
.item #fabric_lists #conditions:checked ~#conditions_content {
	display: block;
	padding: 20px;
    border: 1px solid #333;
}
.item #fabric_lists .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    border: 1px solid #333;
    border-top: 0;
    width: 100%;
    margin: 0;
}
.item #fabric_lists .tags div {
    margin: 0 20px 0 0;
}
.item #fabric_lists .tags div:last-child {
    margin: 0;
}
.item #fabric_lists .keyword {
    border: 1px solid #333;
    border-top: 0;
    width: 100%;
	padding: 20px;
}
.item #fabric_lists .keyword dl {
	align-items: center;
}
.item #fabric_lists .keyword dl .flex,
.item #fabric_lists .keyword input[type="submit"],
.item #fabric_lists .keyword dd {
	margin-bottom: 0;
}

/* fabric_detail */
.item .badge a {
	display: inline-block;
	padding: 2px 10px;
	font-size: 13px;
	line-height: 140%;
	letter-spacing: -0.5px;
    background: #DDD;
}
.item .badge a:hover {
	background: #333;
	color: #FFF;
	text-decoration: none;
}
.item .itemname {
	margin: 15px 0;
}
.item .itemname h1 {
	font-size: 24px;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
.item .itemname p {
    margin: 0;
}
.item #fabric_detail #photos ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.item #fabric_detail #photos ul.thumbnail {
	display: flex;
	flex-wrap: wrap;
}
.item #fabric_detail #photos ul li {
	margin: 0;
	padding: 0;
}
.item #fabric_detail #photos ul.main li {
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.item #fabric_detail #photos ul.main li img {
	width: 100%;
	max-width: none;
	height: auto;
	max-height: 500px;
}
.item #fabric_detail #photos ul.thumbnail li {
	width: 31.333%;
    height: 100px;
    border: #faf7ef 3px solid;
    margin: 1%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EEE;
}
.item #fabric_detail #photos ul.thumbnail li.active {
    border: #333 3px solid;
}
.item #fabric_detail #photos ul.thumbnail li img {
    max-width: 100%;
    height: auto;
}
.item #fabric_detail #photos ul.thumbnail li img {
    max-height: 100%;
    width: auto;
}

.item #fabric_detail #detail_box .tabs {
	display: flex;
	flex-wrap: wrap;
}
.item #fabric_detail #detail_box .tabLabel {
	padding: 10px;
	order: -1;
	color: #333;
	transition: .5s;
	cursor: pointer;
    text-align: center;
    width: 33.333333%;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
    line-height: 140%;
}
.item #fabric_detail #detail_box .tabLabel.b_right {
	border-right: 1px solid #333;
}
.item #fabric_detail #detail_box .tabLabel.linknone {
	cursor: auto;
	color: #DDD;
}
.item #fabric_detail #detail_box .tabs input {
	display: none;
}
.item #fabric_detail #detail_box .content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
    padding: 0;
}
.item #fabric_detail #detail_box input:checked + .tabLabel {
	color: #FFF;
	background: #333;
}
.item #fabric_detail #detail_box input:checked + .tabLabel + .content {
	padding: 20px;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
    border: 1px solid #333;
}
.item #fabric_detail #detail_box .content iframe {
    width: 100%;
}
.item #fabric_detail #detail_box .message {
	margin-bottom: 50px
}
.item #fabric_detail #detail_box .message p {
	margin: 0 0 10px 0;
}
.item #fabric_detail #detail_box .message p:last-child {
	margin: 0;
}
.item #fabric_detail .info {
	margin-bottom: 30px;
}
.item #fabric_detail .info:last-child {
    margin-bottom: 0;
}
.item #fabric_detail .info h2 {
	font-size: 18px;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
.item #fabric_detail .info dl {
	padding: 0;
	margin: 10px 0 0 0;
}
.item #fabric_detail .info dl dd .chart,
.item #fabric_detail .info dl dd .chart ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: center;
	border: 0;
}
.item #fabric_detail .info dl dd .chart {
	margin: 10px 0;
}
.item #fabric_detail .info dl dd .chart .name_f,
.item #fabric_detail .info dl dd .chart .name_l {
	width: 15%;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: -1px;
}
.item #fabric_detail .info dl dd .chart .name_f {
	text-align: right;
}
.item #fabric_detail .info dl dd .chart ul {
	margin: 0 10px;
}
.item #fabric_detail .info dl dd .chart ul li {
	width: 20px;
	margin: 0 5px;
	height: 10px;
    background: #DDD;
}
.item #fabric_detail .info dl dd .chart ul li.select {
	background: #333;
}
.item #fabric_detail .info dl dd .message {
	margin: 10px 0 0 0 !important;
}
.item #fabric_detail .info ul {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #333;
}
.item #fabric_detail .info ul.spec {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
.item #fabric_detail #detail_box .content iframe {
    max-width: 100%;
}

.cart #order h2 {
	font-size: 21px;
	line-height: 180%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333;
	padding: 0;
}
.cart #order dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
    align-items: center;
}
.cart #order dl dt {
	width: 15%;
	margin: 0;
	padding: 0 10px;
	line-height: 100%;
}
.cart #order dl dd {
	width: 35%;
	margin: 0;
	padding: 0 10px;
	text-align: right;
}
.cart #order dl dd select {
	width: 100%;
	border: 1px solid #DDD;
}

.cart #order #business_practice .header {
    margin-bottom: 30px;
}
.cart #order #business_practice dl {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 !important;
}
.cart #order #business_practice dl dt {
    font-size: 15px;
    line-height: 160%;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}
.cart #order #business_practice dl dd {
    font-size: 14px;
    line-height: 160%;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 10px;
    text-align: left;
}
.cart #order #business_practice dl dd:last-child {
    margin-bottom: 0;
}
.cart #order #business_practice dl dd span {
    margin-bottom: 5px;
    display: block;
}
.cart #order #business_practice dl dd label span {
    margin-bottom: 15px;
    text-indent: 0;
}

.item #order .link_line,
.item #order .link_btn.cart {
	margin: 10px 0 0 0;
	letter-spacing: -0.5px;
}
.cart #order .link_btn.cart {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cart #order .link_btn.cart a,
.cart #order .link_btn.cart input {
	width: 48%;
	padding: 10px;
	font-size: 14px;
	line-height: 160%;
	margin: 10px auto;
}
.cart #order .link_btn.cart a:hover {
	background: #FFF;
}
.cart #order .link_btn.cart input.disabled,
.cart #order .link_btn.cart input.disabled:hover {
    background: #EEE;
    color: #999 !important;
    border: none;
    cursor: auto;
}
.cart #order .comment_area {
	background: #EEE;
	padding: 20px;
	margin: 30px 0;
}
.cart #order .comment_area p {
	margin: 0 0 5px 0;
}
.cart #order .comment_area textarea {
	border: 1px solid #DDD;
	width: 100%;
	height: 100px;
}
.cart #order .comment_area small {
	display: block;
	line-height: 180%;
}

.item #order {
    margin: 20px 0 50px 0;
}
.item #order .price span {
    font-size: 18px;
    line-height: 160%;
}
.item #order .cartbtn {
    display: flex;
    margin: 20px 0;
}
.item #order .cartbtn .cart_btn {
    width: 80%;
    background: #DDD url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M2.5%202.5h3l2.7%2012.4a2%202%200%200%200%202%201.6h7.7a2%202%200%200%200%202-1.6l1.6-8.4H7.1%22%2F%3E%3C%2Fsvg%3E') no-repeat 10px 50%;
    transition: 0.5s;
    padding: 15px 0;
    border: none;
	text-align: center;
}
.item #order .cartbtn .cart_btn:hover {
    background: #333 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220.5%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M2.5%202.5h3l2.7%2012.4a2%202%200%200%200%202%201.6h7.7a2%202%200%200%200%202-1.6l1.6-8.4H7.1%22%2F%3E%3C%2Fsvg%3E') no-repeat 10px 50%;
    color: #FFF;
    border: 0;
	text-decoration: none;
}
.item #order .cartbtn .favorite_btn {
    width: 20%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    text-indent: -9999px;
    background-size: 20px;
    border: 1px solid #333;
}
.item #order .cartbtn .favorite_btn:hover {
    background: #333 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    text-indent: -9999px;
    background-size: 20px;
}
.item #order .cartbtn .favorite_btn.on {
    background: #333 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    text-indent: -9999px;
    background-size: 20px;
    border: 0;
}

.item #sns {
	margin: 0 auto;
}
.item #sns div {
	display: flex;
	justify-content: center;
	margin: 0 0 50px 0;
}


/* cart
------------------------------ */
.cart #order_lists dl {
	position: relative;
}
.cart #order_lists dl.order_box dd.remove {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 35px;
	height: 35px;
}
.cart #order_lists dl.order_box dd.remove a {
    width: 35px;
    height: 35px;
    display: inline-block;
    padding: 5px;
    text-align: center;
	text-indent: -9999px;
	background: #DDD url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%223%206%205%206%2021%206%22%3E%3C%2Fpolyline%3E%3Cpath%20d%3D%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%200V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%3E%3C%2Fpath%3E%3Cline%20x1%3D%2210%22%20y1%3D%2211%22%20x2%3D%2210%22%20y2%3D%2217%22%3E%3C%2Fline%3E%3Cline%20x1%3D%2214%22%20y1%3D%2211%22%20x2%3D%2214%22%20y2%3D%2217%22%3E%3C%2Fline%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
	background-size: 20px;
}
.cart #order_lists dl.order_box dd.remove a svg {
	width: 80%;
}

.cart #order h2 {
	font-size: 21px;
	line-height: 180%;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #333;
	padding: 0;
}
.cart #order dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 15px 0;
	padding: 0;
}
.cart #order dl dt {
	width: 30%;
	margin: 0;
	padding: 0 10px;
	line-height: 100%;
}
.cart #order dl dd {
	width: 70%;
	margin: 0;
	padding: 0 10px;
	text-align: right;
}
.cart #order .link_btn {
	margin: 10px 0 0 0;
	letter-spacing: -0.5px;
}
.cart #order .link_btn.cart a {
	padding: 10px;
	font-size: 14px;
	line-height: 160%;
	margin: 10px 0;
	background: #333;
}
.cart #order .link_btn.cart a:hover {
	background: #FFF;
}
.cart #order .delivery_address p {
	margin: 0;
}
.cart #order .delivery_address select {
	width: 100%;
    border: 1px solid #DDD;
	margin-bottom: 20px;
}

.cart .notice {
	margin: 0;
	padding: 20px;
	background: #EEE;
}
.cart .notice h2 {
	text-align: center;
	font-size: 18px;
	line-height: 180%;
	margin: 0;
	padding: 0;
}




/* supplier
------------------------------------------- */
#supplier_mainphoto {
    height: 60vh;
}
#supplier_header {
    margin: 60px 0 0 0;
}
#supplier_header h1 {
	margin: 0;
}
#supplier_header #menu {
	margin: 20px 0;
	z-index: 90;
}
#supplier_header #menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    display: flex;
    flex-wrap: wrap;
}
#supplier_header #menu ul li {
	padding: 0;
	margin: 0;
    width: 50%;
}
#supplier_header #menu ul li a {
	padding: 10px 20px 10px 10px;
	display: block;
	width: 100%;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E) no-repeat 95% 50%;
    background-size: 15px;
    text-align: left;
    letter-spacing: 0;
}
#supplier_header #menu ul li a:hover {
	background: #DDD url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E) no-repeat 95% 50%;
    background-size: 15px;
	text-decoration: none;
}

#supplier_detail h2 {
	text-align: center;
	font-size: 23px;
	line-height: 160%;
}
#supplier_detail #story,
#supplier_detail #movie,
#supplier_detail #profile,
#supplier_detail #newarrival,
#supplier_detail #recommend,
#supplier_detail #archive,
#supplier_detail #info {
	margin-bottom: 80px;
}
#supplier_detail #info {
	margin-bottom: 30px;
}
#supplier_detail figure {
	margin: 0 0 15px 0;
}

#supplier_detail #story h3 {
	text-align: center;
	font-size: 21px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
#supplier_detail #story .story_box {
	margin: 0 0 60px 0;
}
#supplier_detail #story .story_box:last-child {
	margin-bottom: 0;
}
#supplier_detail #story .story_box figure {
	margin: 0 0 30px 0;
}
#supplier_detail.default #profile figure {
	margin: 0 20px;
}
#supplier_detail #profile .sns {
	margin-top: 30px;
}
#supplier_detail #profile .sns a {
	margin: 0 5px;
}

#supplier_detail #movie1 iframe {
    width: 100%;
    height: 300px;
}
#supplier_detail #movie ul.lists_column {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
#supplier_detail #movie ul.lists_column li {
    padding: 15px;
    margin: 0;
    width: 50%;
    word-wrap: break-word;
}
#supplier_detail #movie ul.lists_column li iframe {
    width: 100%;
    height: 120px;
}

#supplier_detail #info h3 {
	font-size: 21px;
	line-height: 160%;
	margin: 0 0 10px 0;
}
#supplier_detail #info h4 {
	font-size: 16px;
	line-height: 160%;
	margin: 30px 0 10px 0;
}
#supplier_detail #info .shipper {
	background: #FFF;
	padding: 10px;
	margin-bottom: 15px;
}
#supplier_detail #info .box_padd {
    background: #EEE;
}

/* search */
#supplier_detail #search {
    background: transparent;
}
#supplier_detail #search .searchform,
.archive #search .searchform {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
#supplier_detail #search .searchform input[type="text"] {
	width: 85%;
    background: transparent;
	border: 0;
    border-bottom: 1px #333 solid;
}
#supplier_detail #search .searchform input[type="submit"] {
	width: 15%;
	border-left: 0;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) no-repeat 50% 50%;
    background-size: 24px;
	text-indent: -9999px;
	border: 0;
    border-bottom: 1px #333 solid;
}
.archive #search .searchform span {
	display: none;
}
.archive #search .searchform input[type="text"] {
	width: 90%;
    border: none;
    border-bottom: 1px solid #333;
    background: transparent;
}
.archive #search .searchform input[type="submit"] {
	width: 10%;
	border-left: 0;
	background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) no-repeat 80% 50%;
    background-size: 24px;
	text-indent: -9999px;
    border: none;
    border-bottom: 1px solid #333;
}

#page_contents.supplier .floatbnr {
	position: fixed;
	bottom: 0;
	left: 0;
    width: 85%;
    z-index: 100;
}
#page_contents.supplier .floatbnr a {
	background: #DDD url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 10px 50%;
	padding: 15px 15px 15px 30px;
	width: 100%;
	color: #333;
	display: flex;
    align-items: center;
    justify-content: center;
	line-height: 150%;
    height: 50px;
}
#page_contents.supplier .floatbnr.on a {
	background: #333 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.84%204.61a5.5%205.5%200%200%200-7.78%200L12%205.67l-1.06-1.06a5.5%205.5%200%200%200-7.78%207.78l1.06%201.06L12%2021.23l7.78-7.78%201.06-1.06a5.5%205.5%200%200%200%200-7.78z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E') no-repeat 10px 50%;
	color: #FFF;
}

/* fee1 */
#supplier_detail.fee1 #story {
	width: 100%;
}
#supplier_detail.fee1 #story .story_box {
	margin-bottom: 50px;
}
#supplier_detail.fee1 #story .story_box figure {
	width: 100%;
}
#supplier_detail.fee1 #story .story_box .comment {
	margin: 10px 0 20px 0;
}
#supplier_detail.fee1 #story .story_box:nth-child(odd) .comment {
	left: 0;
	right: auto;
}
#supplier_detail.fee1 #story .story_box .comment h3 {
	text-align: left;
}

/* fee2 */
#supplier_detail.fee2 {
	width: 100%;
	overflow: hidden;
}
#supplier_detail.fee2 #story {
	position: relative;
	margin-bottom: 100px;
}
#supplier_detail.fee2 #story .story_box {
	padding: 0;
}

/* modal */
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.popup h3 {
	text-align: center;
    font-size: 21px;
    line-height: 180%;
    margin: 0;
    padding: 0;
}
.popup.is-show {
	opacity: 1;
	visibility: visible;
}
.popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 600px;
	padding: 30px;
	background-color: #fff;
	z-index: 2;
}
.popup-inner img {
	width: 100%;
}
.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.close-btn i {
	font-size: 20px;
	color: #333;
}
.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	cursor: pointer;
}




/* blog
----------------------------------- */
#container.blog {
    margin-top: 60px;
}
.blog #content {
    margin: 0;
}
.blog #content .bread {
    margin: 0 20px 15px 20px;
    list-style: none;
    padding: 0;
    display: block;
    font-size: 13px;
    line-height: 160%;
    color: #555;
}
.blog #content .bread li {
    display: inline;
}
.blog #content .bread li::after {
    content: ">";
    margin: 0 10px;
}
.blog #content .bread li:last-child::after {
    content: "";
    margin: 0;
}
.blog #content .icatch {
    height: 50vh;
    background-position: center !important;
}
.blog #content .post {
    margin: 30px 20px;
}
.blog #content .post .information {
    margin-bottom: 60px;
}
.blog #content .post .information .tags ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 140%;
}
.blog #content .post .information .tags ul li {
    margin: 0 5px 0 0;
    padding: 0;
}
.blog #content .post .information .tags ul li:last-child {
    margin: 0;
}
.blog #content .post .information .tags ul li a {
    padding: 2px 10px;
    border: 1px solid #333;
    text-decoration: none;
    display: inline-block;
}
.blog #content .post .information .tags ul li a:hover {
    background: #333;
    color: #FFF;
}
.blog #content .post .information h1 {
    margin: 20px 0;
    padding: 0;
    font-size: 21px;
    line-height: 160%;
}
.blog #content .post .information .en {
    margin: 0;
}
.blog #content .post .information .date {
    display: flex;
    justify-content: flex-end;
    font-weight: bold;
    margin-top: 30px;
}
.blog #content .post .information .date p {
    margin: 0 15px 0 0;
}
.blog #content .post .information .date p:last-child {
    margin: 0;
}

.blog #content .post section {
    margin: 0;
}
.blog #content .post section h2 {
    margin: 0 0 15px 0;
    font-size: 18px;
    line-height: 160%;
    padding: 0;
    border-top: 1px solid #DDD;
}
.blog #content .post section .message {
    margin: 30px 0;
}
.blog #content .post section .image figure {
    margin-bottom: 0;
}
.blog #content .post section figure figcaption {
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 160%;
    color: #555;
}
.blog #content .post section .free {
    margin: 30px 0 0 0;
}

/* error
----------------------------------- */
#page_contents.error {
    text-align: center;
}
#page_contents.error .logo {
    padding: 10px;
}
#page_contents.error .logo img {
    width: 80%;
    height: auto;
}
#page_contents.error .links,
#page_contents.error .entry {
    background: #EEE;
    padding: 0;
    margin-bottom: 30px;
    text-align: left;
}
#page_contents.error .links .box {
    padding: 20px;
}
#page_contents.error .links .box:last-child {
    border-top: 1px solid #333;
}
#page_contents.error .entry {
	padding: 20px;
	margin: 0 auto 50px auto;
}
#page_contents.error .entry dl {
	margin: 15px 0;
	padding: 0;
	text-align: left;
}
#page_contents.error .entry dl dt {
	margin: 0;
	padding: 5px 0 0 0;
}
#page_contents.error .entry dl dd {
	margin: 0;
	padding: 5px 0 10px 0;
}
#page_contents.error .entry dl dd input {
	width: 100%;
}
#page_contents.error p {
    margin: 0;
}
#page_contents.error p.en {
    font-size: 12px;
    line-height: 160%;
    margin-top: 10px;
}
#page_contents.error .notfound {
    text-align: left;
}

/* preview mode
----------------------------------- */
header.preview_mode {
	padding: 10px 15px;
	background: #333;
	color: #FFF;
	display: flex;
	justify-content: space-between;
	border: 0;
	align-items: center;
	font-size: 12px;
}
header.preview_mode select {
	font-size: 12px;
}

/* archive
----------------------------------- */
.archive #archive_detail #photobox img {
	width: 100%;
	height: auto;
}
.archive #archive_detail #detail_box {
	margin-top: 20px;
}
.archive #archive_detail #detail_box p {
	margin: 0;
}
.archive #archive_detail #detail_box .suppliername {
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 20px;
}
.archive #archive_detail #detail_box .contact {
	border-top: 1px solid #333;
	padding-top: 20px;
	margin-top: 20px;
}
.archive #archive_detail #detail_box .share {
	border-top: 1px solid #333;
	padding-top: 20px;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}
.archive #archive_detail #detail_box .share p {
	margin-right: 10px;
}
.cart_comment {
	font-size: 18px;
	text-align: center;
}