@charset "utf-8";

#houseki-title {
	background-color: #6f1a39;
/* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#6f1a39+1,9a2e48+11,6d0019+16,6d0019+85,9a2e48+90,6d0019+99 */
background: linear-gradient(135deg,  rgba(111,26,57,1) 1%,rgba(154,46,72,1) 11%,rgba(109,0,25,1) 16%,rgba(109,0,25,1) 85%,rgba(154,46,72,1) 90%,rgba(109,0,25,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	text-align: center;
	padding: 6%;
	margin: 2% 0;
}
#intro {
	width: 94%;
	margin: 1em auto;
}
#shopitem {
	text-align: center;
	margin: 2em 0;
}
#shopitem ul.images {
	display: flex;
	flex-wrap: wrap;
	list-style-type:none;
}

#shopitem ul.images li {
	background-color: #f1f1f1;
	padding: 2%;
	margin: 5% 0;
}

.sanmai {
	margin: 5% 0;
}
.sanmai ul.images li {
	width: 46%;
	margin: 0!important;
	padding: 2%!important;
}
.sanmai ul.images li:first-child {
	width: 100%;
}
.sanmai .sizewaku {
	background-color: #f1f1f1;
	padding: 0 2% 2% 2%;
}

#kounyu {
	width: 94%;
	margin: 1em auto;
}
#kounyu p {
	border: 1px solid #6f1a39;
	padding: 2%;
}
span.shosai {
	display: block;
	padding: 15px 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	background-color: #fff;
}
span.shosai .mini {
	font-weight: normal;
	line-height: 90%;
letter-spacing: 1px;
}
h3#chumon {
	margin: 3em auto 0 auto;
	width: 94%;
	color: #fff;
	padding: 8px 0;
	font-size:1.5em;
	background-color: #ff6600;
	line-height: 160%;
	font-weight: bold;
	border: 1px solid #ff6600;
}
input[type="submit"]{
    -webkit-appearance: none;
}
    
body #submbtn {
	background-color:#f3960a!important;
        width: 40%!important;
        margin: 1em auto 0auto;
	opacity: 1;
        border: solid 1px #f3960a!important;
	border-right: solid 3px #8f5f46!important;
	border-bottom: solid 3px #8f5f46!important;
    }
    
body #submbtn:active {
      -webkit-transform: translateY(4px);
      transform: translateY(4px);/*下に動く*/
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
      border-bottom: none;
}
body #submbtn:disabled {
        font-size: 1.3em;
        color: #fff;
      opacity: 1;
}
.toiawase textarea#item {
	border: none;
}

#tokusho h4 {
	margin: 3em 0;
}
#tokusho table {
	margin: 1em 0;
}

#tokusho table th {
	text-align: center;
	background-color: #f1f1f1;
	vertical-align: middle;
}

#tokusho table th,
#tokusho table td {
	border: 1px #fff solid;
	vertical-align: middle;
	table-layout:  fixed;
	padding: 6px;
	text-align: left;
	font-size: 0.8em;
	font-weight: normal;
}
#tokusho table td {
	border-bottom: 1px #ccc solid;
}
#main table.toiawase td.pay input{
	width: auto;
}
@media screen and (min-width : 1020px) {

#shopitem ul.images li {
	width: 45%;
	padding: 2%;
	margin: 2% 1% 2% 0;
}
.sanmai ul.images li {
	width: 46%!important;
	margin: 0!important;
	padding: 2%!important;
}
.sanmai ul.images li:first-child {
	width: 100%!important;
}
}