@charset "UTF-8";
/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
/* Display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }


audio,
canvas,
progress,
video {
  display: inline-block; }


audio:not([controls]) {
  display: none;
  height: 0; }


template,
[hidden] {
  display: none; }


*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  box-sizing: inherit;
  /* 2 */ }


::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }


html {
  box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  line-height: 1.5;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 5 */ }

/* Sections (https://www.w3.org/TR/html5/sections.html)
    ========================================================================== */

body {
  margin: 0; }


h1 {
  font-size: 2em;
  margin: .67em 0; }

div#shopcart {
text-align: center;
display: flex;
flex-flow: wrap;
justify-content: center;
 }




div#itemArea {
text-align: center;
width: 700px;
font-size: 2em;
 }

div#itemArea img{
width:70%; 
border: solid;
    border-width: 3px;
}

div#itemArea p{

margin:0;
}

div#itemArea form{
background-color: #efffd8a6;
    font-size: 0.75em;
    border: solid;
    border-width: 1px;
    margin: 2%;
 }

div#itemArea input{
width:40%; 
font-size: 0.75em;
}

div#itemArea select{
width:50%; 
font-size: 0.75em;
}



input.rCartBtn {
  max-width: 40%;
  text-align: center;
  background-color: #9ec34b;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px 8px 16px;
  border-radius: 4px;
  position: relative;
}



input.rCartBtn:before {
  font-family: "FontAwesome";
  content: "\f105";/* 好きなフォントアイコンを　*/
  position: absolute;
  left: 16px;
  top: 50%;
  margin-top: -8px;
}

input.rCartBtn:hover {
  opacity: 0.8;
}








input.rItemUnits{

}