@charset "utf-8";

/* 通販システム用
------------------------------------------------------------ */
input {
	cursor: pointer; 
	display: inline-block;
}
.w100 {
	width:100%;
}
.input-btn {
	border: 1px solid #333;
     background: #000;
     color: #fff; 
     -webkit-border-radius: 4px;     /* Google Chrome・Safari用 */
     -moz-border-radius: 4px;    /* Firefox用 */
     border-radius: 4px;     /* 基本形 */
     padding: 5px 10px; 
     cursor: pointer; 
     display: inline-block;
}

.table-type1 {
	width:100%;
	margin:20px 0;
}
.table-type1 th, .table-type1 td {
	font-size:1.2rem;
	padding:5px;
	border:1px solid #CCC;
}
.table-type1 th {
	background:#CBB097;
}

.table-type2 {
	width:100%;
	margin:20px auto;
}
.table-type2 th, .table-type2 td {
	padding:10px 5px;
}
.table-type2 th {
	padding:5px;
	border-bottom:1px dotted #CCC;
}
.table-type2 td img {
	float:right;
	width:200px;
	margin:0 0 20px 20px;
}
@media ( max-width : 768px ) {
	.table-type2 td img {
		float:none;
		width:200px;
		margin:0 auto;
	}
}

/* teiban */
.entry-subtitle {
	margin:40px 0 20px;
}
.slidebox {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#90551F), to(#60230C));
	background: linear-gradient(to bottom, #60230C, #90551F);/* IE10+, W3C */
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-sizing:border-box;
}
 
.slidebox:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #60230C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
	box-sizing:border-box;
}





.shop-table-type1 {
	width:100%;
	margin-bottom:10px;
}
.shop-table-type1 th, .shop-table-type1 td {
	font-size:1.2rem;
	padding:5px 10px;
	border:1px solid #CCC;
}
.shop-table-type1 th {
	width:20%;
	background:#FFEAEA;
}
.shop-table-type1 td {
	width:30%;
}


.shop-table-type2 {
	width:100%;
}
.shop-table-type2 th, .shop-table-type2 td {
	font-size:1.2rem;
	padding:5px 10px;
	border:1px solid #CCC;
}
.shop-table-type2 th {
	width:20%;
	background:#FFEAEA;
}
.shop-table-type2 td {
	width:20%;
}







.tit_th th, .tit_th td, .tit_td th, .tit_td td {
	padding:10px 5px;
	vertical-align:middle;
}
@media ( max-width : 768px ) {
	.tit_th th, .tit_th td, .tit_td th, .tit_td td {
		font-size:1.2rem;
	}
}
.tit_th {
	width:100%;
	margin-bottom:20px;
	border-bottom:1px dotted #CCC;
}
.tit_td {
	width:100%;
	margin-bottom:20px;
}
.tit_td th {
	text-align:center;
	width:70px;
	background:#CBB097;
	border:1px solid #CCC;
}
.tit_td td {
	border:1px solid #CCC;
}

.select {
	width:120px;	
}
.cart-btn {
	width:75px;
}
.shop-input {
	width:auto;
	padding:0;
	border:none;
}

.shop-entry-img {
	float:left;
	width:150px;
	margin:0 20px 20px 0;
}
.shop-entry-table {
	float:right;
	width:480px;
}


/* cart */
h3.cart {
	margin:20px 0;
	padding:20px;
	background:#EEE;
}
.fl_l, .fl_r {
	width:48%;
}
.fl_l {
	float:left;
}
.fl_r {
	float:right;
}




/* set_user */
.mt10 th, .mt10 td {
	padding:5px;
}



#side-column .user-btn {
    cursor: pointer; 
	color:#FFF;
	text-align:center;
	width:100%;
	margin-bottom:10px;
	padding:10px;
	box-sizing:border-box;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#90551F), to(#60230C));
	background: linear-gradient(to bottom, #60230C, #90551F);/* IE10+, W3C */	
	border: 1px solid #DDD;
    -webkit-border-radius: 5px;     /* Google Chrome・Safari用 */
    -moz-border-radius: 5px;    /* Firefox用 */
    border-radius: 5px;     /* 基本形 */
}
#side-column .cart-btn {
    cursor: pointer; 
	color:#FFF;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	padding:10px;
	box-sizing:border-box;
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#90551F), to(#60230C));
	background: linear-gradient(to bottom, #60230C, #90551F);/* IE10+, W3C */	
	border: 1px solid #DDD;
    -webkit-border-radius: 5px;     /* Google Chrome・Safari用 */
    -moz-border-radius: 5px;    /* Firefox用 */
    border-radius: 5px;     /* 基本形 */
}
#side-column .user-btn a, #side-column .cart-btn a {
	color:#FFFFFF;
}
#side-column .user-btn a:hover, #side-column .cart-btn a:hover {
	opacity:0.8;
}