@charset "utf-8";
/* CSS Document */



.flex1 {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.flex2 {display: flex;flex-wrap: wrap;justify-content: space-around;}
.flex3 {display: flex;justify-content: center;align-items: center;}
.flex4 {display: flex;justify-content: flex-end;align-items: center;}
img {width:100%;}


#wrap {background: #1c1a1b;}
.main_container {width:100%; min-width:640px;max-width:1280px;margin: 0 auto; background: #1c1a1b;}
.item_container {background: #222222;box-sizing: border-box; margin: 0 auto; padding: 50px 50px 50px 50px;}
.itemimg_box {width:25%; box-sizing: border-box; margin: 0 auto;}
.iteminfo_box {width:70%; box-sizing: border-box; margin: 0 auto;}
.iteminfo_box p {width:90%; margin: 0 0 3% auto; border-bottom:2px dotted #cccccc; color:#ffffff; text-align: right;font-size:1.2em;}


.box_inner {width:48%;box-sizing: border-box; margin: 0 0 0 auto;padding: 5px 5px 5px 5px;color:#ffffff;text-align:center;}
.price {font-size: 30px;text-align:right;}
.tax{font-size:12px;} 
.shipping {background: #bf0000;}

a.itembtn:link,a.itembtn:visited,a.itembtn:active {display:block;width:80%; max-width:300px;margin: 30px auto;box-sizing: border-box;padding: 10px 10px 10px 10px;color:#555555;text-align:center;background: #ffffff;border:1px solid #aaaaaa;text-decoration: none;border-radius: 5px 5px 5px 5px; }

a.itembtn:hover {opacity: 0.5;}

.sns_box {width:60px;height: auto; margin: 0 50px 0 0;padding:10px 0px 10px 20px;}

.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

/*
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
fade in
■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■
*/

body {
    animation: fadeinbody 2s ease 0s 1 normal!important;
    -webkit-animation: fadeIn 2s ease 0s 1 normal!important;
}

@keyframes fadeinbody {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeinbody {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* front page 下からふわっとFV */

.fadein_fv {
    animation-name: fadeinfv;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

@keyframes fadeinfv {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* 下からふわっと 2枚目以降 */

.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}