@charset "UTF-8";

/*-----------------------------------------------------------------------
COMMON
-----------------------------------------------------------------------*/

.pageID { position:relative; padding-bottom:15px; margin-bottom:35px; border-bottom:4px solid #233c5e; font-size:40px; }
.pageID::before { content:""; position:absolute; top:auto; bottom:-4px; left:0; width:100%; height:4px; background:#c00210; width:55px; margin-left:0; }
.pageID::after { content:attr(data-jp) ""; font-size:12px; text-align:left; display:inline-block; margin-left:15px; font-family: tbudgothic-std,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

input[type='submit'] { width:220px; margin-top:3px; }

.mainContent_innerWrap { display:block; padding-bottom:40px; }

h3 { font-size:22px; font-weight:bold; border-bottom:1px solid #d3d8df; padding-bottom:15px; margin-bottom:30px; }

.quantity { position:relative; top:-15px; }
	.woocommerce-checkout-review-order-table .quantity { top:0px; }
	
.quantity span { float: left; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }
.quantity input { width:40px; height:25px; line-height:1.65; float:left; display:block; padding:0; margin:0; padding-left:0px; border:none; position:absolute; right:20px; text-align:center; }
.quantity input:focus { outline:0; }
.quantity-nav { float:left; position:absolute; right:0px; height:42px; }
.quantity-button { cursor:pointer; width:15px; height:15px; text-align:center; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; -o-user-select:none; user-select:none;  position:absolute; top:5px; background:#eee; border-radius:50%; font-size:12px; line-height:14px; font-family:"Trebuchet MS", Helvetica, sans-serif !important; color:#233c5e; transition:0.3s; }
.quantity-button.quantity-up { left:0px; }
.quantity-button.quantity-down { left:-65px; bottom:-1px; }
.quantity-button:hover { background:#999; }

a.remove { position:relative; font-size:12px; color:#fff; line-height:1; }
a.remove::before { content: "×"; width:15px; height:15px; line-height:14px; background:#dfdfdf; border-radius:50%; font-size:11px; font-family:"Trebuchet MS", Helvetica, sans-serif; display: block;position: absolute; top:0; left:0; right:0; bottom:0; color:#233c5e; text-align:center; transition:0.3s; }
a.remove:hover::before { background:#999; }

input[type=radio], input[type=checkbox] { display: none;}
.radio, .checkbox {  box-sizing:border-box; -webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear; position:relative; display:inline-block; margin:0 20px 8px 0; padding:8px 12px 12px 30px; border-radius:8px; vertical-align:middle; cursor:pointer; font-weight:400; }
.radio:after, .checkbox:after { -webkit-transition:border-color 0.2s linear; transition:border-color 0.2s linear; position:absolute; top:23px; left:0px; display:block; margin-top:-10px; width:16px; height:16px; border:1.5px solid #bbb;  border-radius:10px; content:''; }
.radio:before { -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; top:50%; left:20px; display:block; margin-top:-5px; width:10px; height:10px; border-radius:50%; background:#53b300; content:''; opacity:0; }
input[type=radio]:checked + .radio:before { opacity:1; }
.checkbox:before { -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; top:16px; left:3px; display:block; width:10px; height:10px; /*border-right:3px solid #53b300; border-bottom:3px solid #53b300;-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);*/ background:#233c5e; border-radius:10px; content:''; opacity:0; }
input[type=checkbox]:checked + .checkbox:before { opacity:1; }

.checkbox_wrap { display:block; }
.checkbox_wrap a { text-decoration:underline; }
.checkbox_wrap a:hover { text-decoration:none; }

	@media only screen and (min-width:768px) {
		.woocommerce-checkout-review-order-table td.product-subtotal { padding-left:25px; }
		.woocommerce-checkout-review-order-table .quantity { left:30px; }
		.quantity { left:-25px; }
	}
	
	@media only screen and (max-width:767px) {
		input[type=radio], input[type=checkbox] { display: none!important;}
		input#terms { border:1px solid pink; }
		.radio, .checkbox { margin: 0 0 8px 0; padding:8px 0 12px 30px; }
		.checkbox:before { top:14px; }
		.checkbox:after { top:21px; }
		a.remove::before { top:3px; left:-3px; }
		.shop_table td.product-remove { border-bottom:none; }
	}


/*-----------------------------------------------------------------------
cart table
-----------------------------------------------------------------------*/

.woocommerce-cart-form { padding-bottom:100px; }
.shop_table { width:100%; }
.shop_table th { font-family: baskerville-display-pt, serif; color:#a0aab9; }
	.woocommerce-cart-form__contents th { border-bottom:1px solid #919dae; }
.shop_table th:nth-child(n+2) { border-right:1px dotted #919dae; }
.shop_table th:last-child, .shop_table th:nth-child(5) { border-right:none; }

	.woocommerce-checkout-review-order-table th:nth-child(n+2) { border-right:none; }

.shop_table th { padding-left:15px; }
.shop_table th:first-child { padding-left:0; }

.shop_table td { padding:10px 15px; border-bottom:1px dotted #919dae; font-size:12px; text-align:left; }
.product-thumbnail img { width:70px; height:70px; }
.shop_table td.actions { width:100%; border-bottom:none; }
	.woocommerce-cart-form__contents td.actions { text-align:right; }


.shop_table.shop_table_short th { border-bottom:1px dotted #919dae; }

.shop_table.shop_table_short td:nth-child(2){ text-align:right; padding-right:30px; }
.shop_table_short .amount { font-size:17px; }

.checkoutBtn { margin:30px auto; }

#contactForm textarea { height:100px; }


	@media only screen and (min-width:768px) {
		.btn { width:300px; }
	
		.shop_table th:nth-child(1), .shop_table td:nth-child(1) { padding:10px 0px; }
		.shop_table th:nth-child(2), .shop_table td:nth-child(2) { padding:10px 0px; }
		.shop_table th:nth-child(3), .shop_table td:nth-child(3) { }
		.shop_table th:nth-child(4), .shop_table td:nth-child(4)  { }
		.shop_table th:nth-child(5), .shop_table td:nth-child(5) { }
		.shop_table th:nth-child(6), .shop_table td:nth-child(6) { }
		
		.shop_table_short { max-width:300px; float:right; }
		
		.checkoutBtn { float:right; width:300px; }
		.checkoutBtn .btn { width:100%; }
		
		.totalBox { margin-top:10px; }
	
		.woocommerce-cart-form__contents th:nth-child(1), .woocommerce-cart-form__contents td:nth-child(1) { width:100px; }
		.woocommerce-cart-form__contents th:nth-child(2), .woocommerce-cart-form__contents td:nth-child(2) { width:35%; }
		.woocommerce-cart-form__contents th:nth-child(3), .woocommerce-cart-form__contents td:nth-child(3) { width:16%; }
		.woocommerce-cart-form__contents th:nth-child(4), .woocommerce-cart-form__contents td:nth-child(4)  { width:16%; }
		.woocommerce-cart-form__contents th:nth-child(5), .woocommerce-cart-form__contents td:nth-child(5) { width:16%; }
		.woocommerce-cart-form__contents th:nth-child(6), .woocommerce-cart-form__contents td:nth-child(6) { width:50px; text-align:center; }
		
	}
	
	@media only screen and (max-width:767px) {
		.pageID { padding-bottom:10px; margin-bottom:15px; border-bottom:4px solid #233c5e; font-size:24px; }
		h3 { font-size:16px; margin-bottom:10px; padding-bottom:10px; }
		
		.shop_table th { display:none; }
		.shop_table td { display:block;text-align:right; clear:both; padding:10px 0; }
		
		.shop_table td.product-thumbnail { text-align:left; }
		.shop_table td.product-quantity { height:42px; }
		.quantity { top:0; }
		.quantity input { right:20px; }
		.quantity-nav { right:0; }
		table.shop_table_responsive tr td[data-title]::before,
		table.woocommerce-checkout-review-order-table tr td[data-title]::before { content:attr(data-title) " "; font-weight:600; float:left; color:#919dae; font-family: baskerville-display-pt, serif; }
		.shop_table.shop_table_short td:nth-child(2){ padding-right:5px; }
		
		.remove[aria-label] { position:relative; z-index:1; }
		.remove[aria-label]:after { content:attr(aria-label); position:absolute; top:-5px; right:calc(100% + 0px); z-index:5000; /*pointer-events:none;*/ padding:8px 10px; line-height:15px; white-space:nowrap; text-decoration:none; text-indent:0;
overflow:visible; font-size:.9em; font-weight:normal; color:#666; }
		.totalBox { margin-top:30px; }
		.checkoutBtn .btn { margin: 0 auto; width:85%; }
		
		.woocommerce-cart-form__cart-item { padding-bottom:0px; display: block; }
	}


/*-----------------------------------------------------------------------
 etc
-----------------------------------------------------------------------*/

.contact_us { border:10px solid #f3f3f3; padding:25px 30px; color:#454545; line-height:1.8; margin-top:30px; }


	@media only screen and (max-width:767px) {
		.contact_us { padding:15px 20px; }
	}