@charset "UTF-8";

img { max-width: 100%;}

.cTitle { background: url(../img/common_title.jpg) no-repeat; padding: 1.2em 0 1.8em 4.5em; margin-bottom: 2em; font-weight: bold; position: relative;}
.cTitle .linkIndex { position: absolute; right: 1em; top: 1em;}

.entryButtons { text-align: center; padding: 2em 0 4em;}
.entryButtons p { display: inline-block; width: 48%; margin-right: 2%;}
.entryButtons p:last-child { margin-right: 0;}
.singleButton { display: block; background: #eee; text-decoration: none; color: #000 !important; padding: 1em 0; text-align: center; color: #333;}
.singleButton .button { text-decoration: none; color: #000;}
.singleButton:hover { opacity: 0.6; transition: 0.3s;}

.itemsIndex ul { list-style: none; margin: 0; padding: 0;}
.itemsIndex ul li { width: 48%; display: inline-block; vertical-align: top; margin-right: 3%; margin-bottom: 2em;}
.itemsIndex ul li:nth-child(2n) { margin-right: 0;}
.itemsIndex ul li a { text-decoration: none;}
.itemsIndex ul li span { display: block; text-align: center; background: #0777E7; color: #fff;}

.itemsIndex .priceBox dt { text-align: center;}

.photoView h3 { text-align: center;}
.photoView .mainPhoto { text-align: center; margin-bottom: 2em;}

.photoView { margin-bottom: 2em;}
.photoView ul { list-style: none; margin: 0; padding: 0;}
.photoView ul li { width: 24%; display: inline-block; vertical-align: top; margin-right: 0.5%; margin-bottom: 1em;}
.photoView ul li:nth-child(4n) { margin-right: 0;}

.dataView h3 { font-size: 120%; font-weight: bold; margin-bottom: 0.5em;}

.saleButton { display: block; background: #eee; text-decoration: none; color: #000 !important; padding: 1em 0;}
.saleButton:hover { opacity: 0.6; transition: 0.3s;}
.entryButtons { text-align: center;}
.entryButtons li { display: inline-block; width: 47%;}
.entryButtons p { }

.kindList { list-style: none; margin: 0; padding: 0;}
.kindList li { display: inline-block; vertical-align: top; margin-right: 1%; margin-bottom: 1em;}
.kindList li:last-child { margin-right: 0;}

input[type=text],
input[type=tel],
input[type=email] { font-size: 120%;}
input[type=text],
textarea { width: 100%;}
input[type=text].nameInput { width: 8em;}
input[type=text].numberInput,
input[type=tel].numberInput { width: 5em; text-align: center;}
input[name=amount],
input[name=hole_amount] { text-align: center; font-size: 120%; width: 3em;}

.entryBox h3 { font-weight: bold; font-size: 120%;}
.entryBox .noneed,
.entryBox .need { color: #fff; margin-left: 0.5em; font-size: 90%; padding: 0 0.5em; border-radius: 2px; line-height: 1;}
.entryBox .need { background: #EC1613;}
.entryBox .noneed { background: #0670DD;}
.entryBox dl { margin-bottom: 1em;}

.fontRed { color: #EC1613;}

#content th.aR,
#content td.aR { text-align: right;}
#content th.aC,
#content td.aC { text-align: center;}

.entryFormCopy { font-weight: normal; text-decoration: none; display: inline-block; vertical-align: 2px; font-size: 90%; padding: 0.25em 1em; background: #FF7E23; color: #fff !important; border-radius: 1em; margin-left: 0.5em;}
#content table { margin-bottom: 0.5em;}
/*#content th,
#content td { width: inherit;}*/
#content .cartView { font-size: 12px;}
#content .cartView th,
#content .cartView td { padding: 10px 0;}
#content .cartView thead th { vertical-align: middle;}
#content .cartView thead th.check { font-size: 10px;}
#content .cartView td.aR,
#content .cartView tfoot th.aR { padding-right: 0.5em;}
#content .cartView thead th:nth-child(1) { width: 5%;}
#content .cartView thead th:nth-child(2) { width: 19%;}
#content .cartView thead th:nth-child(3) { width: 8%;}
#content .cartView thead th:nth-child(4) { width: 13%;}
#content .cartView thead th:nth-child(5) { width: 6%;}
#content .cartView thead th:nth-child(6) { width: 6%;}
#content .cartView thead th:nth-child(7) { width: 6%;}
#content .cartView thead th:nth-child(8) { width: 11%;}
#content .cartView thead th:nth-child(9) { width: 8%;}
#content .cartView thead th:nth-child(10) { width: 12%;}
#content .cartView thead th:nth-child(11) { width: 6%;}

.cartAmountBox { padding: 0 !important;}
.cartAmountBox div { position: relative; text-align: right; padding-right: 0.5em; line-height: 3;}
.cartAmountUp,
.cartAmountDown { border: 1px solid #aaa; color: #666; text-decoration: none; display: block; text-align: center !important; line-height: 1; width: 1em; border-radius: 50%; font-size: 14px;}
.cartAmountUp { position: absolute; left: 4px; top: 2px;}
.cartAmountDown { position: absolute; left: 4px; bottom: 2px;}
.cartAmountBox div a:hover { background: #FFF4ED; color: #FF7A20 !important; border-color: #FF7A20 !important;}

.aC { text-align: center;}

.hidden { display: none;}
.miniFont { font-size: 90%;}

.attBox { padding: 0 0 2em;}
.attBox dl { border: 1px solid #aaa; padding: 0.75em; height: 15em; overflow: auto; margin: 0;}
.attBox dl dt { font-weight: bold;}
.attBox dl dd { font-size: 80%; margin-bottom: 0.75em;}
.attBox ul { list-style: disc; padding: 0.25em 0 0.25em 1.5em;}
.attBox ul li { list-style: inherit;}
.agreeCheck { text-align: center;}
.agreeCheck label { font-size: 120%;}

.cartSetting { margin: 0; padding: 0.5em 0;}
.cartSetting dt { float: left; padding: 0.5em 0  0.5em 1em; margin-right: 1em;}
.cartSetting dd { border: 1px solid #ccc; padding: 0.5em 0.5em 0.5em 0;}

.uploadMessage { border: 1px solid #ccc; padding: 1px; font-size: 12px; padding: 0 1em; margin: 0 0 2em;}
.uploadMessage h4 { font-size: 14px; font-weight: bold;}
.uploadMessage ul { margin: 0 0 0.5em 25px;}
.uploadMessage ul li { list-style: disc;}
#content .uploadMessage p { padding: 0 0 5px; margin: 0;}

.lp10 { padding-left: 10px !important;}

.twoButtons { margin: 0; padding: 0; list-style: none;}
.twoButtons li { display: inline-block; width: 49%; vertical-align: top;}
.twoButtons li:first-child { margin-right: 1%;}
.twoButtons li span { display: block; padding-top: 0.5em; font-size: 90%;}

.attentionMes { font-size: 90%; padding: 1em; border: 1px dotted #aaa; margin: 1em 0;}
.attentionMes p { padding: 0 0 0.5em; margin: 0 !important;}

.cardInformation dd { border: 1px solid #eee; padding: 5px;}