/* カスタマイズ用CSS */

.referral_code_shopping_item_confirm_area_wrapper{
    color: red;
}

.about_us {
text-align: center;
color: #2f4f4f;
}

.about_us img {
text-align: center;
width: 300px;
height: auto;
}

.branddetail {
text-align: left;
color: #2f4f4f;
margin-left:2%;
margin-right:2%;
}

.branddetail_img img {
width: 96%;
display: block;
margin-left: 2%;
margin-right: 2%
}

.branddetail_howto_img img {
width: 96%;
display: block;
margin-left: 2%;
margin-right: 2%
}

.brand_btn {
text-align: center;
display: inline-block;
margin-bottom: 0;
font-weight: bold;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 10px 16px;
text-decoration: none;
color: #fff;
background-color: #2F4F4F;
border-color: #2F4F4F;
display: block;
width: 100%;
height: 56px;
line-height: 56px;
padding-top: 0;
padding-bottom: 0;
}

.ec-sns {
    text-align: left;
}

.ec-sns img {
    width: auto;
    height: 60px;
    margin: 0 0 0 30px;
}

.ec-topicpath__item {
 color: #2F4F4F;
/* letter-spacing:0.5em;*/
}

.ec-topicpath__item--active{
    color: #2F4F4F;
}

.ec-inlineBtn--nature:hover,.ec-inlineBtn--nature:active,.ec-inlineBtn--nature:focus {
    color: white;
}

.ec-blockBtn--action {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 16px;
  text-decoration: none;
  color: #fff;
  background-color: #2F4F4F;
  border-color: #2F4F4F;
  display: block;
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
}

.faq {
text-align: left;
color: #2f4f4f;
margin-left:3%;
margin-right:3%;
}
  
h1.branddetail{
    font-size:1.3em;
    width: 96%;
display: block;
margin-left: 2%;
margin-right: 2%
}

.introduction {
text-align: left;
color: #2f4f4f;
margin-left:3%;
margin-right:3%;
}

.introduction img {
width: 40%;
height: auto;
margin: 0 0 0 30px;
}

.items{
background-color: whitesmoke;
}

.items img {
width: 40%;
height: auto;
margin: 0 0 0 30px;
}

.item_list{
text-align: center;
}

.item_list img{
width: 50%;
}

.branddetail_inline_img{
    width:80%;
   display: inline-block;      /* インラインブロック要素にする */
    margin-left:5%;             /* 余白指定 */
    margin-right:5%;
}

p.indent1{
    padding-left:1em;
}
p.branddetail{
width: 96%;
display: block;
margin-left: 2%;
margin-right: 2%
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
    img { max-width: 94%; }
}

.sp{
  display: flex;
  flex-direction: column;
  text-align: center;
}

.pc{
    text-align: center;
}

.pc img {
width: 60%;
height: auto;
margin: 0 0 0 30px;
}

.color_black {
  color: black;
}

/* フッターの背景色変更 */
.ec-footerRole {
  background: #2F4F4F;
}