.system_content>.user_content.FS2_upper_comment{width:100%}
picture{display:block}
.sp-hide{display:block}
.pc-hide{display:none}
.m_wrap{width:100%;padding:0 20px}
.m_wrap{position:relative;width:100%;margin:0 auto;box-sizing:border-box}
.p-page-category-tannenbaum{max-width:1225px;min-width:705px}
.p-page-category-tannenbaum{width:100%;overflow-x:hidden}
#page-content{background:url(/upload/save_image/p_page_category/tannenbaum/bg.gif);color:#000}
.p-page-category-tannenbaum #tannenbaum-visual picture{display:block}
.p-page-category-tannenbaum #tannenbaum-visual picture img{width:100%}
.p-page-category-tannenbaum .content-top{background:url(/upload/save_image/p_page_category/tannenbaum/top_bg.jpg);padding-top: 110px;}
.p-page-category-tannenbaum .obj{position: absolute !important;animation-name:objAnim;animation-duration:6s;animation-direction:alternate;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.p-page-category-tannenbaum .cat{top: 256px;
  left: -12px;
  animation-delay: -.5s;}
.p-page-category-tannenbaum .obj01{top:77px;left:-5px;animation-delay:-3s}
.p-page-category-tannenbaum .obj02{top: 214px;
    right: 0px;
    animation-delay: -1s;}
.p-page-category-tannenbaum .obj03{top: 492px;
    right: 220px;
    animation-delay: -2s;}
.p-page-category-tannenbaum .dog{top: -129px;
    right: -5px;
    animation-delay: -3s;}
.p-page-category-tannenbaum .dog img,.p-page-category-tannenbaum .cat img{width: 85%;}
.p-page-category-tannenbaum .obj04{top: 2px;
    right: 3px;
    animation-delay: -3s;}
.p-page-category-tannenbaum .obj05{top: 25px;
    left: 6px;
    animation-delay: -2s;}
.p-page-category-tannenbaum .obj06{top: 629px;
    left: 58px;
    animation-delay: -5s;}
.p-page-category-tannenbaum .obj07{top: 670px;
    right: 62px;
    animation-delay: -1s;}
.p-page-category-tannenbaum #tannenbaum-title{text-align:center}
.p-page-category-tannenbaum #tannenbaum-title h1{position:relative;top:-30px;right:60px;}
.p-page-category-tannenbaum #tannenbaum-title h1 img{width:60%;margin-left: -102px;}
.p-page-category-tannenbaum #tannenbaum-title .jp{position:relative;right:60px;}
.p-page-category-tannenbaum #tannenbaum-title .jp img{width:264px}
.p-page-category-tannenbaum #tannenbaum-title .catch{position:absolute;top:-92px;right:-39px}
.p-page-category-tannenbaum #tannenbaum-title .catch img{width:70%;}
.p-page-category-tannenbaum #tannenbaum-title .txt{color: #fff;
    font-size: 18px;
    line-height: 2;
    margin-top: 80px;}
.p-page-category-tannenbaum #tannenbaum-story{padding:60px 0 180px}
.p-page-category-tannenbaum #tannenbaum-story .title h2{text-align:center}
.p-page-category-tannenbaum #tannenbaum-story .title h2 img{width:105px}
.p-page-category-tannenbaum #tannenbaum-story .story01 *,.p-page-category-tannenbaum #tannenbaum-story .story02 *{position:relative;}
.p-page-category-tannenbaum #tannenbaum-story .story01 .img-box img{width: 18vw;}
.p-page-category-tannenbaum #tannenbaum-story .story02 .img-box img{width: 18vw;}
.p-page-category-tannenbaum #tannenbaum-story .story01 p,.p-page-category-tannenbaum #tannenbaum-story .story02 p{font-size: 15px;}
.p-page-category-tannenbaum #tannenbaum-story .story01 .wrap,.p-page-category-tannenbaum #tannenbaum-story .story02 .wrap{position: relative;
    height: 640px;
    padding: 90px 50px 0;}
.p-page-category-tannenbaum #tannenbaum-story .story01 .wrap:before,.p-page-category-tannenbaum #tannenbaum-story .story02 .wrap:before{content: '';
    position: absolute;
    top: 10px;
    width: 1900px;
    height: 640px;
    background-size: 1900px auto!important;}
.p-page-category-tannenbaum #tannenbaum-story .story01 h3,.p-page-category-tannenbaum #tannenbaum-story .story02 h3{text-align:center}
.p-page-category-tannenbaum #tannenbaum-story .story01 h3 .mark,.p-page-category-tannenbaum #tannenbaum-story .story02 h3 .mark{width:112px;vertical-align:middle;padding:0;margin:0 30px 0 0;background:0 0}
.p-page-category-tannenbaum #tannenbaum-story .story01 h3 span img,.p-page-category-tannenbaum #tannenbaum-story .story02 h3 span img{width: 63%;
    height: auto;
    vertical-align: middle}
.p-page-category-tannenbaum #tannenbaum-story .story01 h3 span .sp,.p-page-category-tannenbaum #tannenbaum-story .story02 h3 span .sp{display:none}
.p-page-category-tannenbaum #tannenbaum-story .story01 .group,.p-page-category-tannenbaum #tannenbaum-story .story02 .group{position:relative}
.p-page-category-tannenbaum #tannenbaum-story .story02 .group .img-box{float: right;
    margin: -40px 164px 17px 30px;}
.p-page-category-tannenbaum #tannenbaum-story .story01 .group .txt-box{margin: 26px 55px 0 80px;}
.p-page-category-tannenbaum #tannenbaum-story .story01 .wrap:before{right:30px;background:url(/upload/save_image/p_page_category/tannenbaum/story_story01_bg.png) no-repeat right top}
.p-page-category-tannenbaum #tannenbaum-story .story01 .group{}
.p-page-category-tannenbaum #tannenbaum-story .story01 .group .img-box{float: left;
    margin: -25px 55px 34px 165px;}
.p-page-category-tannenbaum #tannenbaum-story .story02 .wrap:before{left:50px;background:url(/upload/save_image/p_page_category/tannenbaum/story_story02_bg.png) no-repeat right top}
.p-page-category-tannenbaum #tannenbaum-story .story02 .group{}
.p-page-category-tannenbaum #tannenbaum-story .story02 .group .txt-box{width: 78%;
    margin: 37px 0px 0 100px;}
.p-page-category-tannenbaum #tannenbaum-lineup{padding:0 0 130px}
.p-page-category-tannenbaum #tannenbaum-lineup .title{position:relative;top:-24px}
.p-page-category-tannenbaum #tannenbaum-lineup .title h2{text-align:center;margin-bottom:50px}
.p-page-category-tannenbaum #tannenbaum-lineup .title h2 img{width:105px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup h3{text-align:center;background:rgba(255,255,255,.6);color:#00830f;font-weight:700;line-height:1;padding:11px 0 5px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup h3 span{display:inline-block;line-height:1}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup h3 .en{
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-size:36px;
    margin-right:10px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup h3 .jp{font-size:20px;letter-spacing:.25em}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .lead{text-align:center;font-size:18px;margin:50px 0}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery{display:flex;justify-content:center;margin-bottom: 10vw;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div img {
  position: absolute;
  z-index: 2;
  top: -8px;
  left: 45%;
  transform: translateX(-50%);}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div{
  width: 300px;
  position: relative;
  padding-top: 295px;
  text-align: center;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group{margin-top:130px;text-align:center;width: 100%;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box {
  display: block;
  position: relative;
  width: 280px;
  height: 280px;
  padding-top: 110px;
  box-sizing: border-box;
  border-radius: 200px;
  background: rgba(255,255,255,.6);
  color: #5a4099;}
  .p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box .name {
  font-family: 'Roboto Condensed';
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box .name.line1 {
  padding-top: 20px;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box .jp {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;}  
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box:after {
  content: '';
  position: absolute;
  bottom: 28px;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #5a4099;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/user_data/packages/raku2pc/p_page_category/tannenbaum/img/lineup_arr_wh.svg);
  background-size: 8px auto;
  box-shadow: 2px 0 0 #312660;
  transform: rotate(90deg);}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.pi:after {
  background-color: #e03bad;
  box-shadow: 2px 0 0 #9b3185;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.aq:after {
  background-color: #38aee8;
  box-shadow: 2px 0 0 #18769b;}
  .p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.ye:after {
  background-color: #fca000;
  box-shadow: 2px 0 0 #c27b01;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.gr:after {
  background-color: #75be00;
  box-shadow: 2px 0 0 #55802a;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.aq {
  color: #38aee8;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.pi {
  color: #e03bad;}
  .p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.ye {
  color: #fca000;}
  .p-page-category-tannenbaum #tannenbaum-lineup .lineup .gallery>div .txt-box.gr {
  color: #75be00;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4 {
  position: relative;
  color: #5a4099;
  font-weight: 700;
  margin-bottom: 80px;
  line-height: 1.2;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4.aq {color: #38aee8;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4.pi {color: #e03bad;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4.ye {color: #fca000;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4.gr {color: #75be00;}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4 .en {
  font-family: 'Roboto Condensed';
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 40px;
  padding: 0 20px;
  background: url(/upload/save_image/p_page_category/tannenbaum/bg.gif);}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 22px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #fff;}  
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group h4 .jp {
  display: inline-block;
  margin-top: 15px;
  font-size: 21px;} 
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row{display:flex;flex-wrap:wrap;margin:-130px 0 0 -5px;justify-content:center}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row>*{width:25%;padding:100px 0 0 0}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row>div{position:relative}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row picture img{width:100%}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .type{margin:25px 0 20px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .type img{height:25px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .btn{background:0 0;padding:0;box-shadow:none}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .btn:after,.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .btn:before{display:none}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .btn a{display:inline-block;font-size:16px;padding:4px 25px 0;background:#940032;border-radius:5px;color:#fff;font-weight:700;border-bottom:3px solid #670032}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row .btn a:before{content:'';position:relative;top:1px;display:inline-block;width:15px;height:15px;margin-right:10px;background:url(/user_data/packages/raku2pc/p_page_category/tannenbaum/img/lineup_arr.svg) no-repeat}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks{display:flex;align-items:center;background:#faf8f1;margin-top:120px;margin-right:10px;padding:50px 10px;box-shadow:15px 15px 0 0 rgba(60,38,24,.25)}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box{width: 100%;text-align: center;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box h3 img{width: 60%;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box .lead{margin:40px 0}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box .lead img{width:55%}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box .quality {width:85%;margin: 0 auto;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .ttl-box .quality img{width:32%}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box{flex-basis:auto;width:100%;padding-right: 50px;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point+.point{margin-top:40px}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point h4 img{width:50%;height:auto;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point .point2 h4 img{width:80%;height:auto;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point h4 img.pc{display:block;width: 100%;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point h4 img.sp{display:none}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point .product{font-size:15px;color:#00830f;line-height:1.8;margin:13px 0 7px;font-weight:700;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point .txt{font-size:14px;line-height:1.8}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs{display:flex;background:#fff;margin-top:50px;padding:30px 50px;border-radius:20px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .ttl-box{flex-shrink:0;width:450px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .ttl-box h3 img{width:450px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .ttl-box .sub{margin-top:10px;font-size:13px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .description{flex-basis:auto;width:100%;padding-left:60px;line-height:1.8}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .description .img{display:flex;margin-bottom:10px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .description .img span{display:inline-block;margin-right:6px}
.p-page-category-tannenbaum #tannenbaum-lineup .sdgs .description .img span img{width:330px}
.p-page-category-tannenbaum #tannenbaum-lineup .lineup .group .row picture.new:before{
  content: '';
  position: absolute;
  top: 118px;
  right: 1px;
  width: 75px;
  height: 34px;
  background: url(/user_data/packages/raku2pc/p_page_category/tannenbaum/img/lineup_new.svg) no-repeat center;
  background-size: 100% auto;
  animation: flash 1.5s linear infinite;}  

@media screen and (max-width:1275px){
.p-page-category-tannenbaum #tannenbaum-title .catch img{width:65%;}	
.p-page-category-tannenbaum .dog img, .p-page-category-tannenbaum .cat img {
    width: 75%;}
.p-page-category-tannenbaum .obj.cat{z-index: 1;}
.p-page-category-tannenbaum .cat {
    top: 429px;
    left: -28px;
    animation-delay: -.5s;}	
.p-page-category-tannenbaum .dog {
    top: -62px;
    right: -39px;
    animation-delay: -3s;	}
.p-page-category-tannenbaum .obj03 {
    top: 492px;
    right: 151px;
    animation-delay: -2s;}
.p-page-category-tannenbaum .obj04 {
  top: 187px;
    left: 8px;
    animation-delay: -3s;}
.p-page-category-tannenbaum .obj07 {
    top: 160px;
    right: 5px;
    animation-delay: -1s;}
.p-page-category-tannenbaum #tannenbaum-lineup .remarks .point-box .point .product span {
  content: "\A";
  white-space: pre;}		
}

@keyframes objAnim{
0%{transform:translate(0,0) rotate(0)}
21%{transform:translate(0,0) rotate(0)}
22%{transform:translate(0,0) rotate(-3deg)}
23%{transform:translate(0,-1px) rotate(0)}
24%{transform:translate(0,-1px) rotate(3deg)}
25%{transform:translate(1px,0) rotate(-2deg)}
26%{transform:translate(0,1px) rotate(0)}
27%{transform:translate(0,0) rotate(3deg)}
28%{transform:translate(0,0) rotate(0)}
100%{transform:translate(0,0) rotate(0)}
}

/*’ljÁ*/
.p-page-category-tannenbaum #tannenbaum-story .title h2{border-bottom: none;}
.p-page-category-tannenbaum #tannenbaum-lineup .title h2{border-bottom: none;}
@keyframes flash{
  0%,100% {opacity: 1;}
  50% {opacity: 0;}
}