@charset "utf-8";
/* Reset HTML (No Edit 
 * -----------------------------------------------------------------------------
 */
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, 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;
}
tr, th, td {
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content: none;
}
/* Initial HTML (No Edit
 * -----------------------------------------------------------------------------
 */
html {
	font-size:62.5%;
}
body, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5em;
}
table {
	border-collapse:collapse;
}
th {
	white-space:nowrap;
}
p {
	margin-bottom:1em;
}
sup, sub {
	height:0;
	line-height:1;
	vertical-align:baseline;
	_vertical-align:bottom;
	position:relative;
	font-size:.8em;
}
sup {
	bottom:1em;
}
sub {
	top:.5em;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	max-width:100%;
}
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.7em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
}
/* Usual Style (No Edit
 * -----------------------------------------------------------------------------
 */
.cf {
	overflow:auto;
}
.cf:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
table {
	max-width:100%;
}
.brspan:before {
	content:"\A";
	white-space:pre;
}
.noscreen {
	display:none;
}
/* Common Style
 * -----------------------------------------------------------------------------
 */
 /* HTML Tag */
body {
	background:#fff /* url(../img/bg.png) repeat */;
}
a {
	text-decoration:none;
	color:#c00;
}
a:hover {
	color:#f00;
}
ul {
	list-style-type:none;
}
ol {
	margin-left:4%;
}
select, input {
	border-radius:5px;
	min-height:40px;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
}
input[type="submit"] {
	width:65%;
	background:#c00;
	border-top:1px solid #fcc;
	border-left:1px solid #fcc;
	color:#fff;
	padding:2px 0 2px;
	text-shadow:0px 1px 3px rgba(25, 25, 25, 0.95);
}
/* Layout */
.container {
	width:92%;
	margin:0 auto;
}
.pc {
	display:none;
}
/* Header */
header {
	text-align:center;
}
header .rblk {
	display:none;
}
#hfix {
	background:#fff /*url(../img/bg.png) repeat*/;
	position:fixed;
	width:92%;
	margin:0 auto;
	padding-top:10px;
	z-index:100;
	top:20px;
}
#hfix h1{
	display:inline-block;
}
#headermenu {
	display:inline-block;
}
#headermenu li {
	display:inline-block;
}
#globalmenu {
	display:none;
}
header .logo {
	padding-top:120px;
}
#news {
	border:1px dashed #f3be65;
	border-radius:4px;
	padding:10px;
	text-align:left;
	fon-size:12px;
	font-size:1.2rem;
	line-height:1.5em;
}
#news section {
	height:3em;
	overflow:auto;
}
#news h2 {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	fon-size:16px;
	font-size:1.6rem;
	color:#111;
	font-weight:bold;
}
#news section {
	margin-top:5px;
}
#news time {
	color:#d78e11;
	font-weight:bold;
}
#news h3 {
	fon-size:13px;
	font-size:1.3rem;
	color:#111;
	font-weight:bold;
}
#news h4 {
	color:#333;
	font-weight:bold;
}
#news li {
	list-style-type:disc;
	margin-left:1.5em;
}
#news p {
	margin-bottom:0;
}
#link li {
	display:inline-block;
	margin:10px 5px;
}
#link li img {
	height:25px;
}
.feefree {
	background:#d78e11;
	color:#fff;
	padding:.3em;
	text-align:center;
	position:fixed;
	top:0;
	z-index:300;
	width:100%;
	font-size:12px;
	font-size:1.2rem;
}
.feefree p {
	margin-bottom:0;
}
.feefree span {
	font-size:1.1em;
}
/* Footer */
 footer {
	background:#f6f6f6 /*rgba(182, 182, 146, .5)*/;
	font-size:0;
	color:#111;
	padding:0 0 15px 0;
	margin-top:60px;
}
footer .container {
	width:100%;
}
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 8px 0;
	border-radius: 30px;
	box-sizing:border-box;
	width: 40px;
	height: 40px;
	background-color: #d78e11;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.2em;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#footermenu li {
	font-size:12px;
	font-size:1.2rem;
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	border-bottom:1px dotted #b6b692;
}
#footermenu li:nth-of-type(2n+1) {
 border-right:1px dotted #b6b692;
}
#footermenu li:nth-of-type(1), #footermenu li:nth-of-type(2) {
 border-top:1px dotted #b6b692;
}
#footermenu li a {
	display:block;
	width:100%;
	min-height:30px;
	text-decoration:none;
	color:#111;
	line-height:30px;
	padding:.5em 0 .5em 1em;
	box-sizing:border-box;
}
/*
#footermenu li a.e {
 background:#f6f6f6;
 color:#fff;
}
*/
#cpr {
	width:100%;
	text-align:center;
	margin:3em auto 0 auto;
	font-size:12px;
	font-size:1.2rem;
}
/* Parts */
h2#itemtop{
	font-size:21px;
	font-size:2.1rem;
	margin:30px 0 20px 0;
}
.infobnr ul {
	display:none;	
}
.itemprice {
	color:#c00;
	font-size:170%;
	font-weight:bold;
}
.itemprice:before {
	content:'￥';
	font-size:80%;
}
.itemprice:after {
	content:'(税込)';
	font-size:60%;
}
.actrigger:before {
	float:right;
	color:rgb(215,142,17);
	background:#fff;
	padding:2px;
	margin:0 0 auto 10px;
	border-radius:10px;
	content:"＋";
	line-height:100%;
}
.open:before {
	content:"－";
}
.actarget {
	display:none;
}
.itemlist {
	font-size:0;
	text-align:center;
	clear:both;
}
.itemlist li {
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	width:46%;
	margin:4% 4% 0 0;
	vertical-align:top;
	position:relative;
	height: 100%;
}
.itemlist li a {
	color:#111;
}
 .itemlist li:nth-of-type(2n) {
 margin-right:0;
}
.itemlist li div.img {
	display:block;
	box-sizing:border-box;
	background:#fff0e2 /*rgba(182, 182, 146, .5)*/ ;
	border-radius:500px;
	-webkit-border-radius: 500px;
    -moz-border-radius: 500px;
	height:42.32vw;
	margin-bottom:1em;
}
.itemlist li div.img:hover {
	/*background:rgba(215, 142, 17, .5);*/
	background:rgba(255, 240, 226, .5);
}
.itemlist li img {
	width:80%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:0;
}
.itemlist li.new a:before,
.itemlist li.free01 a:before,
.itemlist li.free02 a:before {
	content:"";
	background:url("../img/ico_new.png") no-repeat;
	display:inline-block;
	background-size:contain;
	width:59px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	height: 100%;
}
.itemlist li.free01 a:before {
	background:url("../img/ico_free-01.png") no-repeat;
	background-size:contain;
	width:59px;
	height: 100%;
}
.itemlist li.free02 a:before {
	background:url("../img/ico_free-02.png") no-repeat;
	background-size:contain;
	width:59px;
	height: 100%;
}
.itemlist+.rblk {
	margin-top:3rem;
}
.attmess {
	max-width:500px;
	width:90%;
	margin:20px auto;
	font-size:90%;
	color:#d78e11;
	padding:1%;
	border-radius:10px;
	border:2px solid #d78e11;
}
.attmess h4 {
	font-weight:bold;
}
.attmess p {
	margin-bottom:0;
}
/* Article Style
 * -----------------------------------------------------------------------------
 */
body.article .mainblk h1 {
	font-weight:bold;
	color:#111;
	font-size:21px;
	font-size:2.1rem;
	border-bottom:3px double #999;
	padding:3em 0;
	margin-bottom:1em;
}
h2.blktit{
	font-weight:bold;
	color:#585858;
	font-size:30px;
	font-size:3.0rem;
	text-align:center;
	margin:1em 0 .5em 0;
	border-top:3px solid #ccc;
	padding-top:1em;
}
h2.blktit span{
	font-size:14px;
	font-size:1.4rem;
}
body.article .mainblk > h2,
body.item .itemdetail h2 {
	font-weight:bold;
	color:#111;
	font-size:18px;
	font-size:1.8rem;
	border-bottom:1px dashed #999;
	margin-bottom:.5em;
}
body.article .mainblk > h2 {
	background:rgba(208, 22, 22, .8);
	color:#fff;
	/*background:rgba(182, 182, 146, .5);*/
	padding:.5em 1em;
	border-radius:8px;
	border-bottom:none;
	margin-top:1em;
}
body.article .mainblk > h3 {
	font-weight:bold;
	padding:1em 0;
	border-bottom:1px dashed #999;
	margin-bottom:1em;
}
body.article .accordion .actrigger {
	padding:1em;
	border-bottom:1px dashed #999;
	margin-bottom:0;
}
body.article .accordion .actarget {
	padding:1em;
}
body.article input[type="submit"] {
	margin-top:1em;
}
body.article form{
	margin:8px 0;
	padding:10px;
	background:#fff0e2 /*rgba(182, 182, 146, .5)*/;
	text-align:center;
	font-size:1.2rem;
	border-radius:8px;
}
.contactform {
	width:65%;
	background:#c00;
	border-top:1px solid #fcc;
	border-left:1px solid #fcc;
	color:#fff;
	padding:1em;
	text-shadow:0px 1px 3px rgba(25, 25, 25, 0.95);
	display:block;
	margin:2em auto;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	border-radius:100px;
}
/* Item Style
 * -----------------------------------------------------------------------------
 */
body.item header .logo {
	display:none;
}
body.item header .rblk {
	display:none;
}
body.item .itemdetail {
	margin:7em auto 5em auto;
}
body.item .itemdetail h2 + section {
	margin-bottom:3em;
}
body.item .iteminfo h2 {
 line-height:1.7em;
}
body.item .iteminfo h3 {
 font-weight:bold;
 font-size:1.8rem;
}
body.item .iteminfo ol {
	margin-bottom:1em;
}
body.item .itemlist {
	padding-top:10px;
	margin-top:0;
}
body.item .itemlist li {
	margin-top:0;
}
body.item .attmess {
	position: relative;
	top: 60%;
	-webkit-transform: translateY(60%);
	transform: translateY(60%);
}
body.item .itemdetail .itemimg {
	display:block;
	box-sizing:border-box;
	background:#fff0e2/*rgba(182, 182, 146, .5)*/;
	height:92vw;
	text-align:center;
	max-width:450px;
	max-height:450px;
	border-radius:8px;
	margin:2em auto 2em auto;
}
body.item .itemdetail .itemimg img {
	width:80%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:0;
}
body.item .cartinfo .itemprice {
	margin-bottom:10px;
}
body.item .cartinfo .itemfee {
	color:#690;
	font-weight:bold;
}
body.item .cartinfo .itemfee.actrigger {
	background:rgba(102, 153, 0, .6);
	color:#fff;
	font-weight:bold;
	padding:.5em;
	border-radius:5px;
	margin-bottom:0;
}
body.item .cartinfo .itemfee.actrigger:before {
	color:rgba(102, 153, 0, .6);
}
body.item .cartinfo .itemfee.actrigger.open {
	border-radius:5px 5px 0 0;
}
body.item .cartinfo .actarget {
	border:none!important;
	background:rgba(102, 153, 0, .3);
}
body.item .cartinfo form {
	margin:2em auto 3em auto;
}
body.item .cartinfo select {
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	min-width:10%;
	border-bottom:1px solid #fcc;
	border-right:1px solid #fcc;
	background:#fff;
	margin-right:10px;
	padding:0 2.5%;
}
body.item .cartinfo input.send {
	background:#c00 url(https://suppinsan-kyoto.com/common/images/btcart.png) no-repeat 30% center;
	padding:2px 0 2px 30px;
}
body.item .accordion h3 {
	background:rgb(215,142,17);
	color:#fff;
	font-weight:bold;
	font-size:17px;
	font-size:1.7rem;
	padding:.5em 1em;
	border-radius:50px;
	margin-top:1em;
}
body.item .accordion h3.open {
	border-radius:20px 20px 0 0;
}
body.item .accordion .actarget {
	border:1px solid rgb(215,142,17);
	border-top:none;
	padding:1em;
	border-radius: 0 0 20px 20px;
}
body.item .accordion h4 {
	font-weight:bold;
	line-height:1.3em;
}
body.item .accordion h4.actrigger {
	border-top:1px dotted #999;
	padding-top:.5em;
	margin-top:.5em;
}
body.item .accordion .actarget .actarget {
	background:rgba(215,142,17, 0.3);
	border:0;
}
body.item .accordion .actarget .actarget span {
	display:block;
	background:rgba(215,142,17, 0.5);
	border-radius:10px;
	text-align:right;
	padding:0 10px;
	margin:5px 0;
}
body.item .accordion .actarget h4:nth-of-type(1) {
 border-top:none;
}
body.item .accordion .faq h4.actrigger {
	text-indent:-1.2em;
	margin-left:1.2em;
}
body.item .accordion .faq h4.actrigger:first-letter {
	font-weight:bold;
	color:#39c;
}
body.item .accordion .faq .actarget:first-letter {
	font-weight:bold;
	color:#f90;
}
/* List Style
 * -----------------------------------------------------------------------------
 */
body.shoplist .shoplst .nolink,
body.shoplist .shoplst a {
	display:block;
	width:100%;
	min-height:30px;
	text-decoration:none;
	color:#111;
	line-height:30px;
	padding:.5em 0 .5em 1em;
	box-sizing:border-box;
	border-bottom:1px dotted #b6b692;
	line-height:1.5em;
}
body.shoplist .shoplst .name {
	font-weight:bold;
}
 
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
body {
 background:#fff/* url(../img/bgx2.png) repeat*/;
}
}
@media screen and (min-width : 600px) {
.pc {
	display:block!important;
}
.sp {
	display:none!important;
}
br.mobonly {
 display:none;
}
.container {
 max-width:1000px;
}
header {
 text-align:left;
}
header .container {
 position:relative;
}
header .rblk {
	display:block;
}
#hfix {
 padding-top:20px;
 max-width:1000px;
}
#headermenu {
 position:absolute;
 top:30px;
 right:0;
}
#globalmenu {
 display:block;
 padding-top:135px;
 float:left;
 width:30%;
}
#globalmenu img {
 max-height:30px;
 margin-bottom:15px;
}
header .logo {
 margin:115px 5%;
 padding-top:0;
 float:left;
 width:30%;
}
.itemlist+.rblk {
	display:none;
}
.rblk {
 float:right;
 width:30%;
 max-width:200px;
 margin-top:115px;
 text-align:center;
}
#news section {
	height:12em;
}
header + .container {
 clear:both;
}
.infobnr {
 clear:both;
 font-size:0;
 background:url(../img/bgline.png) repeat-x center 20px;
}
.infobnr ul {
	display:block;	
}
.infobnr li {
 display:inline-block;
 width:32%;
}
.infobnr li:nth-of-type(2) {
 margin:0 2%;
}
.feefree p {
 font-size:14px;
 font-size:1.4rem;
}
.feefree span {
 font-size:14px;
 font-size:1.4rem;
}
footer .container {
 width:94%;
 text-align:center;
 padding:15px 0;
}
#footermenu li {
 display:inline;
 width:auto;
 border-bottom:none;
 border-right:1px solid #b6b692;
}
#footermenu li:nth-of-type(1), #footermenu li:nth-of-type(2) {
 border-top:none;
}
#footermenu li:nth-of-type(1) {
 border-left:1px solid #b6b692;
}
#footermenu li a {
 display:inline;
 width:auto;
 min-height:0;
 line-height:normal;
 padding:0 .5em;
}
#footermenu li a.e {
 background:none;
 color:#111;
}
#footermenu li a:hover {
 text-decoration:underline;
}
#cpr {
 margin-top:0;
}
 .itemlist li {
 width:22%;
 margin-right:4%;
}
 .itemlist li:nth-of-type(2n) {
 margin-right:4%;
}
 .itemlist li:nth-of-type(4n) {
 margin-right:0;
}
 .itemlist li div.img {
 display:block;
 box-sizing:border-box;

 border-radius:500px;
 height:20.24vw;
}
/* Article Style
 * -----------------------------------------------------------------------------
 */
body.article .mainblk h1 {
	font-size:24px;
	font-size:2.4rem;
	text-align:center;
}
/* Item Style
 * -----------------------------------------------------------------------------
 */
body.item header .logo {
	display:block;
}
body.item header .rblk {
	display:block;
}
body.item .itemdetail {
 margin-top:7em;
}
body.item .itemdetail .itemimg {
 float:left;
 width:50%;
 margin-bottom:5em;
}
body.item .itemdetail .iteminfo, body.item .itemdetail .cartinfo {
 float:right;
 width:46%;
 line-height:1.7em;
 margin-left:4%;
}
body.item .cartinfo input.send {
 width:65%;
}
body.item .iteminfo h2 {
 font-size:24px;
 font-size:2.4rem;
}
body.item :not(.iteminfo) h2 {
 clear:both;
}
/* List Style
 * -----------------------------------------------------------------------------
 */
body.shoplist .shoplst li {
	display:inline-block!important;
	width:49%!important;
	box-sizing:border-box;
}
body.shoplist .shoplst li a:hover{
	text-decoration:underline;
}

 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
}
@media screen and (min-width : 1000px) {
 .itemlist li div.img {
 height:220px;
}
}