/*
jCart v1.3
http://conceptlogic.com/jcart/

This file represents any existing CSS your site may already use

*/

* { margin:0; padding:0; }

html { background:#fff; /*font-family: "游明朝", YuMincho,"Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, serif; font-size:62.5%;*/ }
body { font-size:1.5em; }

input{
	font-family: "游明朝", YuMincho,"Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, serif;
	background-color: #FFF;
	/*text-align: center;*/
}
select{
	font-family: "游明朝", YuMincho,"Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, serif;
	background-color: #FFF;
	/*text-align: center;*/
}

#item_comment{
	font-family: "游明朝", YuMincho,"Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, serif;
	background-color: #FFF;
	text-align: left;
}

#wrapper { margin:30px auto 250px auto; width:890px; border:solid 1px #ccc; padding:30px; background:#efefef; }

h2, p { margin-bottom:1em; }

#sidebar { width:35%; float:right; }
#content { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); align-items: center; grid-gap: 10px; padding: 10px; }
img.item_img{
	max-width:100%;
	min-width:10px;
	height:auto;
}
.item { text-align:center; margin:0 20px 20px 0; padding-top:20px; margin:5%;}

@media screen and (max-width:480px) {
  #content { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); align-items: center; grid-gap:5px;padding: 0px;}
  .item { text-align:center; margin:0 0px 0px 0; padding-top:20px; margin-left:-10px;}
  img.item_img {max-width: 80%; min-width: 10px; height: auto;}
}

.clear { clear:both; }

#imgbtn {
 border: none;
 outline: none;
}

#detail{
  text-align: center;
}

/* Item forms */
/* .jcart { margin:0 20px 20px 0; padding-top:20px; border:dashed 2px #ff8a65; float:left; background:#fff; text-align:center;}*/
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:center; width:33%;}
.jcart li { margin:0; list-style:none; padding:0 20px; text-align:center; width:33%;}
.jcart fieldset { border:0; width:100%}
.jcart strong { color:#000066; }
.jcart .button { margin:20px; padding:5px; }

strong {max-width: -webkit-calc(100% - 10px);display: inline-block;}