@charset "UTF-8";
.bxslider:after { display: block; content: ""; clear: both; }

.bxslider li { width: 337px; height: 300px; text-align: center; position: relative; margin: auto; }

@media all and (max-width: 375px) { .bxslider li { width: 250px; height: 250px; } }

.bxslider img { padding: 1px; max-width: 100%; width: auto; max-height: 300px; margin: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 375px) { .bxslider img { max-height: 250px; } }

.bx-wrapper { border: solid 1px #d6d6d6; margin-bottom: 8px; max-width: 370px !important; margin: auto; }

.bx-pager { position: relative; background: none; text-align: left; padding: 5px 0; margin-bottom: 8px; letter-spacing: -0.4em; }

@media all and (max-width: 640px) { .bx-pager { text-align: center; padding-top: 12px; } }

.bx-pager a { letter-spacing: normal; position: relative; display: inline-block; width: 64px; height: 64px; vertical-align: top; padding: 2px; text-align: center; /*
		&:after {
			content:"";position:absolute;z-index:0;top:0;left:0;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: 0.4;
		}
*/ }

.bx-pager a img { margin: auto; padding: 1px; border: solid 2px #FFF; width: auto; height: 54px; opacity: 0.5; }

.bx-pager a.active { border: solid 2px #78a41d !important; /*
			&:after {
				opacity: 0;
			}
*/ }

.bx-pager a.active img { opacity: 1; }

.notes { color: #454545; font-size: 1.1rem; margin-bottom: 8px; }

.shohinList__itemPrice { font-size: 1.8rem; }

@media all and (min-width: 769px) { .item__mainPackage { float: left; width: 53%; padding-right: 32px; } }

@media all and (min-width: 769px) { .item__mainInfo { overflow: hidden; } }

.item__mainInfo--title { font-weight: bold; font-size: 1.9rem; margin-bottom: 8px; }

@media all and (max-width: 640px) { .item__mainInfo--title { font-size: 1.8rem; line-height: 1.3; } }

.item__mainInfo--explanation1 { margin-bottom: 16px; }

.item__mainInfo .orderParts { text-align: center; padding: 10px 0; }

.item__mainInfo .pulldown { vertical-align: middle; margin: 0 3px 8px; }

.item__mainInfo .pulldown select { padding: 6px 35px 6px 6px; }

.item__mainInfo .zaikoNone { font-size: 1.4rem; line-height: 1.4; font-weight: bold; padding: 8px 0; }

#item_article, .item_article { clear: both; }

#item_article img, .item_article img { margin-bottom: 0; vertical-align: bottom; }

.itemNumber { color: #747474; font-size: 1.3rem; }

.title__big { font-size: 2.2rem; }

@media all and (max-width: 640px) { .title__big { line-height: 1.3; font-size: 1.6rem; } }

/*----- 詳細データ -----*/
.item__data { font-size: 1.2rem; border-radius: 3px; letter-spacing: -0.4em; margin-bottom: 24px; }

@media all and (max-width: 640px) { .item__data { padding: 0; } }

.item__data .item__data--title { letter-spacing: normal; font-size: 1.4rem; margin-bottom: 8px; font-weight: bold; background: #f2f2f2; padding: 5px 12px; }

.item__data dl { letter-spacing: normal; display: block; vertical-align: top; margin: 4px; border-bottom: solid 1px #000; border-bottom: solid 1px #000; margin-bottom: -1px; }

.item__data dt, .item__data dd { /*
		display: inline-block;
		vertical-align: top;
*/ padding: 5px 12px 7px 4px; line-height: 1.3; }

.item__data dt { float: left; font-weight: bold; -moz-text-align-last: justify; text-align-last: justify; width: 100px; }

.item__data dd { overflow: hidden; }

.item__hosokuInfo { margin-bottom: 14px; }

.review_star img { margin: 0 4px; }

/*----- 楽天HTML -----*/
.shouhinDetail table { line-height: 1.4; width: 100%; }

.txt03 div, .txt02 div, .txt01 div { width: inherit !important; }

.txt03 td font, .txt02 td font, .txt01 td font { display: inline-block; line-height: 1.5; }

.txt03 img, .txt02 img, .txt01 img { height: auto; vertical-align: bottom; max-width: inherit; max-width: 100%; }

.txt01 td { vertical-align: top; }

@media all and (-ms-high-contrast: none) { .txt01 table, .txt03 table { table-layout: fixed; } }

@media all and (-ms-high-contrast: none) { .txt01 *, .txt03 * { width: inherit !important; } }

.txt01 img, .txt03 img { max-width: 100% !important; }

.txt02 table { width: 100% !important; }

.txt02 table[width*="650"], .txt02 table[width*="600"] { width: auto !important; }

.txt02 td { vertical-align: middle; }

img[src*="/cabinet/common/s.gif"] { height: 1px; width: 100% !important; margin-bottom: 12px; }

img[src*="/cabinet/common/textlink-arrow.gif"] { height: 13px; margin-right: 4px; position: relative; top: 1px; max-width: inherit !important; display: none; }

/*----- 配送についてのご注意・ご案内 -----*/
.info__haisou { margin-bottom: 24px; }

.info__haisou--img { text-align: center; margin-bottom: 12px; }

@media all and (min-width: 769px) { .info__haisou--img { float: left; margin: 12px 24px; } }

@media all and (min-width: 769px) { .info__haisou--msg { overflow: hidden; padding: 8px 0; }
		.info__haisou--msg br { display: none; } }

.info__haisou--konpoImg { text-align: center; padding: 16px 0; }

.info__haisou--doukon { background: #fff8e1; border: solid 1px #ffe07b; padding: 8px; border-radius: 2px; font-size: 1.4rem; margin-bottom: 12px; }

.info__haisou--doukon em { display: block; font-weight: bold; }

.shouhinDetail__title { background: -webkit-repeating-linear-gradient(-55deg, #f4f4ee, #f4f4ee 10px, #fdfdfb 10px, #fcfcfc 20px); background: repeating-linear-gradient(-55deg, #f4f4ee, #f4f4ee 10px, #fdfdfb 10px, #fcfcfc 20px); font-weight: bold; font-size: 1.6rem; padding: 8px 12px; line-height: 1.3; margin-bottom: 12px; }

.shouhinDetail .shouhinDetail__catch { /*
		background: #fffde7;
		border: solid 1px #d7ccc8;
		border-radius: 1px;
*/ padding: 10px; margin: 10px auto; }

.shouhinDetail .shouhinDetail__catch * { margin: 0; padding: 0; }

.shouhinDetail .shouhinDetail__catch img { margin-bottom: 0; vertical-align: bottom; }

.shouhinDetail .shouhinDetail__catch br + br { display: none; }

.shouhinDetail .kanrenItem { padding-top: 24px; }

.shouhinDetail #item_article, .shouhinDetail .item_article { overflow: hidden; }

.shouhinDetail #item_article h3, .shouhinDetail .item_article h3 { background: #F0ECE9; padding: 3px 12px 2px; margin-bottom: 10px; font-weight: bold; }

.shouhinDetail #item_article .txt, .shouhinDetail .item_article .txt { padding: 8px; margin-bottom: 24px; }

.shouhinDetail #item_article h3 + .txt, .shouhinDetail .item_article h3 + .txt { padding-top: 0; }

#modal-overlay { z-index: 10; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.8); }

.modalWrap { display: none; position: relative; z-index: 10000; }

.modalBody { text-align: center; position: fixed; z-index: 10000; left: 50%; top: 50%; width: 300px; background: #ffffff; border: solid 5px #bababa; box-shadow: 0 0 0 1px #fff inset, 0 5px 16px 6px transparent; box-shadow: 0 3px 14px 3px rgba(0, 0, 0, 0.1); }

@media all and (max-width: 640px) { .modalBody { width: 250px; } }

.modalBody, .modalBody .modalInner { height: 240px; }

.modalBody .modalInner { display: table; width: 100%; padding: 12px; }

.modalBody .modalInner > .modalContent { display: table-cell; vertical-align: middle; text-align: center; }

.modalBody .modalInner > .modalContent .fa { border: 1px solid #ddd; padding: 20px 22px; line-height: 1; border-radius: 50%; font-size: 50px; color: #c1ac7c; margin-top: 10px; margin-bottom: 22px; }

.modalBody .modalInner > .modalContent p { font-weight: 400; font-size: 12px; font-size: 1.2rem; background: #78a41d; padding: 6px 0; color: #fff; }

.modalBody .modalInner > .modalContent p strong { font-size: 15px; font-size: 1.5rem; font-weight: bold; }
