@charset "UTF-8";
/*
Theme Name:Renect
Theme URI:https://motto-art.narts.co.jp/order/
Description:リネクト様用テーマ
Author:NARTS
Author URI:http://www.narts.jp/
Version:1.0
*/
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}
.alignright {
	float: right;
	margin-bottom: 10px;
}
.alignleft {
	float: left;
	margin-bottom: 10px;
}

/* CSS Document */

/* CSSリセット */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers  */ article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; 
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #333;
	background-color: #F6F5EF;
/*	background-image: url("images/bg_top_header.png");
	background-repeat: repeat-x;
	max-width: 100%; */
}
img {
	vertical-align: bottom;
} 
a:hover img {
	opacity: 0.7;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
		filter: alpha(opacity = 60);
	transition: all 0.4s;
}
a {
	text-decoration: none;
	color: #008CD6;
}
a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.3s all;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.inner {
	width:  974px;
	margin-left: auto;
	margin-right: auto;
}
.breadcrumbs {
	font-size: 12px;
}
.require {
	color: #dc0000;
}

/****　ここからコンテンツ ****/
header {
	box-sizing: border-box;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #E7E5D9;
	background-color: #ffffff;
	height: 101px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.header-area {
	margin-bottom: 30px;
	display: block;
}
h1 {
	font-size: 11px;
	color: #747474;
	padding-top: 17px;
	margin-bottom: 10px;
}
/* 1000px以上ではモバイルメニューを非表示 */
#menu {
	display: none;
}

#top-logo-menu {
	width: 974px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#top-logo-menu a:first-child p {
	flex-grow: 2;
}
.main-logo {
	height: auto;
	width: 140px;
	margin-right: 0px;
	margin-left: 2em;
}
p.top-order {
	width: 92px;
	height: 28px;
	box-sizing: border-box;
	display: block;
	flex-grow: 2;
	position: relative;
	text-align: right;
	top: 3px;
}
p.top-order a {
	background-color: #578CC5;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
	padding: 6px 25px 6px 25px;
	font-size: 14px;
}
nav {
	width: auto;
	margin-right: 0;
	display: inline-block;
}
#main-navi {
	background: none; 
	height: 25px;
	position: relative;
	display: inline-block;
	top: 4px;
}
#main-navi ul {
	display: flex;
	flex-direction: row;
	height: 25px;
}
#main-navi ul li a {
	width: auto;
	text-align: left;
	padding-left: 5px;
	padding-right: 15px;
	margin-left: 12px;
	color: #444444;
	display: block;
	font-size: 14px;
	font-weight: 300;
/*	background-image: url("images/drop_down.svg"); */
	background-repeat: no-repeat;
	background-size: auto 8px;
	background-position: right 0px center;
	transition: all 0.3s;
}
/*
#main-navi ul li a:hover {
	background-position: right 0px bottom 3px;
	transition: all 0.3s;
}
*/

/*
#main-navi ul li:nth-child(1) a {
	background-color: #000000;
}
#main-navi ul li:nth-child(2) a {
	background-color: #333333;
}
#main-navi ul li:nth-child(3) a {
	background-color: #666666;
}
#main-navi ul li:nth-child(4) a {
	background-color: #999999;
}
#main-navi ul li:nth-child(5) a {
	background-color: #cccccc;
	color: #000000;
}
*/
#main-navi ul li:nth-child(6) a {
/*	background-color: #004098;
	color: #ffff00; */
	padding-left: 20px;
/*	padding-right: 10px; */
	background-image: url("images/icon_cart.svg");
	background-repeat: no-repeat;
	background-size: auto 17px;
	background-position: left 3px center;
/*	border-radius: 12.5px; */
	transition: all 0.3s;
}

#main-navi ul li a:hover {
	color: #578cc5;
	background-color: none; 
	transition: all 0.3s;
}
/*
#main-navi ul li:nth-child(6) a:hover {
	background-color: #004098;
	color: #ffff00;
	padding-left: 40px;
	padding-right: 20px;
	background-size: auto 17px;
	background-position: left 20px center;
}
*/

#main-image {
	max-width: 974px;
	width: 100%;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	background-color: #578cc5;
	border-radius: 8px;
}
#main-image .copy-area {
	text-align: center;
	color: #ffffff;
	position: relative;
	padding-top:20px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
#sub-title {
	margin-bottom: 70px;
}

p#sub-title {
	text-align: center;
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

#progress {
	margin-bottom: 1rem;
}
#progress ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #ffffff;
}
#progress ul li {
	font-size: 20px;
	padding: 0.5em;
	border: none;
	display: block;
	position: relative;
	color: #CBCBCB;
}
#progress ul li:first-child{
	margin-left: 1em;
}
#progress ul li:last-child{
	margin-right: 1em;
}
#order #progress ul li:nth-child(even) img, #cart #progress ul li:nth-child(even) img, #checkout #progress ul li:nth-child(even) img {
	position: relative;
	top: -4px;
}
#progress ul li:after {
/*	content: url("images/arrow_progress.png");
	position: absolute;
	color: #333333;
	right: -3vw;
*/
}
#progress ul li:last-child:after {
	content: "";
}
#progress ul li.now {
	background-color: #ffffff;
	border: none;
	color: #707070;
	font-weight: 600;
}
#progress ul li.out {
	opacity: 0.35;
}

#order h2, #cart h2, #checkout h2, #checkout h2 {
	font-size: 28px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #074187;
}

/* フォーム */
form.form-area ::placeholder {
	color: #C0CBD3;
}
form.form-area {
	margin-bottom: 40px;
	display: block;
	position: relative;
}
.specifications label {
	display: inline-block;
	width: auto;
	color: #333;
	padding: 0.3em 0.5em 0.3em 0em;
	font-weight: 600;
	font-size: 20px;
	position: relative;
	margin-bottom: 0px;
}
/*
.specifications label:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #578cc5;
}
*/
.specifications label.full {
	width: 100%;
/*	text-align: center; */
	box-sizing: border-box;
}
.paper-and-size {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.paper-and-size .drop-down:first-child {
	width: 48%;
}
.paper-and-size .drop-down:last-child {
	width: 49%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
.paper-and-size .drop-down:last-child select option:first-child {
	color: #c0cbd3;
}
.paper-and-size .drop-down.size-select select:invalid {
	color: #c0cbd3;
}
.paper-and-size .drop-down:last-child label.select-size {
	width: 100%;
}
select, input {
	-moz-appearance: none;
	-webkit-appearance: none;/*need for safari*/
	appearance: none;
}
select.basic-size {
	color: #333333;
}
select:invalid {
	color: #c0cbd3;
}
select option {
	color: #333333;
}
select option:first-child {
	color: #333333;
}
.drop-down {
	display: table-cell;
	position: relative;
	max-width: 100%;
}
select#paper {
	width: 100%;
	padding-right: 50px;
	display:inline-block;
	box-sizing: border-box;
}
select#paper {
	margin-right: 1em;
}
#size-limit {
	font-size: 14px;
	position: relative;
	bottom: 35px;
}
/*
.drop-down::after {
	content: "";
	position: absolute;
	right: 30px;
	top: 65px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #b3b3b3;
	border-left: 3px solid #b3b3b3;
	transform: translateY(-50%) rotate(-135deg);
	pointer-events: none;
}
*/
.drop-down.size-select::after {
	display: none;
}
.paper-and-size .drop-down:last-child select {
	width: 18%;
	min-width: 4em;
	height: 65px;
	font-size: 17px;
	text-align: center;
	padding-left: 0.2em;
	padding-right: 0.2em;
	box-sizing: border-box;
/*	color: #c0cbd3; */
}
button.rotate {
	font-size: 16px;
	background-color: #ffffff;
	border: 3px solid #b3b3b3;
	display: block;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0.7em 0.5em 0.7em 2.0em;
	background-image: url("images/icon_rotate.png");
	background-repeat: no-repeat;
	background-position: left 6px center;
	position: relative;
	left: 350px;
	top: 160px;
}

form.form-area input[type="text"], form.form-area input[type="number"], select, option, form.form-area textarea {
	background-color: #ffffff;
	background-image: none;
	border: 3px solid #b3b3b3;
	font-size: 20px;
	display: block;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0.9em 0.7em 0.9em 0.7em;
	width: 100%;
	margin-bottom: 40px;
	position: relative;
	box-shadow: none;
}
.sizing {
	height: 347px;
	width: 100%;
	background-image: url("images/bg_size02.png");
	background-repeat: no-repeat;
	background-position: left 155px top 75px;
	margin-bottom: 40px;
	position: relative;
	display: block;
}
form.form-area .sizing input[type="number"] {
	width: 110px;
	display: inline-block;
	text-align: center;
	position: relative;
}
form.form-area .sizing-x {
	display: inline-block;
	width: auto;
	position: relative;
	top: 0px;
	left: 200px;
}
form.form-area .sizing .sizing-x:before {
	display: inline-block;
	content: "幅";
	color: #333333;
	font-size: 16px;
	font-weight: 300;
}
form.form-area .sizing-y {
	display: inline-block;
	width: auto;
	position: relative;
	top: 8px;
	left: 379px;
}
form.form-area .sizing-y {
	display: inline-block;
	width: auto;
	position: absolute;
	top: 180px;
	left: 0px;
}
form.form-area .sizing-y:before {
	content: "高さ";
}
.blank {
	height: 460px;
	width: 502px;
	background-image: url("images/bg_blank02.png");
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-left: 0;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 40px;
}
.blank div {
	display: inline-block;
	position: absolute;
}
form.form-area .blank input[type="number"] {
	width: 81px;
	display: inline-block;
	text-align: center;
}
.blank div:before {
	text-align: center;
	display: inline-block;
	display: block;
	width: 81px;
	position: relative;
	color: #333333;
	font-size: 16px;
	font-weight: 300;
}
.blank div.b_top:before {
	content: "上";
}
.blank div.b_right:before {
	content: "右";
}
.blank div.b_bottom:before {
	content: "下";
}
.blank div.b_left:before {
	content: "左";
}
.blank div.b_top {
	left: calc(50% - 40px);
}
.blank div.b_right {
	left: calc(100% - 100px);
	top: calc(100% - 63%);
}
.blank div.b_bottom {
	left: calc(50% - 40px);
	bottom: -40px;
}
.blank div.b_left {
	left: 4%;
	top: calc(100% - 63%);
}
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0;
}
p.result {
	font-size: 28px;
	font-weight: 300;
	margin-bottom: 40px;
	margin-top: 10px;
}
p.result span.size-num {
/*	color: #009c00; */
	font-size: 1.15em;
	font-weight: 600;
}
input#number {
	width: 7em;
}
#quantity {
	width: 8em;
}
#max-height, #max-width, #max-xy {
	padding: 0px;
	width:1px;
	display: inline;
	border: none;
	background: transparent;
}
form input[type="submit"].into-cart, button#place_order, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, #cart .woocommerce a.button {
	display: block;
	padding: 0.9em 1.2em 0.9em 1.2em;
	background-image: none;
	color: #ffffff;
	border: None;
	border-radius: 9px;
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffb154 !important;
	font-weight: 600;
/*	border-bottom: 5px solid #ce8236;
	box-shadow: 0px 4px 4px #bbbbbb; */
	width: fit-content;
	transition: all 0.3s;
	margin-bottom: 20px;
	margin-top: 20px;
	min-width: 221px;
	text-align: center;
}
#cart .cart a.button.wc-backward.wp-element-button {
	background-color:#666666 !important;
	border-radius: 5px;
	color:#FFFFFF;
	font-weight:bold;
}
form #go-next input[type="submit"].into-cart:before {
	content: url("images/icon_intocart.svg");
	width: 25px;
	height: auto;
	display: inline-block;
	position: relative;
	top: 6px;
	margin-right: 5px;
}
form input[type="submit"]:hover {
	opacity: 0.5;
	transition: all 0.3s;
	cursor: pointer;
}
form table, article#template.cart form table, #template table.shop_table.woocommerce-checkout-review-order-table {
	border: 3px solid #b3b3b3;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 18px;
	overflow: hidden;
	font-size: 17px !important;
	line-height: 2em;
	width: 100%;
	box-sizing: border-box;
}
form table p {
	display: inline-block;
}
form table thead th,
form table tbody th,
form table tbody td {
	padding: 0.6em 0.8em 0.5em 0.8em;
	border-bottom: 3px solid #aaa;
}
form table thead th {
	background-color: #dddddd;
}
form table tbody td {
	background-color: #ffffff;
}
form table thead th + th,
form table tbody td {
	border-left: 0px solid #aaa;
}
form table tbody tr:last-child th,
form table tbody tr:last-child td {
 	border-bottom: none;
}
form table tbody tr p {
	font-weight: 600;
	padding-top: 5px;
	display: inline-block;
}
form table tbody tr p.delete {
	font-size: 15px;
	font-weight: 300;
	background-color: #ed0000;
	color: #FFFFFF;
	padding: 2px 8px 2px 8px;
	border-radius: 8px;
	float: right;
	position: relative;
}
.performance {
	margin-bottom: 25px;
}
.p_bold {
	font-weight: 600;
}
.price-piece{
	display: block;
	text-align: right;
}
.total-piece {
	color: #00960B;
	font-weight: 600;
}
form input[type="submit"].add-product {
	background-color: #d5d5d5;
	color: #000000;
	border-bottom: 5px solid #636363;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.add-button {
	display: block;
}

.go-next {
	padding-bottom: 20px;
}


/* 下方の白い背景領域 */

#sub-main {
	background-color: #ffffff;
	padding-bottom: 20px;
}
#president {
	padding-top: 50px;
	padding-bottom: 50px;
}
.top_photo {
	width: 208px;
	height: 253px;
	float: left;
	margin-right: 20px;
	display: block;
}
.top_message {
	display: block;
	float: left;
	width: 390px;
	font-size: 15px;
	margin-right: 30px;
}
.top_message H4 {
	border-left: 4px solid #b50080;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.4em;
	padding-left: 10px;
	margin-bottom: 15px;
	color: #0030b5;
}
.top_message p {
	margin-bottom: 10px;
	color: #000;
}
.top_history {
	width: 351px;
	font-size: 15px;
	color: #878787;
	display: block;
	float: left;
	line-height: 1.95em;
}
#news {
	padding-bottom: 40px;
}
#news h2, #service h2, #diary h2 {
	border-left: 12px solid #b50080;
	color: #ffffff;
	background-color: #000000;
	padding: 4px 7px 4px 10px;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 17px;
	margin-bottom: 20px;
}
#news-list dt, #news-list dd, #diary-list dt, #diary-list DD {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}
#news-list dt, #diary-list dt {
	width: 145px;
	float: left;
	background-image: url(images/list-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right: 16px;
}
#news-list dd, #diary-list dd {
	padding-left: 17px;
	width: 982px;
	border-bottom: 1px dotted #ccc;
}
.old-news {
	text-align: right;
	font-size: 14px;
}

#service {
	margin-bottom: 37px;
}
#service a.yon {
	width: 235px;
	height: 238px;
	border: 3px solid #0030b5;
	float: left;
	box-sizing: border-box;
	margin-right: 20px;
	background-image: url(images/yon-arrow.png);
	background-repeat: no-repeat;
	background-position: bottom 6px right 6px;
	display: block;
}
#service a.yon:hover {
	background-position: bottom 0px right 0px;
	transition: all 0.2s;
	background-color: #f3f3f3;
}
#service a p {
	color: #000000;
}
#service a.yon:last-child {
	margin-right: 0px;
}
#service a.yon h3 {
	background-color: #0030b5;
	height: 30px;
	box-sizing: border-box;
	color: #ffff00;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 20px;
	padding-top: 2px;
}
.yon-comment {
	font-size: 14px;
	padding: 12px;
	line-height: 1.5em;
	color: #000000;
}

.glory {
	text-align: center;
	border: 3px solid #0030b5;
	padding: 1em;
	width: 14em;
	color: #0030b5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 8px;
		-webkit-border-radius: 8px;
	font-weight: bold;
}

/**** 下層ページ ****/

main {
	background-color: #f6f5ef;
	padding-top: 101px;
}
main#top-page {
	background-color: #fff7f2;
}

#template {
	width: 974px;
	padding-top: 20px;
/*	padding-left: 40px; */
/*	padding-right: 40px; */
	padding-bottom: 20px;
	background-color: #f6f5ef;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto
}

#template p {
	font-size: 21px;
	line-height: 2.0em;
	margin-bottom: 1.5em;
}
#template h2 {
    position: relative;
    color: #111111 ;
    background: none;
    font-size: 24pt ;
    line-height: 1.3;
    margin: 20px 0px 20px 0px;
    box-shadow: none;
	font-weight: 700;
/*	border-bottom: 5px solid #ddd;
	padding: 10px 0; */
}
/* #template h2:before {
    position: absolute;
	left: 0;
	bottom: -5px;
	width: 18%;
	height: 5px;
	content: '';
	background: #578CC5;
} */

#template h3 {
    position: relative;
    color: #333333;
    background: none;
    font-size: 20pt ;
    line-height: 1.3;
    margin: 20px 0px 20px 0px;
    box-shadow: none;
	font-weight: 700;
/*		border-bottom: 5px solid #ddd;
	padding: 10px 0;　*/
}
/* #template h3:before {
    position: absolute;
	left: 0;
	bottom: -5px;
	width: 10%;
	height: 5px;
	content: '';
	background: #578CC5;
} */

#template h4 {
	font-size: 15pt;
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-weight: 700;
	color: #242424;
	background-color: #ebe3db;
	padding: 6px 5px 5px 10px;
	border-left: 12px solid #b50080;
}
#template ul {
	margin-bottom: 40px;
}
#template ul li {
	list-style-type: disc;
	font-size: 17px;
	margin: 5px 0 5px 2em;
}
#template .has-background {
	margin-left: 3em;
}
#template .has-very-light-gray-background-color {
	background-color: #E5E5E5;
	padding: 1.3em;
}
#template table {
	margin: 0.5em 0em 0.2em 0em;
}
#template table th, #template table td {
	border: solid 1px #e2e2e2;
	padding: 0.5em;
	font-size: 19px;
}
#template table th {
	background-color: #E6EEFF;
	font-weight: 700;
}

th.product-price, th.product-subtotal, th.product-total {
	text-align: center !important;
}
#template table td {
	background-color: #ffffff;
	font-weight: 300;
}
#template p.hosoku {
	font-size: 16px;
	line-height: 1.35em;
}
#template strong {
	font-weight: 800;
}
div.return-to-shop {
	text-align: center;
	margin-top: 20px;
}
#checkout div.return-to-shop a {
	padding: calc(.667em + 2px) calc(1.333em + 2px) !important;
	font-size: 1.125em !important;
	background-color: #ebe9eb;
	border-radius: 5px;
	color:#333333;
	font-weight:bold;
}
.wp-block-media-text {
	display: grid;
	grid-template-rows: auto;
	align-items: flex-start;
	grid-template-areas: "media-text-media media-text-content";
}
figure.wp-block-media-text__media {
	margin: 0em 2em 2em 0em;
}

span.tablepress-table-description {
	margin-bottom: 1.5em;
	margin-top: -1em;
}
.wp-block-media-text>figure>img, .wp-block-media-text>figure>video {
    max-width: unset;
	width: 100%;
}
.wp-block-media-text {
	display: grid;
	grid-template-rows: auto;
}

#template table#tablepress-5.tablepress.tablepress-id-5 td {
	text-align: center;
	font-size: 15px;
}
#template table#tablepress-5.tablepress.tablepress-id-5 tr:nth-child(odd) {
	background-color: #ededed;
}
#template table#tablepress-5.tablepress.tablepress-id-5 tr:nth-child(odd) td {
	padding-bottom: 0px;
}
.tablepress-table-description {
	margin-bottom: 25px;
}




/*************************
 　   カート画面以降
*************************/

article#template.cart form table tr td p, article#template.checkout form table tr td p {
	font-size: 17px;
	line-height: 2em;
	margin-bottom: 0px;
}
article#template.cart form table tbody tr, article#template.checkout form table tbody tr {
	border-top: 3px solid #aaaaaa;
	border-bottom: 3px solid #aaaaaa;
	box-sizing: border-box;
	height: auto;
}
article#template.cart form table tbody tr td, article#template.checkout form table tbody tr td {
	border-right: 1px dashed #aaaaaa;
	border-left: none;
}
article#template.cart form table tbody tr td:last-child, article#template.checkout form table tbody tr td:last-child {
	border-right: none;
}
article#template.cart tbody .product-price, tbody .product-subtotal, article#template.checkout tbody .product-price, tbody .product-subtotal {
	text-align: right;
}
article#template.cart dl.variation dt, article#template.checkout dl.variation dt {
	font-size: 17px;
	line-height: 2em;
}
article#template.cart form table tbody tr dl.variation dd p, article#template.checkout form table tbody tr dl.variation dd p {
	padding-top: 0px;
}
td.product-remove {
/*	display: inline; */
	width: 3em;
}
.woocommerce a.remove {
	display: inline !important;
	margin-right: 0px;
	vertical-align: middle;
	border-radius: 20% !important;
	padding: 2px;
}
.woocommerce a.remove:after {
	content: "削除";
	font-size: 13px;
	font-weight: 300;
	vertical-align: middle;
	position: relative;
	top: 2px;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead th.product-quantity {
	width: 3em;
}
.woocommerce .product-change a {
	font-size: 13px;
	padding: 3px;
	border-radius: 20% !important;
	position: relative;
	top: 3px;
}
.woocommerce .product-change a:hover {
	color: #ffffff;
	background-color: #008CD6;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-change {
	width: 55px;
	box-sizing: border-box;
}
.quantity input.input-text.qty.text {
	font-size: 17px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.product-quantity {
	text-align: center !important;
}
#shipping_method label{
	display: inline-block;
	background-color: transparent;
	width: auto;
	color: #333333;
	padding: 0px;
	font-weight: 300;
	font-size: 19px;
	position: relative;
	margin-bottom: 0px;
}
#shipping_method label:before {
	display: none;
}
.woocommerce ul#shipping_method li {
	margin: 0em !important;
	line-height: 1.5em;
}
.cart_totals table td {
	text-align: right;
}
.woocommerce ul#shipping_method .amount {
	font-weight: 300 !important;
}
.order-total td {
	color: #578cc5;
}
div.quantity {
	overflow: visible;
	position: relative;
}
div.quantity::after {
	content: "数値を変更したら「カートを更新」をクリックしてください";
	font-size: 13px;
	color: #333333;
	line-height: 1.2em !important;
	display: Block;
	position: absolute;
	width: 10em;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	background-color: #E6EEFF;	position: absolute;
}
div.quantity:after::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E6EEFF;
}
.woocommerce-cart-form__cart-item.cart_item dt {
	color: #666666;
}
.woocommerce-cart-form__cart-item.cart_item dd {
	color: #000000;
	font-weight: 600;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	opacity: 0.35;
}
.shop_table th {
	text-align: right;
}
.shop_table thead tr:first-child th {
	text-align: left;
}




/*************************
 　   お支払い画面
*************************/
#checkout #payment ul li {
	list-style-type: none;
	color: #AAAAAA;
	display: block;
	position: relative;
/*	float: left; */
	width: 100%;
	height: auto;
	border-bottom: 1px solid #333;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	box-sizing: border-box;
}
#checkout ul li input[type=radio]{
	position: absolute;
}
#checkout .woocommerce-checkout #payment div.payment_box {
	width: auto;
}

#checkout #template #order_review p {
	font-size: 17px;
	margin-bottom: 5px;
}
#checkout #template #customer_details label {
	font-size: 14px;
	line-height: 1.2em;
}
#checkout #template #customer_details p {
	margin-bottom: 0.8em;
}
.shop_table.woocommerce-checkout-review-order-table td {
	background-color: #ffffff;
	text-align: right;
}
.shop_table.woocommerce-checkout-review-order-table td.product-name {
	text-align: left;
}
.shop_table.woocommerce-checkout-review-order-table td.product-name .product-quantity {
	color: #578cc5;
}
.shop_table.woocommerce-checkout-review-order-table td.product-name .product-quantity::after {
	color: #578cc5;
	content: "枚"
}
.select2-selection__rendered {
	font-size:14px;
}
#ship-to-different-address-checkbox {
	display: inline-block;
	width: 18px;
	height: 18px;
/*	transform: rotate(-135deg); */
	border: 1px solid #b0b0b0b0;
	background-color: #ffffff;
	top: 3px;
	position: relative;
}
#ship-to-different-address-checkbox:checked {
	background-image: url("images/icon_checked.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#billing_country_field, #shipping_country_field {
	display: none;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span {
	font-size: 18pt;
}
#payment .wc_payment_method label {
	cursor: pointer;
	padding-left: 30px;
	position: relative;
	color: #555555	
}
#payment .wc_payment_method label::before,
#payment .wc_payment_method label::after {
  content: "";
  display: block; 
  position: absolute;
}
#payment .wc_payment_method label::before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
}
#payment .wc_payment_method label::after {
  border-bottom: 3px solid #578cc5;
  border-left: 3px solid #578cc5;
  opacity: 0;
  height: 5px;
  width: 10px;
  transform: rotate(-45deg);
  top: 4px;
  left: 10px;
}
#payment input:checked + label::before {
/*	opacity: 1; */
	background-image: url("images/icon_checked_blue.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#payment .payment_box.payment_method_paygent_cc label::before {
	display: none; 
}
#payment .payment_box.payment_method_paygent_cc label {
	padding-left: 0px;
}
.wc-proceed-to-checkout {
	padding-top: 1em;
	text-align: right;
	font-size: 1.3em;
}
button#place_order {
	background-color: #ffb154;
}
button#place_order.button.alt.wp-element-button {
	float: none !important;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/********************
 * 支払い完了
 ********************/
main#checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
main#checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
	list-style-type: none;
	font-size: 16px;
	margin: 5px 0em 5px 0em;
	padding-right: 1%;
	padding-left: 1%;
	border-left: 1px dashed #d3ced2;
	border-right: none;
	box-sizing: border-box;
}
main#checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li:last-child {
	border-right: 1px dashed #d3ced2;
}
main#checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details ul.order_details li strong {
	font-size: 1.3em;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td {
	background-color: #ffffff;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr th:nth-child(2),
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td:nth-child(2) {
	text-align: right;
}
.woocommerce-column--billing-address address, .woocommerce-column--shipping-address address {
	box-sizing: border-box;
	background-color: #ffffff;
	border: none;
	border-radius: 0;
}
.order_details .product-quantity {
	font-weight: 600;
	margin-bottom: 0.5em;
}
tbody .woocommerce-table__product-quantity product-quantity.order_details .product-quantity:before {
	content: "注文数";
	font-weight: 300;
	color: #578cc5;
	margin-right: 0.5em;
	font-size: 15px;
}
tr.woocommerce-table__line-item.order_item div.product-quantity:after {
	content: " (枚)";
	font-weight: 300;
}

article#template .order_details td .variation dt {
	font-weight: 300;
/*	color: #578cc5; */
	margin-right: 0.5em;
	font-size: 15px;
	line-height: 1.7em;
	position: relative;
	top: 5px;
}
article#template .order_details td .variation dd.variation-title {
	height: 1.7em;
}
article#template .order_details td .variation dd {
	font-weight: 300;
	color: #333333;
	display: block;
	line-height: 1.7em;
}






footer {
	background-color: #fbfaf4;
	color: #333333;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	border-top: 1px solid #e7e5d9;
}
footer div.inner {
	display: block;
	position: relative;
}
footer a {
	color: #333333;
}
footer a:hover {
	color: #578cc5;
}
footer p.goto-top {
	display: inline-block;
	float: right;
	position: relative;
	top: -23px;
}
footer p.footer-contact {
	display: inline-block;
	position: relative;
	float: left;
	margin-top: 25px;
}
footer #main-navi.footer-navi {
	position: relative;
	top: 0px;
	right: 0px;
	left: auto;
	display: inline-block;
	margin-top: 25px;
}
footer .bottom-line {
	background-color: #000000;
	color: #ffffff;
	padding: 1em 0em 1.3em 0em;
	margin-top: 1em;
}
footer p.low {
	text-align: center;
	display: block;
	padding-top: 0.5em;
	width: auto;
	margin-left: 23.5em;
	margin-right: auto;
	float: left;
}


/* Webフォーム整形 */

.wpcf7 p {
	padding: 0.7em 0 0.7em;
	border-bottom: dotted 1px #555;
}
span.wpcf7-list-item {
	display: block;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	padding:0.5em;
/*	box-shadow:inset 1px 1px 2px rgba(0, 0, 0, 0.15); */
	background:#FCFCFC;
	border:#999 1px solid;
	color:#222;
	font-size:14px;
}
input[type=submit],
input[type=reset],
input[type=button] {
	padding:4px 15px;
	border-radius:15px;
	box-shadow:0 0 5px rgba(0, 0, 0, .1);
	background:#F8F8F8;
	background:-moz-linear-gradient(#FCFCFC, #F3F3F3);
	background:-webkit-linear-gradient(#FCFCFC, #F3F3F3);
	background:-o-linear-gradient(#FCFCFC, #F3F3F3);
	background:-ms-linear-gradient(#FCFCFC, #F3F3F3);
	background:linear-gradient(#FCFCFC, #F3F3F3);
	border:#bbb 1px solid;
	color:#444;
	font-size:13px;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
	box-shadow:#aaa 0 0 5px;
}
.wpcf7-not-valid-tip {
	color: #BE0000
}

/************************
ラジオボタン（送付方法） 
*************************/
.woocommerce-shipping-methods input {
	appearance: auto;
}
.woocommerce-shipping-methods li input[type=radio] !important {
	position: relative;
}
.woocommerce ul#shipping_method li input {
	margin: 6px 8px 8px -18px !important;
}




/****************************
レスポンシブ記述部
****************************/
@media screen and (max-width: 999px) {

#main-navi ul li:nth-child(1), #main-navi ul li:nth-child(2), #main-navi ul li:nth-child(3), #main-navi ul li:nth-child(4), #main-navi ul li:nth-child(5) {
	display: none;
}
#top-logo-menu {
	width: 100%;
}

#top-logo-menu nav #main-navi ul li:last-child {
	display: block !important;
	margin-right: 2.3em;
}

#menu {
	display: block;
}
.bn_contact {
	display: none;
}
.globalMenuSp li a {
	padding: 0.5em 0em 0.5em 0em;
	border-bottom: 1px solid #aaaaaa;
	width: 100%;
	height: 100%;
	display: block;
}
p.top-order {
	width: 92px;
	height: 28px;
	box-sizing: border-box;
	display: block;
	flex-grow: 2;
	position: relative;
	right: 0px;
	top: 4px;
	float: right;
	text-align: right;
}

/* ↓トグルメニューここから */
.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #ffffff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
.globalMenuSp ul {
    background: #ccc;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
.globalMenuSp.active {
    transform: translateY(0%);
	background-color: #ffffff;
}

.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: 50px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 3;
	background-color: #ffffff;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #111111;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
	display: none; /* MENU文字を非表示 */
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ↑トグルメニューここまで */

#template {
	width: 100%;
}
.inner {
	width: 100%;
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
}
#news-list dd, #diary-list dd {
	width: calc(100% - 17px);
}
.inner img {
	max-width: 100%;
}

/* 看板イメージ */

#main-image{
	height: auto;	
}
#main-image .copy-area {
	display: table;
	padding-bottom: 20px;
}
.copy-area p:nth-child(1) {
	width: 100%;
	position: relative;
	top: auto;
	left: auto;
	display: table-cell;
	vertical-align: middle;
}
#progress ul li {
	padding-left: 0.25em;
	padding-right: 0.25em;
}
#progress ul li:after {
	font-size: 14px;
}


/* トップのコンセプトコピー */
#concepts, #principle {
	height: auto;
}
.catch-copy, .catch-copy2 {
	width: 100%;
	height: auto;
	padding: 32px 32px 32px 32px;
	float: none;
	position: relative;
}
.catch-copy h3, .catch-copy2 h3 {
	text-align: center;
}
p.catch-photo01, p.catch-photo02 {
	float: none;
	top: 0px;
	box-shadow: none;
		-webkit-box-shadow: none;
	position: relative;
}
.catch-photo01 img,.catch-photo02 img {
	width: 100%;
}
	
.top_message {
	width: calc(100% - 228px);
	margin-right: 0px;
}
.top_history {
	width: calc(100% - 228px);
	font-size: 15px;
	color: rgb(135, 135, 135);
	display: block;
	float: right;
	line-height: 1.75em;
}

.quartet {
	width: 490px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#service .quartet  a.yon:nth-child(even) {
	margin-right: 0px;
}
.yon {
	margin-bottom: 1.3em;
}
	
.sizing {
	display: block;
	position: relative;
	width: 600px;
	margin-left: 0px;
	margin-right: auto;
}
form.form-area .sizing-x {
	top: 0px;
	left: 220px;
}
form.form-area .sizing-y {
	top: 170px;
	left: 0px;
}
form.form-area .sizing-y:before {
	display: block;
}	
#progress {
	margin-bottom: 8px;
}
tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {
	border-bottom: none;
}
#template.cart .woocommerce table.shop_table_responsive tr td, #template.cart .woocommerce-page table.shop_table_responsive tr td {
/*	text-align: left !important; */
	background-color: #ffffff;
/*	width: 3.5em; */
	box-sizing: border-box;
	border-right: none;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-name::before {
		float: none;
}
.variation {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.variation dt {
	width: 70px;
	box-sizing: border-box;
	margin-right: 0px !important;
	border-bottom: 1px dotted #cccccc;
}
.variation dd {
	width: calc(100% - 70px);
	box-sizing: border-box;
	border-bottom: 1px dotted #cccccc;
}
.variation dt.variation-memo, .variation dd.variation-memo {
	border-bottom: none;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-remove {
	width:72px;
/*	max-width:20px; */
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-change {
	width: 55px;
	border-right: 1px dashed #cccccc;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-price {
	width: 60px;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-name {
	width: auto;
}
#template.cart .woocommerce table.shop_table_responsive tr td.product-remove,
#template.cart .woocommerce table.shop_table_responsive tr td.product-name,
#template.cart .woocommerce table.shop_table_responsive tr td.product-price,
#template.cart .woocommerce table.shop_table_responsive tr td.product-quantity {
	border-right: 1px dashed #cccccc;
}

#template.cart .woocommerce table.shop_table_responsive tr td.product-price,
#template.cart .woocommerce table.shop_table_responsive tr td.product-quantity,
#template.cart .woocommerce table.shop_table_responsive tr td.product-subtotal {
	text-align: right !important;
}
div.quantity::after {
	content: "数値を変更したら「カートを更新」をタップしてください";
	width: 10em;
/*	left: 60px; */
/*	top: -1.35em; */
	text-align: left;
}
.woocommerce a.remove:after {
	display: inline-block;
}
	.paper-and-size {
		flex-direction: column;
	}
	.paper-and-size .drop-down:first-child {
		width: 58%;
	}
	.paper-and-size .drop-down:last-child {
		width: 39%;
	}
	.paper-and-size .drop-down:first-child {
		width: 100%;
	}
	.paper-and-size .drop-down:last-child {
		width: 100%;
	}
	select#basic-size option:first-child {
		font-size: 14px;
	}
	select#paper {
		margin-right: 0px;
	}
.woocommerce table.shop_table_responsive tr td.product-change::before {
	content: none;
}

	
} /** ← レスポンシブ閉じ括弧 〜999px **/


/*
@media screen and ( max-width : 799px ){
	td.product-change, #template.cart .woocommerce table.shop_table_responsive tr td.product-price, #template.cart .woocommerce table.shop_table_responsive tr td.product-quantity, #template.cart .woocommerce table.shop_table_responsive tr td.product-subtotal {
		min-width: 3em;
	}
	.woocommerce #template.cart .woocommerce table.shop_table_responsive tr td.product-price {
		width: 3.2em !important;
	}
	
} */
/** ← レスポンシブ閉じ括弧 〜799px **/



@media screen and ( max-width : 783px ){

.header-area{
	text-align: center;
	display: block;
}
#top-logo-menu {
	width: 100%;
	flex-direction: row;
}
.main-logo {
	width: 115px;
	height: auto;
}
.header-area .top-order a {
	display: inline-block;
	margin-left: 0px;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: auto;
	height: auto;
	position: relative;
	top: -2px;
}
p.top-order {
	width: auto;
	margin-left: 0;
}
.header-area a.bn_top_contact {
	display: none;
}
.header-area a img {
	margin-left: 1em;
	margin-right: auto;
}
h1 {
	height: auto;
	line-height: 1.35em;
	margin-bottom: 1.7em;
	text-align: center;
}
.bn_contact {
	display: none;
}

#main-image .copy-area {
/*	color: #ffffff;
	width: 95%;
	height: 150px;
	position: relative; */
}
.copy-area p:nth-child(1) {
	width: 100%;
	top: auto;
	left: auto;
	text-align: center;
}
.copy-area p:nth-child(2) {
	font-size: 13px;
	left: 0px;
	top: 200px;
	width: 100%;
	text-align: center;
}
#template h2 {
	text-align: center;
	font-size: 22px;
	padding: 10px 5px 10px 10px;
}
p#sub-title {
	text-align: center;
	display: block;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
}
#progress ul {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 13px;
}
#progress ul li {
	font-size: 14px;
	text-align: center;
	padding: 0.25em 0.9em 1.2em 0.9em;
	background-image: url("images/arrow_progress_down.png");
	background-repeat: no-repeat;
	background-position: center bottom 3px;
	margin-bottom: 1px;
}
#order #progress ul li:nth-child(even), #cart #progress ul li:nth-child(even), #checkout #progress ul li:nth-child(even) {
	display: none;
}
#progress ul li:last-child {
	background-image: none;
	padding-bottom: 0.25em;
	padding-right: 0.25em;
}
#progress ul li:first-child, #progress ul li:first-child {
	margin-left: 0em;
	margin-right: 0em
}
#progress ul li:after {
	display: none;
}
#slogan h3 span {
	display: block;
}
.top_message {
	width: calc(100% - 228px);
	margin-right: 0px;
}
.top_message{
	width: calc(100% - 228px);
	margin-right: 0px;
	float: right;
}
.top_history {
	width: 100%;
	float: none;
	display: inline-block;
	line-height: 1.5em;
}

.shop_table_responsive thead {
	display: none;
}
article#template.cart form table tbody tr, article#template.checkout form table tbody tr {
	border-top: none;
	border-bottom: none;
}
.actions a {
	box-sizing: border-box;
	text-align: center;
}
article#template.cart form table tbody tr td, article#template.checkout form table tbody tr td {
/*	border-right: none !important; */
	border-bottom: 1px dashed #aaaaaa;
	border-top: none;
}
main#checkout form.checkout table tbody tr td {
	border-right: 1px dashed #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
}
main#checkout .woocommerce-checkout #payment div.payment_box {
	width: auto;
}
td.product-remove {
	width: 100%;
	box-sizing: border-box;
}
form.form-area .blank input[type="number"], form.form-area .sizing input[type="number"] {
	padding: 0.5em;
}
label {
	display: block;
/*	text-align: center; */
/*	margin-bottom: 0.5em; */
}
select#paper {
	width: 100%;
	box-sizing: border-box;
}
#size-limit {
	position: relative;
	line-height: 1.5em;
	bottom: 35px;
}
.sizing {
	width: 100%;
	background-position: left 55px top 75px;
}
form.form-area .sizing-x {
	top: 10px;
	left: 120px;
	position: relative;
}
form.form-area .sizing-y {
	top: 170px;
	left: 0px;
}
form.form-area .sizing-y:before {
	display: block;
/*	text-align: center; */
}
.blank {
	width: 350px;
	background-size: 160px 160px;
	display: block;
	height: auto;
	min-height: 310px;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 30px;
}
.blank div.b_top {
	position: relative;
	top: -10px;
}
.blank div.b_right {
	position: relative;
	top: 100px;
	left: 175px;
}
.blank div.b_right:before {
	text-align: center;
}
	
.blank div.b_bottom {
	position: relative;
	left: -37px;
	top: 238px;
}
.blank div.b_left {
	position: relative;
	left: -250px;
	top: 100px;
}
.blank div.b_left:before {
	text-align: center;
}

#template.cart .woocommerce table.shop_table_responsive tr td.product-name::before {
	float: left;
	margin-right: 0.3em;
}	

p.result {
	font-size: 24px;
	line-height: 1.3em;
	text-align: center;
	margin-top: 20px;
}
input#number {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 15px;
	text-align: center;
}
.product-remove, .product-change {
		text-align: right;
}
div.quantity::after {
	width: 12em;
	text-align: left;
	top: -15px;
	right: 6em;
	content: "数値を変更したら「カートを更新」をクリックしてください";
	font-size: 12px;
}
article#template.cart dl.variation dt, article#template.checkout dl.variation dt {
font-size: 16px;
}
.variation {
	display: block;
	text-align: left;
}
table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
	background-color: #ffffff;
}
td.actions {
	background-color: #ffffff !important;
}
a.button.wc-backward.wp-element-button {
	background-color: #f6f6d3;
}
button.button.wp-element-button {
	background-color: #ffb154 !important;
}
tr.woocommerce-cart-form__cart-item.cart_item {
	border-bottom: 12px solid #aaaaaa !important;
}
#payment .wc_payment_method.payment_method_cod label::after {
	position: absolute;
	top: 12px;
}
#payment .wc_payment_method.payment_method_paygent_cc label::after {
	position: absolute;
	top: 28px;
}
#checkout .woocommerce-checkout #payment div.payment_box {
	width: auto;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: right;
	width: 100%;
}

#template.cart .woocommerce table.shop_table_responsive tr td.product-remove,
#template.cart .woocommerce table.shop_table_responsive tr td.product-change {
	display: inline-block;
	width: 50%;
}

#template.cart .woocommerce table.shop_table_responsive tr {
	display: flex;
	flex-direction: column;
}

#template.cart .woocommerce .cart_totals table.shop_table.shop_table_responsive tr {
	display: flex;
	flex-direction: row;
}
#template.cart .woocommerce .cart_totals table.shop_table.shop_table_responsive tr th,
#template.cart .woocommerce .cart_totals table.shop_table.shop_table_responsive tr td {
	width: 100%;
	background-color: #ffffff;
}
	#template.cart .woocommerce .cart_totals table.shop_table.shop_table_responsive tr th {
		text-align: left;
		border-right: none;
	}
	#template.cart .woocommerce .cart_totals table.shop_table.shop_table_responsive tr td {
		text-align: right;
		border-left: none;
	}
	
#template.cart .woocommerce table.shop_table_responsive tr td.product-remove,
#template.cart .woocommerce table.shop_table_responsive tr td.product-change,
#template.cart .woocommerce table.shop_table_responsive tr td.product-price,
#template.cart .woocommerce table.shop_table_responsive tr td.product-quantity,
#template.cart .woocommerce table.shop_table_responsive tr td.product-subtotal {
	width: 100%;
	max-width: 100%;
	min-width: 4em;
	box-sizing: border-box;
}
#template.cart .woocommerce table.shop_table_responsive tr td.actions {
	width: 100%;
}
.woocommerce a.remove:after {
	display: inline;
}
	
	
.variation dt {
	width: 70px;
	box-sizing: border-box;
	margin-right: 6px !important;
	border-bottom: none;
}
.variation dd {
	width: 100%;
	display: inline-block;
}	
main#checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	flex-direction: column;
	text-align: center;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	width: auto !important;
}
	
	
footer #main-navi.footer-navi {
	display: none;
}
footer p.goto-top {
	display: inline-block;
	float: none;
	position: relative;
	top: -23px;
}
footer p.footer-contact {
	display: block;
	position: relative;
	float: none;
	margin-top: 5px;
	margin-bottom: 10px;
}
.low {
	text-align: center;
}
footer p.low {
	text-align: center;
	display: block;
	padding-top: 0.5em;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
button.rotate {
	position: relative;
	left: 195px;
	top: 160px;
}	
#template.cart .woocommerce table.shop_table_responsive tr td {
	width: 100%;
}
	
#template.cart .woocommerce table.shop_table_responsive tr td.product-remove, #template.cart .woocommerce table.shop_table_responsive tr td.product-name, #template.cart .woocommerce table.shop_table_responsive tr td.product-price, #template.cart .woocommerce table.shop_table_responsive tr td.product-quantity {
	border-right: none;	
}
/* スマホで縦線の破線を消す */
#template.cart .woocommerce table.shop_table_responsive tr td.product-change {
	border-right: none;
}

} /* レスポンシブ閉じ括弧 */



/* WPログイン画面での言語バーの中央表示化 */
#language-switcher-locales { display: inline; }

/* TOPの三要素 */
.top-link-block {
	background-color: #FFFFFF!important;
}
figure {
	margin: 0 0 1em 0;
}
.order-button a {
	background-color: #578CC5!important;
	border-radius: 10px!important;
	color: #FFFFFF!important;
	margin-bottom: 2rem;
}

/* クレジットカードの決済画面で余分な四角を消す */
#sonypayment-payment-data label::before {
	display: none;
}
#sonypayment-light-card-form .form-row.form-row-wide.woocommerce-validated label::before {
	display: none;
}
#payment #sonypayment-light-card-form p.form-row.form-row-wide.woocommerce-validated label {
	padding-left: 0px;
}
#payment .wc_payment_method label::after {
	display: none;
}

/* カートに戻るボタン（東内）2023.07.01 */
.return-to-shop {
	height: auto;
	box-sizing: border-box;
}
.go-next {
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
}
.return-to-shop a, .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.wp-element-button {
	background-color: #ebe9eb !important;
	border-radius: 10px!important;
	color: #000000!important;
	margin-top: 0.7rem;
	padding: 0.9em 1.2em 0.9em 1.2em;
	height: auto;
	min-width: 248px;
	box-sizing: border-box;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
.return-to-shop a {
	width: 221px;
	min-width:221px;
	box-sizing: border-box;
	font-weight: bold;
}
.return-to-shop a.button.wc-backward.wp-element-button {
	color: #ffffff !important;
}

/* 作品仕様を追加するにプラスボタン */
/*
.button.wc-backward.wp-element-button:before {
	content: "＋ ";
	font-weight: 700;
	vertical-align: middle;
}
*/
/* カートの金額表示：thを左揃えに */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: right;
/*	width: 100%; */
}
.shop_table th {
/*	text-align: left; */
/*	background-color: #ffffff !important; */
}
tr.order-total {
	color: #578cc5 !important;
}
.cart_totals.calculated_shipping tr th {
	border-right: none !important;
}
.cart_totals.calculated_shipping tr td {
	border-left: none !important;
}
/* 注文済みの画面で、表組み中の金額を右揃えに */
td.woocommerce-table__product-total.product-total {
	text-align: right;
}
/* WooCommerce バージョンアップに伴う位置崩れなど修正（2023.09.29　東内） */
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
	text-align: center;
}
form input[type="submit"].into-cart, button#place_order, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, #cart .woocommerce a.button {
	background-color: #797979 !important;
}
.woocommerce #payment #place_order {
	float: none;
}
form input[type="submit"].into-cart, 
.woocommerce .woocommerce-checkout-payment button#place_order.button.alt,
#cart .woocommerce .wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
	background-color: #ffb154 !important;
}

/* カートに戻るボタンを統一 */
@media screen and (max-width: 999px) {
	.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents button.wp-element-button {
		width: 100%;
	}
	/* 金額表示 */
	/*
	.shop_table th {
		text-align: left;
		background-color: #ffffff !important;
	}
	*/

} /* レスポンシブ閉じ括弧 */