@charset "euc-jp";

html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button, nav, header, footer, address {
  margin: 0;
  padding: 0;
  font-style:normal;
}

/*-------------------------------
 common
-------------------------------*/

html,body {
  color:#555555;
  margin: 0;
  padding: 0;
  background:#FFFFFF;
  font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Þ⥴¥·¥Ã¥¯" , "Yu Gothic" , "Þ⥴¥·¥Ã¥¯ÂÎ" , "YuGothic" , "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
}

html,body {
font-family: kan412typos-std, sans-serif;
font-weight: 400;
font-style: normal;
}

body {-webkit-text-size-adjust: 100%;}

h1, h2, h3, h4 {color:#000000;}

a {
  color:#666;
  text-decoration:none;
}
a:hover {color:orange;}

.mgB-50 {margin-bottom:50px;}
.mgB-80 {margin-bottom:80px;}
.mgB-100 {margin-bottom:100px;}

.c-red,
.colorRed {color:red;}

.style-att {
  color:#550000;
  font-style:italic;
  letter-spacing:1px;
  font-size:15px;
}

.style-att:before {
  content:"¡ªÃí";
  font-size:40px;
  line-height:1;
  float:left;
  margin:0 0.4em 0 -0.2em;
  padding:0.1em 0;
}

.style-att:after {
  content:"";
  display:block;
  height:1px;
  clear:left;
  margin-bottom:1em;
}

.style-ind {
  padding-left:1em;
  padding-right:1em;
}


@media screen and (min-width: 701px){
  html,body {
    font-size:14px;
    line-height:1.6;
  }

  #content {
    margin-top:450px;
  }

  .block-max {
    width:100%;
    min-width:1150px;
    margin-bottom:100px;
  }

 .block-max2 {
    width:100%;
    min-width:1150px;
  }
 
  .block-1050 {
    width:1050px;
    margin:0 auto 100px;
  }

  .block-900 {
    width:900px;
    margin:0 auto 100px;
  }

  #breadcrumb {
    width:1050px;
    margin:0 auto 100px;
    font-size:12px;
    line-height:16px;
  }
}

@media screen and (max-width: 700px){
  html,body {
    font-size:16px;
    line-height:1.8;
  }

  .block-max,
  .block-1050,
  .block-900 {
    width:100%;
    margin-bottom:100px;
  }

  .block-max2 {
    width:100%;
  }

  #breadcrumb {
    width:90%;
    margin:0 auto 30px;
    font-size:10px;
    line-height:16px;
  }

}


#breadcrumb {
  display:block;
  font-size:12px;
  line-height:16px;
}

#breadcrumb li {
  display:inline-block;
  margin-right:10px;
  margin-bottom:10px;
}
#breadcrumb li:after {
  content:">";
  display:inline-block;
  margin-left:10px;
}
#breadcrumb li:nth-last-of-type(1) a {color:#333333;}
#breadcrumb li:nth-last-of-type(1):after {
  content:"";
  display:none;
  margin-left:0;
}



/*-------------------------------
 header contents
-------------------------------*/

@media screen and (min-width: 701px){
  header {
    width:100%;
    min-width:1150px;
    height:210px;
    padding-top:100px;
    background-color:white;
    position:fixed;
    top:0;
    left:0;
    z-index:5;
    transition-property: height, padding-top;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }

  h1#shop-logo img {
    display:block;
    width:400px;
    height:124px;
    margin:0 auto 50px;
  }

  navi#head-navi {
    position:absolute;
    top:10px;
    right:10px;
  }

  navi#head-navi li,
  navi#head-navi a {display:inline-block;}
  
  navi#head-navi li {margin-left:12px;}

  navi#head-navi a {
    width:20px;
    height:20px;
  }

  navi#head-navi a img {height:20px;}

  navi#head-menu {
    width:100%;
    height:30px;
    text-align:center;
    display:block;
  }

  navi#head-menu li,
  navi#head-menu a {display:inline-block;}

  navi#head-menu li {margin:0 0;}

  navi#head-menu a {
    color:#333333;
    height:30px;
    font-size:20px;
    line-height:30px;
    padding-left:8px;
    padding-right:8px;
    background-color:transparent;
    border-radius:6px;
    transition-property: background-color, border-radius;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
   }

  navi#head-menu a:hover {
    background-color:#f8cbbe;
    border-radius:12px;
    transition-property: background-color, border-radius;
    transition-duration:0.3s;
    transition-timing-function:ease-in-out;
  }

  navi#head-menu a .MobMenu {display:none;}

  .head-scroll {
    height:40px;
    padding-top:5px;
    box-shadow:0 0 5px black;
    transition-property: height, padding-top;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }

  .head-scroll h1#shop-logo {display:none;}

  #sp-menu-btn,
  #sp-menu-btn * {display:none;}
}


@media screen and (max-width: 700px){
  h1#shop-logo img {
    display:block;
    width:280px;
    margin:50px auto 50px;
  }

  #sp-menu-btn {
    width:50px;
    padding:24px 4px 4px;
    border-radius:8px;
    font-size:14px;
    display:block;
    position:absolute;
    top:20px;
    left:104%;
    z-index:5;
    background-color:rgba(255, 255, 255, 0.6);
    text-align:center;
    color:black;
    transition-property:color, background-color;
  }

  #btn-icon {
    display:block;
    position:relative;
    width:100%;
    height:5px;
    margin-bottom:16px;
  }

  .sp-btn-close {
    border-top:2px solid black;
    border-bottom:2px solid black;
    transition-property:border-top, border-bottom;
  }

  .sp-btn-open {
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    transition-property:border-top, border-bottom;
  }

  .sp-btn-close:before,
  .sp-btn-close:after,
  .sp-btn-open:before,
  .sp-btn-open:after {
    content:" ";
    display:block;
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    transition-property:transform, top;
  }

  .sp-btn-close:before,
  .sp-btn-close:after {background:black;}

  .sp-btn-open:before,
  .sp-btn-open:after {background:white;}

  .sp-btn-open:before {top:0; transform: rotate(-45deg);}
  .sp-btn-open:after {top:0; transform: rotate(45deg);}

  .sp-btn-close:before {top:-10px; transform: rotate(0deg);}
  .sp-btn-close:after {top:12px; transform: rotate(180deg);}

  #sp-menu-btn,
  .sp-btn-close:before,
  .sp-btn-close:after,
  .sp-btn-open:before,
  .sp-btn-open:after {
    transition-duration:0.5s;
    transition-timing-function:ease-out;
  }

  .sp-btn-close,
  .sp-btn-open {
    transition-duration:0.2s;
    transition-timing-function:ease;
  }

  #btn-txt {
    display:block;
    line-height:20px;
    height:20px;
  }

  .sp-menu-css {
    position:fixed;
    top:0;
    z-index:5;
    width:70%;
    height:100%;
    border-right:1px solid #bbbbbb;
    background-color:white;
    padding:20px 0;
  }

  .sp-menu-close {
    left:-71%;
    transition-property: left;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }

  .sp-menu-open {
    left:0%;
    transition-property: left;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }

  #sp-menu-back {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:4;
    background-color:rgba(0,0,0,0.3); 
  }

  #head-navi {
    width:90%;
    display:block;
    margin-bottom:20px;
    padding:0 5%;
  } 

  #head-navi li {
    display:inline-block;
    width:15%;
    margin:0 4% 20px;
  }

  #head-navi li img {width:100%;}

  #head-menu {
    width:96%;
    display:block;
    padding:0 2%;
    margin-bottom:20px;
    border-top:1px solid #999999;
  }

  #head-menu li {
    display:block;
    width:98%
    line-height:24px;
    border-bottom:1px solid #cccccc;
  }

  #head-menu li a {
    display:block;
    width:100%;
    padding:8px 0 8px 3px;
  }

   #head-menu li a .webMenu {display:none;}
}



/*-------------------------------
 hidden menu
-------------------------------*/

.hidden-menu {
  border-radius:20px;
  box-shadow:2px 5px 5px 2px rgba(0,0,0,0.3);
}

.hidden-menu h2 {
  font-size:18px;
  margin-bottom:20px;
}

.hidden-menu h3 {margin-bottom:10px;}
.hidden-menu h3 a {color:#182c81;}


.hidden-menu ul,
.hidden-menu li {display:block;}

@media screen and (min-width: 701px){
  .hidden-menu-content {
    width:290px;
    margin-bottom:40px;
  }

  .hidden-menu .hidden-menu-content:nth-of-type(odd) {
    float:left;
    clear:both;
  }
  .hidden-menu .hidden-menu-content:nth-of-type(even) {float:right;}

  .hidden-menu-wrapper {margin-bottom:60px;}

  .hidden-menu-wrapper:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }

  .hidden-menu-content li {
    margin-bottom:8px;
    margin-left:10px;
  }

  .hidden-menu-content2 li {margin-bottom:15px;}
}


@media screen and (max-width: 700px){
  .hidden-menu-content {margin-bottom:30px;}

  .hidden-menu-wrapper {margin-bottom:50px;}

  .hidden-menu-content li,
  .hidden-menu-content2 li {margin-bottom:10px;}
}


.hidden-menu button {
  border:0;
  outline:0;
  font-size:20px;
  cursor:pointer;
  background-color:white;
}

.hidden-menu button:before {
  content:"X";
  font-weight:bold;
  display:inleine-block;
  margin-right:5px;
  border-radius:30px;
  width:30px;
  height:30px;
  font-size:16px;
  line-height:30px;
  padding:0 3px;
  border:1px solid #333333;
}

#item-search-input {margin-bottom:60px;}

#item-search-input input[type=text] {
  width:100%;
  outoline:0;
  font-size:18px;
  line-height:24px;
  border-left:0;
  border-top:0;
  border-right:0;
  border-bottom:2px solid #999999;
  display:inlein-block;
  margin-bottom:30px;
}

#item-search-input input[type=submit] {
  outoline:0;
  font-size:18px;
  padding:5px 10px;
  border:1px solid #bababa;
  border-radius:5px;
  display:inlein-block;
  cursor:pointer;
}




/*-------------------------------
 toppage contents
-------------------------------*/

@media screen and (min-width: 701px){
  .top-img01 {
    display:inline-block;
    width:100%;
  }

  .top-img01 img {
    width:100%;
  }

  .top-img2c div {
    margin-bottom:60px;
    width:50%;
    float:left;
    position:relative;
  }

  .top-img2c:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }

  .top-img3c div {
    margin-bottom:60px;
    width:33.33%;
    float:left;
    position:relative;
  }

  .top-img3c:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }
}


@media screen and (max-width: 700px){
   #top-content h2 {
     width:80%;
     margin-left:auto;
     margin-right:auto;
   }

  .top-img01 {
    width:100%;
  }

  .top-img01 img {
    width:100%;
    height:400px;
    object-fit: cover;
    object-position: 50% 50%;
  }

  .top-img2c div,
  .top-img3c div {
    margin-bottom:30px;
    width:100%;
    position:relative;
  }
}

.top-img2c a span,
.top-img3c a span {
  color:white;
}

.top-img2c a:hover span,
.top-img3c a:hover span {
  color:orange;
}

#top-content h2 {
  text-align:center;
  height:44px;
  margin-bottom:30px;
  text-indent:-9999px;
  background-image:url(https://file002.shop-pro.jp/PA01390/535/i/top-h01.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}

.top-img2c img {width:100%;}

.top-img2c span {
  position:absolute;
  top:45%;
  left:0;
  display:block;
  width:100%;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  text-shadow:2px 2px 2px black;
  z-index:2;
}


.top-img3c img {width:100%;}

.top-img3c span {
  position:absolute;
  top:45%;
  left:0;
  display:block;
  width:100%;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  text-shadow: 2px 2px 2px black;
  z-index:2;
}


/*-------------------------------
 toppage news
-------------------------------*/

@media screen and (min-width: 701px){
  #top-news h2 {
    height:38px;
    margin-bottom:30px;
  }
 
  .news-block {
    width:500px;
    margin-bottom:85px;
    padding-bottom:25px;
    border-bottom:1px solid #999999;
  }

  #top-news .news-block:nth-of-type(odd) {
    float:left;
    clear:both;
  }

  #top-news .news-block:nth-of-type(even) {float:right;}

  #top-news:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }

  #top-news .news-img {
    width:300px;
    float:left;
    opacity:1.0;
    transition-property:opacity;
    transition-duration:0.2s;
    transition-timing-function:ease-in-out;
  }

  #top-news a.news-img:hover {
    opacity:0.7;
    transition-property:opacity;
    transition-duration:0.4s;
    transition-timing-function:ease-in-out;
  }

  #top-news .news-img img {width:100%;}

  #top-news dl {
    width:185px;
    float:right;
  }

  #top-news dl:after {
    content:" ";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
  }
}


@media screen and (max-width: 700px){
  #top-news h2 {
    width:96%;
    height:30px;
    margin:0 auto 40px;
  }
  .news-block {
    width:100%;
    margin-bottom:60px;
    padding-bottom:25px;
    border-bottom:1px solid #999999;
  }

  .news-img {
    width:100%;
    display:block;
    margin-bottom:10px;
  }

  a.news-img img {width:100%;}

  #top-news dl {
    width:94%;
    margin-left:auto;
    margin-right:auto;
  }
}

.inviewH {
  transition: .8s;
}

#top-news h2 {
  text-indent:-9999px;
  background-image:url(https://file002.shop-pro.jp/PA01390/535/i/top-h04.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

#top-news dt {
  border-bottom:5px solid #A60505;
  margin-bottom:20px;
  line-height:40px;
}

#top-news dd a {
  color:#333333;
  font-size:16px;
  line-height:1.8;
  transition-property:color;
  transition-duration:0.2s;
  transition-timing-function:ease-in-out;
}

#top-news dd a:hover {
  color:#999999;
  transition-property:color;
  transition-duration:0.4s;
  transition-timing-function:ease-in-out;
}


/*-------------------------------
 top saler
-------------------------------*/

@media screen and (min-width: 701px){
  #topSaler,
  #newItem {min-width:1150px;}

  #topSaler h2,
  #newItem h2 {
    width:1050px;
    height:38px;
    margin:0 auto 30px;
  }
}


@media screen and (max-width: 700px){
  #topSaler h2,
  #newItem h2 {
    width:96%;
    height:30px;
    margin:0 auto 40px;
  }

}


#topSaler,
#newItem{
  width:100%;
  margin-bottom:80px;
  padding-bottom:40px;
  overflow:hidden;
  position:relative;
}

#topSaler h2 {
  text-indent:-9999px;
  background-image:url(https://file002.shop-pro.jp/PA01390/535/i/top-h02.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

#newItem h2 {
  text-indent:-9999px;
  background-image:url(https://file002.shop-pro.jp/PA01390/535/i/top-h05.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

#topSalerWrap,
#rss {
  margin-left:50px;
  margin-right:50px;
}

.topSalerItem {
  position:relative;
}

.topSalerItem span[class^="topSalerIndex"] {
  position:absolute;
  left:10px;
  top:10px;
  display:block;
  width:20px;
  height:20px;
  line-height:20px;
  text-align:center;
  color:white;
  background-color:orange;
  border-radius:20px;
  border:4px solid white;
}

.topSalerIndex1 {
  background-color:gold !important;
  color:darkgoldenrod !important;
  border-color:darkgoldenrod !important
}

.topSalerIndex2 {
  background-color:silver !important;
  color:gray !important;
  border-color:gray !important;
}

.topSalerIndex3 {
  background-color:rosybrown !important;
  color:maroon !important;
  border-color:maroon !important;

}
.topSalerIndex1,
.topSalerIndex2,
.topSalerIndex3 {
  width:25px !important;
  height:25px !important;
  line-height:25px !important;
  left:6px !important;
  top:6px !important;
  font-size:18px;
}

/*-------------------------------
 pick up item
-------------------------------*/

@media screen and (min-width: 701px){
  #pickUpItem h2 {
    height:38px;
    margin-bottom:30px;
  }

  .pick-img2c div {
    width:49%;
    text-align:center;
    margin-bottom:40px;
  }

  .pick-img4c div {
    width:24%;
    text-align:center;
    margin-bottom:40px;
    font-size:12px;
    line-height:1.4;
  }

  .pick-img4c div:nth-of-type(4n+1),
  .pick-img4c div:nth-of-type(4n+2),
  .pick-img4c div:nth-of-type(4n+3) {margin-right:1.3%;}

  .pick-img4c div:nth-of-type(4n+1) {clear:both;}

  .pick-img2c div:nth-of-type(odd),
  .pick-img4c div:nth-of-type(4n+1),
  .pick-img4c div:nth-of-type(4n+2),
  .pick-img4c div:nth-of-type(4n+3) {float:left;}

  .pick-img2c div:nth-of-type(even),
  .pick-img4c div:nth-of-type(4n) {float:right;}
}


@media screen and (max-width: 700px){
  #pickUpItem {margin-bottom:80px;}

  #pickUpItem h2 {
    width:96%;
    height:30px;
    margin:0 auto 40px;
  }

  .pick-img2c div {
    width:100%;
    text-align:center;
    margin-bottom:30px;
  }

  .pick-img4c div {
    width:48%;
    text-align:center;
    margin-bottom:30px;
    font-size:12px;
    line-height:1.4;
  }

  .pick-img4c div:nth-of-type(odd) {
    float:left;
    clear:both;
  }

  .pick-img4c div:nth-of-type(even) {float:right;}
}


#pickUpItem h2 {
  text-indent:-9999px;
  background-image:url(https://file002.shop-pro.jp/PA01390/535/i/top-h03.svg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
}

.pick-img2c img,
.pick-img4c img {
  width:100%;
  display:inline-block;
  margin-bottom:8px;
}

.pick-img2c:after,
.pick-img4c:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}


/*-------------------------------
 sub-banner space
-------------------------------*/

#sub-banner div {
  width:49%;
  margin-bottom:50px;
}

#sub-banner div:nth-of-type(odd) {
  float:left;
  clear:both;
}

#sub-banner div:nth-of-type(even) {float:right;}

#sub-banner div a,
#sub-banner div img,
#sub-banner div span {display:block;}

#sub-banner img {
  width:100%;
  margin-bottom:15px;
}

#sub-banner:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

@media screen and (max-width: 700px){
  #sub-banner div span {
    font-size:13px;
    line-height:1.5;
  }
}

/*-------------------------------
 banner space
-------------------------------*/

#bannerSpace {margin-bottom:200px;}

@media screen and (min-width: 701px){
  .ban-1150 {
    width:1050px;
    padding:20px 50px;
    margin:0 auto 50px;
    background-color:#f0f0f0;
    font-size:18px;
    text-align:center;
  }
}


@media screen and (max-width: 700px){
  .ban-1150 {
    width:94%;
    padding:20px 3%;
    margin:0 auto 50px;
    background-color:#f0f0f0;
    font-size:18px;
    text-align:center;
  }
}


.ban-1150 img {
  width:100%;
  display:inline-block;
  margin-bottom:15px;
}


/*-------------------------------
  checked item
-------------------------------*/

@media screen and (min-width: 701px){
  #checked-item h2 {
    margin-bottom:20px;
  }

  .checked-item-list div {
    width:180px;
    float:left;
    margin-right:40px;
    text-align:center;
    font-size:12px;
  }
}


@media screen and (max-width: 700px){
  #checked-item h2 {
    width:96%;
    margin:0 auto 20px;
  }

  .checked-item-list {
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  .checked-item-list div {
    width:45%;
    margin-bottom:30px;
  }

  .checked-item-list div:nth-of-type(odd) {
    float:left;
    clear:both;
  }

  .checked-item-list div:nth-of-type(even) {float:right;}
}

#checked-item h2 {
  font-size:16px;
  margin-bottom:20px;
}

#checked-item:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.checked-item-list div {
  text-align:center;
  font-size:12px;
}

.checked-item-list div img {
  width:100%;
  display:inline-block;
  margin-bottom:15px;
}


/*-------------------------------
  footer
-------------------------------*/

@media screen and (min-width: 701px){
  footer {
    min-width:1150px;
    padding-top:100px;
  }

  #foot-content {
    width:900px;
    margin:0 auto 150px;
  }

  #foot-content navi {
    margin-right:30px;
    float:left;
  }

  .calendar {
    width:320px;
    float:right;
  }
}


@media screen and (max-width: 700px){
  footer {
    width:100%;
    padding-top:40px;
  }

  #foot-content {
    width:70%;
    margin:0 auto 150px;
  }
}


footer {background-color:#efefef;}

#foot-content {font-size:12px;}
#foot-content navi {display:block;}

#foot-content:after,
.foot-navi ul:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#foot-content ul,
#foot-content li {display:block;}

#foot-content li {margin-bottom:10px;}

#foot-content h3 {
  color:#0d63a8;
  font-size:20px;
  line-height:3;
}

.foot-menu {width:170px;}
.foot-navi {width:105px;}

.foot-navi li {
  width:45px;
  height:45px;
}

#foot-content .foot-navi li:nth-of-type(odd) {
  float:left;
  clear:both;
}
#foot-content .foot-navi li:nth-of-type(even) {float:right;}


#copy {text-align:center;}


/*-------------------------------
  calendar
-------------------------------*/

.side_cal:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  float:left;
  margin-right:10px;
  margin-bottom:20px;
}

.tbl_calendar th, .tbl_calendar td {
  padding: 2px 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

.side_cal_memo {
  margin-bottom:30px;
}

/*-------------------------------
  inview JS
-------------------------------*/

.inviewH, 
.inviewH2 {
  opacity:0;
  transform:translate(0,100px); 
  -webkit-transform:translate(0,100px); 
}

.inviewS{
  opacity:1.0;
  transform:translate(0,0); 
  -webkit-transform:translate(0,0);
}

/*-------------------------------
  in cart
-------------------------------*/

#inCart {
  width:62px;
  height:82px;
  position:fixed;
  bottom:20px;
  right:20px;
}

#inCart a {
  display:block;
  width:60px;
  height:26px;
  line-height:26px;
  font-size:14px;
  font-weight:bold;
  color:white;
  padding:19px 0 35px; 
  text-align:center;
  background-color:#eeeeee;
  background-image:url(https://img21.shop-pro.jp/PA01390/535/etc/incart.png?cmsp_timestamp=20180531131045);
  background-repeat:no-repeat;
  background-size:contain;
  border-radius:3px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.4);
  text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}

#inCart a span {
  display:inline-block;
  width:26px;
  height:26px;
  background-color:#32b16c;
  border-radius:13px;
  box-shadow:1px 1px 1px rgba(0,0,0,0.6);
}

#inCart a:hover span {
  background-color:#ff4b5a;
}



@media screen and (min-width: 701px){
  .banner-line {
    width:1050px;
    margin:0 auto 150px;
  }
  .banner-line a {
    display:block;
    width:24%;
    margin-bottom:12px;
  }
  .banner-line a:hover {opacity:0.6;}
  .banner-line a:nth-child(4n+1),
  .banner-line a:nth-child(4n+2),
  .banner-line a:nth-child(4n+3) {
    float:left;
    margin-left:1%;
  }
  .banner-line a:nth-child(4n) {
    float:right;
  }
}

@media screen and (max-width: 700px){
  .banner-line {
    width:96%;
    margin:0 auto 150px;
  }
  .banner-line a {
    display:block;
    width:49%;
    margin-bottom:12px;
  }
  .banner-line a:nth-child(2n+1) {
    float:left;
  }
  .banner-line a:nth-child(2n) {
    float:right;
  }
}

.banner-line:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.banner-line a img {width:100%;}


/*-------------------------------
  free page
-------------------------------*/

.fp:after {
  content:" ";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.fp h2 {margin-bottom:20px;}
.fp h3 {margin-bottom:20px;}
.fp p {margin-bottom:15px;}

.linkBtn {text-align:center;}
.linkBtn a {
  display:inline-block;
  background-color:orange;
  color:white;
  border-radius:10px;
  font-weight:bold;
  letter-spacing:4px;
}

.linkBtn a:hover {
  background-color:#ec6941;
}

@media screen and (min-width: 701px){
  .linkBtn {
    width:1050px;
    margin:0 auto 125px;
    font-size:120%;
  }
  .linkBtn a {
    padding:15px 30px;
  }
}

@media screen and (max-width: 700px){
  .fp {
    width:96%;
    margin-left:auto;
    margin-right:auto;
  }
  .linkBtn {
    width:100%;
    margin-bottom:125px;
  }
  .linkBtn a {
    padding:15px 0;
    width:80%;
  }
}

#instafeed img {
  width:30%;
  min-width:120px;
  min-height:120px;
  margin:1%;
  object-fit: cover;
  object-position: 50% 50%;
}