@charset "utf-8";

/* 物品調達システム対応 */
/* 全国版SOMの生協店舗選択欄 */
.som{
	margin-top: 10px;
}
.somSelect{
	width: 100%;
}

/* べんりねっと改修対応 */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:1;
    left:0px;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 350px;
}
/* /べんりねっと改修対応 */

ol.customerInfoDialog li {
margin-bottom: 10px;
}

/* テーブル */
table.forPC tr th.GoodsImageTitle { width:8%; min-width:100px; }
table.forPC tr th.GoodsNameTitle { width:40%; }
table.forPC tr th.GoodsAmountTitle { width:5%; }
table.forPC tr th.GoodsPriceTitle { width:9%; }
table.forPC tr th.GoodsTotalPriceTitle { width:10%; }
table.forPC tr th.DeliveryDateTypeTitle { width:12%; }
table.forPC tr th.DeleteLinkTitle { width:8%; min-width:50px; }

#headerGroupRow_0 {
	position: relative;
}

/* あとXXX円で送料無料 */
.cart_msg_deliver_container {text-align: right; }
.cart_msg_deliver_container em { font-weight:bold; padding:0 2px; }
.cart_msg_deliver_container .cart_msg_deliver { border:1px solid #ccc; padding:2px 8px 1px 8px; display:inline-block; position:relative; }
.cart_msg_deliver_container .cart_msg_deliver.cart_msg_top {margin-bottom: 10px; }
.cart_msg_deliver_container .cart_msg_deliver.cart_msg_bottom {margin-top: 10px; }

table { width: auto; }
#cart_info_group { width: 74%; }

/* 数量 */
table td.cart_quantity .quantity_select { width: 100%; }
table.cart .quantity_select > * { float: none; }
table td.cart_quantity .quantity_select input[type="text"] { width: 62px; }
table td.cart_quantity .quantity_select input[type="button"] { float: left; width: 50%; padding:0; }

.cart_total_container.bottom { width: 300px; position: absolute; float: none; }

/* ご注文手続きへ・買い物を続ける */
.price_sum_container .ctrl_container a { font-size:1.2em; width:48%; margin:20px 0; padding:14px 10px; text-align:center; display:inline-block; position:relative; }
.price_sum_container .ctrl_container a::before,
.price_sum_container .ctrl_container a:hover::before { font-family:"FontAwesome"; font-size:0.9em; position:absolute; top:13px; }
.price_sum_container .ctrl_container a:hover { text-decoration:none; }
/* ご注文手続きへ */
.price_sum_container .ctrl_container .cart_btn_order { background:#fc1726; color:#fff; border:1px solid #fc1726; font-weight:bold; float: none; width:100%;}
.price_sum_container .ctrl_container .cart_btn_order::before,
.price_sum_container .ctrl_container .cart_btn_order:hover::before { content:"\f138"; right:4%; }
.price_sum_container .ctrl_container .cart_btn_order:hover { background-color:#fd5c67; border-color:#fd5c67; }
/* 買い物を続ける */
.price_sum_container .ctrl_container .cart_btn_more_shopping { background:#fff; color:#333; border:1px solid #ccc; }
.price_sum_container .ctrl_container .cart_btn_more_shopping::before { content:"\f137"; left:4%; }
.price_sum_container .ctrl_container .cart_btn_more_shopping:hover { background-color:#999; color:#fff; border-color:#999; }
/* 見積書を発行する */
.price_sum_container .ctrl_container a.icon_list.printer { border:1px solid #ccc; margin:0; width:100%;}
.price_sum_container .ctrl_container a.icon_list.printer::before { padding-left:4%; }

/* wait_dialog*/
#wait_dialog_message {
	position: fixed;
	top: 50%;
	left: 50%;
}

@media (max-width:1297px) {
	#cart_info_group {
		width: 100%;
	}

	.cart_total_container.bottom {
		width: 500px;
		position: relative;
		margin: 20px 0 0 0;
		float: right;
	}
}

@media (max-width:600px) {
	/* コンテンツ */
	.contents { padding-top:0; }
	/* あとXXX円で送料無料 */
	#cart_info_group { display:none; }
	.cart_total_container .cart_info_container { margin:10px; }
	.cart_total_container .cart_msg_deliver_container { background:none; padding-left:0;}
	.cart_msg_deliver_info { word-break: break-word; }
	/*.cart_total_container .cart_msg_deliver_container .cart_msg_deliver { padding:9px 8px 8px 8px; height:42px; border: 0}*/
	.cart_total_container.bottom { position: relative; width: 100%; margin: 0 0 0 0; float: none; top: 0; right: 0;}
	table.cart .cart_sp th,
	table.cart td.cart_quantity,
	table.cart td.cart_quantity .quantity_select,
	table.cart .cart_goods_price,
	table.cart .cart_sale_price { width:auto;}
	table.cart td.cart_quantity { float:right; }
	table.cart .quantity_select > * { float: left; }
	/* 数量 */
	table td.cart_quantity .quantity_select input { height:30px; }
	table td.cart_quantity .quantity_select input[type="text"] { width: 100%; }
	table td.cart_quantity .quantity_select input[type="button"] { float: none; width: 100%; padding:0; }
	table td.cart_delete input[type="button"] { float:right; }
	/* ご注文手続きへ・買い物を続ける */
	.price_sum_container .total_price .ctrl_container a { width:100%; }
	/* ご注文手続きへ */
	.price_sum_container .total_price .ctrl_container .cart_btn_order { margin-bottom:0; }
	/* 買い物を続ける */
	.price_sum_container .total_price .ctrl_container .cart_btn_more_shopping { margin-top:10px; }
	/* 注文フローヘッダー */
	header #main_header .logo_area{ height:27px; }
	table.cart_sp th, table.cart_sp td {
		padding: 0 !important;
		font-size: 1em;
		vertical-align: middle !important;
		line-height: 1.1;
		min-height: 10px;
	}
	table.cart_sp td .customerFreeInputField {
		height: 20px;
	}
	#addFavoriteLink_link:after {
		vertical-align: middle;
	}
	table.cart_sp .addFavoriteLink {
		vertical-align: middle;
		margin-top: 1em;
	}
	#estimateLink_0_link {
		display: none;
	}
	#continueLink_0_link {
		display: inline-block;
		background: #333;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5) inset;
		text-decoration: none;
		padding: 0.5em 0;
		color: #fff;
		margin-left: 50%;
		width: 50%;
		text-align: center;
	}
}
@media (max-width:600px) {
	table.cart td.cart_quantity { float:none; width:35%; }
	table.cart .quantity_select > span { display:block; width:50%; }
	table.cart .quantity_select > span[id^="orderNumSp"] { width:100%; }
	table.cart .quantity_select input[type="text"],
	table.cart .quantity_select input[type="button"] { display:block; width:100%; }
}

/** 2018/06/12 追加　↓↓ */

#favoritesRow {
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
}

#browsingGoodsRow {
	clear: both;
	padding-bottom: 50px;
}

.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.spec {
	display:block;
}

.addFavoriteLinkOnCart {
	padding-top:5px;
}

.main_area .item_list_container.thumbnail_layout .item_list_record {
	width:20%;
}

.contents .h4 {
    font-size: 20px;
    font-weight: bold;
    color: white;
    /* margin-bottom: 20px; */
    padding-bottom: 1px;
    border-bottom: 1px solid #004390;
    background-color: #004390;
    padding: 6px 10px;
    margin: 0 0 5px;
}

.main_area .item_list_container.thumbnail_layout ul.item_list {
    border-top: 1px solid #004390;
}

#browsingGoods .item_list_container.thumbnail_layout ul.item_list {
	border-top: none;
}

@media (max-width:680px) {
	.main_area .item_list_container.thumbnail_layout .item_list_record {
		width:50%;
	}
	table.cart_sp td.addFavoriteLinkOnCart {
	    float: right;
	    width:auto;
	}
}

@media (max-width:414px) {
	.main_area .item_list_container.thumbnail_layout .item_list_record {
		width:100%;
	}
}



.cart_total_container .price_sum_container {
	margin: 0 0 20px 0;
}

.main_area .item_list_container.thumbnail_layout .item_list_record .forSp {
	    display:none;
}

@media (max-width: 414px) {
	.main_area .item_list_container.thumbnail_layout .item_list_record .photo_main {
	    left: 0px;
	    width: 25%;
    	height: auto;
    	width: auto;
	    position: relative;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp {
	    width: 70%;
	    display: inline;
	    float: left;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.photo {
	    float: left;
	    width: 30%;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record {
	    padding-top: 0px;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp #priceSurround {
	    position: absolute;
	    right: 0px;
	    bottom: 0px;
	    color: #fc1726;
	    font-weight: bold;
	}
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.item_name_container {
		padding:0px;
	}
	#deleteButtonRow,
	#addCartEstButtonRow,
	#addCartButtonRow,
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.item_name_container,
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.spec,
	.main_area .item_list_container.thumbnail_layout .item_list_record .layout_set.ctrl {
		display:none;
	}
	.forSp #deleteButtonRow,
	.forSp #addCartEstButtonRow,
	.forSp #addCartButtonRow,
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp .layout_set.item_name_container,
	.main_area .item_list_container.thumbnail_layout .item_list_record .forSp .layout_set.spec {
		display:block;
	}
	.forSp #deleteButtonRow,
	.forSp #addCartEstButtonRow,
	.forSp #addCartButtonRow {
		padding-left: 10px;
	}
}



/** 2018/06/12 追加　↑↑ */

/** 2018/08/01 追加　 */
@media (max-width: 414px) {
	.contents .h3 {
		    padding-top: 10px
	}
}

@media (max-width: 600px){
	.contents .h3 {
		margin-bottom: 8px;
	}
	.cart_msg_deliver_container .cart_msg_deliver {
	    padding: 0px 8px 8px 8px;
	    height: 42px;
	    border: 0;
	}
	.price_sum_container .total_price .ctrl_container .cart_btn_more_shopping,
	.price_sum_container .ctrl_container a.icon_list.printer {
	    margin: 5px 0px;
	    border: none;
	    text-align:right;
	    float:none;
	    background: none;
	    font-size: inherit;
	    color: #004390;
	    padding:0px;
	}
	.price_sum_container .ctrl_container .cart_btn_more_shopping:before,
	.icon_list.printer::before, .printer::before {
	    content: none;
	    position: none;
	}
	/** カート追従 */
	.floatLink.is-fixed {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index:500;
	}
	.price_sum_container .floatLink.is-fixed.ctrl_container a {
	    margin:0px;
	}
}

.shippingInfoAreaOnCart {
	text-align:center;
}

.is-fixed-for-pc {
	position: fixed !important;
}

#priceEstimatesRow, #browsingGoodsPriceEstimatesRow {
	float: right;
    font-size: 1.2em;
    margin-right: 5px;
}

/* 税込表示対応 */
.browsingGoodsPrice, .favoritesPrice {
	color: #333;
	line-height: 1.3;
}
.excludeTaxPrice, .includeTaxPrice {
	white-space: nowrap;
}

.excludeTaxPrice {
	color: #fc1726;
	font-size: 1.1em;
	font-weight: bold;
}
.taxPriceLabel {
	font-size: small;
}

.includeTaxPrice {
	font-size: small;
	font-weight: normal;
}

/* 基板設計・製造見積対応：納入予定日 */
.deliveryPlanDate_div {
	color: red;
	font-weight: bold;
}

/* 同意書モーダル */
#modalMaskArea {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

#consentFormArea {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 80%;
    max-width: 500px;
    height: 95%;
    max-height: 450px;
    padding: 24px;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
}

#consentFormArea .blocks {
	padding: 0.5em 0;
	display: block;
	text-align: center;
}

@media (max-width: 466px) {
	#consentFormGroup {
		max-height: 63%;
		overflow-y: scroll;
	}
}
@media (min-width: 467px) and (max-width: 736px){
	#consentFormGroup {
		max-height: 75%;
		overflow-y: auto;
	}
}
@media (min-width: 737px) {
	#consentFormGroup {
		max-height: 90%;
		overflow-y: auto;
	}
}

#consentFormSurround {
	text-align: left;
}

#consentFormButtonGroupRow {
    text-align: center;
}

#agreeButton {
	background: #fc1726;
	color: #fff;
	border: 1px solid #fc1726;
	height: 2.5em;
	width: 10em;
}

#disagreeButton {
	height: 2.5em;
	width: 10em;
}

#consentFormTitle_innerId {
	font-size: 1.3rem;
	margin-bottom: 0.5em;
}

.cartCurrentInfo {
	display: none !important;
}