@charset "UTF-8";.friend-btn:before,.friend-copybtn:before{content:""}.bnr120120,.bnr12060,.bnr23460,.bnr300250,.bnr46860{max-width:100%}.friend-top{background:url(../../../../img/user/pc/friend/friend_title_bg.png?1768802709807) center top no-repeat #a8ebd4;background-size:115%;width:100%;height:510px;position:relative}.friend-top h1{text-align:center;padding:3.5% 0}.friend-top .special_box{position:absolute;width:90%;left:50%;margin-left:-45%;display:table;z-index:2}.friend-top .special_box li{width:315px;height:325px;margin:0;position:relative;display:table-cell;text-align:center}.friend-top .special_box li img.special_icon{position:absolute;left:20px;top:0;-moz-animation:sp_icon 1s ease-in-out 0s normal;-webkit-animation:sp_icon 1s ease-in-out 0s normal;-ms-animation:sp_icon 1s ease-in-out 0s normal}.friend-top .special_box li:nth-child(1) img.special_icon{animation-delay:0}.friend-top .special_box li:nth-child(2) img.special_icon{animation-delay:.5s}.friend-top .special_box li:nth-child(3) img.special_icon{animation-delay:1s}.friend-top .special_box li a{position:absolute;width:180px;margin-left:-90px;left:50%;bottom:62px}.friend-top .special_w-cp{background:url(../../../../img/user/pc/friend/friend_special_bg.png?1768802709807) top 40% center no-repeat;width:100%;height:500px;position:absolute;bottom:0}.friend-top .special_w-cp h1{text-align:center;padding:6% 0 3.5%}.friend-top .special_w-cp .bnr_soon{display:block;margin:0 auto}.friend-top img.pig01,.friend-top img.pig02{position:absolute;-moz-animation:pigfuwa 5s ease 0s infinite;-webkit-animation:pigfuwa 5s ease 0s infinite;-ms-animation:pigfuwa 5s ease 0s infinite;z-index:5}.friend-top img.pig01{left:0;bottom:7%}.friend-top img.pig02{right:0;bottom:35%;animation-delay:2s}.detailQrcode{margin:10px auto;font-size:16px}.detailQrcode div{display:inline-block;vertical-align:middle;margin:10px 6px}.detailQrcode .qrcode_friend{color:#2c4256;background:#f8f9f0;margin:0 auto;text-align:center;display:block}@-moz-keyframes sp_icon{50%{transform:scale(1.2) translate(0,-10%)}}@-webkit-keyframes sp_icon{50%{transform:scale(1.2) translate(0,-10%)}}@-ms-keyframes sp_icon{50%{transform:scale(1.2) translate(0,-10%)}}@-webkit-keyframes pigfuwa{0%,100%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-10%)}}@-moz-keyframes pigfuwa{0%,100%{-moz-transform:translate(0,0)}50%{-moz-transform:translate(0,-10%)}}@-ms-keyframes pigfuwa{0%,100%{-ms-transform:translate(0,0)}50%{-ms-transform:translate(0,-10%)}}.special01_box h3{background:#ff606b;width:100%;padding:1% 0;text-align:center;margin-bottom:4%}.friend-header a img,.friend-header_sec a img{padding-right:4px;vertical-align:middle}.special01_box h4{text-align:center;margin:3% auto}.special01_box p{font-size:18px;width:1000px;margin:0 auto}.special01_box p img{display:block;margin:0 auto 2%}.special01_box p strong{font-weight:700;display:block;color:#ff2462;line-height:2em}.friend-header a,.friend-header_sec a{top:235px;left:345px;line-height:40px;font-weight:700;font-size:16px;border-radius:4px}.friend_special02_subtitle_img{display:block;margin:0 auto}.friend-header{background:url(../../../../img/user/pc/friend/friend_header.png?1768802709807) left top no-repeat;width:100%;height:300px;position:relative}.friend-header a{position:absolute;width:180px;background:#ffc817;color:#2c4256;text-align:center}.friend-header a:hover{background:#ffd444;color:#7b794f}.friend-header_sec{background:url(../../../../img/user/pc/friend/friend_header_2.png?1768802709807) left top no-repeat;width:100%;height:300px;position:relative}.friend-header_sec a{position:absolute;width:180px;background:#ffc817;color:#2c4256;text-align:center}.friend-btn,.friend-copybtn{text-shadow:0 1px 0 #cfa10d;box-shadow:0 3px 0 0 #cfa10d;cursor:pointer;line-height:62px;display:block;text-align:center}.friend-header_sec a:hover{background:#ffd444;color:#7b794f}.friend-btn{margin:0 auto 4%;color:#2c4256;font-size:24px;font-weight:700;border-radius:4px;border:1px solid #f0b10d;background:#ffd31b;background:-moz-linear-gradient(top,#ffd31b 0,#ffbe13 100%);background:-webkit-linear-gradient(top,#ffd31b 0,#ffbe13 100%);background:linear-gradient(to bottom,#ffd31b 0,#ffbe13 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21CF49', endColorstr='#ffbe13', GradientType=0 );position:relative;width:500px;height:60px}.friend-box h4,.friend-copybtn{color:#2c4256;font-size:18px;font-weight:700}.friend-btn:before{background:url(../../../../img/user/pc/friend/friend_pig.png?1768802709807) no-repeat;background-size:cover;display:block;height:76px;position:absolute;right:-60px;bottom:-30px;width:80px;animation:korokoro 3s linear infinite}.friend-btn:hover{color:#2c4256;background:#ffd31b;background:-moz-linear-gradient(top,#ffbe13 0,#ffd31b 100%);background:-webkit-linear-gradient(top,#ffbe13 0,#ffd31b 100%);background:linear-gradient(to bottom,#ffbe13 0,#ffd31b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#63D77E', endColorstr='#ffd31b', GradientType=0 )}.friend-btn:hover:before{animation:poyooon 1s linear infinite}.friend-copybtn{margin:3% auto;border-radius:4px;border:1px solid #f0b10d;background:#ffd31b;background:-moz-linear-gradient(top,#ffd31b 0,#ffbe13 100%);background:-webkit-linear-gradient(top,#ffd31b 0,#ffbe13 100%);background:linear-gradient(to bottom,#ffd31b 0,#ffbe13 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21CF49', endColorstr='#ffbe13', GradientType=0 );position:relative;width:300px;height:60px}.friend-copybtn:before{background:url(../../../../img/user/pc/friend/friend_pig.png?1768802709807) no-repeat;background-size:cover;display:block;height:76px;position:absolute;right:-60px;bottom:-30px;width:80px;animation:korokoro 3s linear infinite}.friend-copybtn:hover{color:#2c4256;background:#ffd31b;background:-moz-linear-gradient(top,#ffbe13 0,#ffd31b 100%);background:-webkit-linear-gradient(top,#ffbe13 0,#ffd31b 100%);background:linear-gradient(to bottom,#ffbe13 0,#ffd31b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#63D77E', endColorstr='#ffd31b', GradientType=0 )}.friend-copybtn:hover:before{animation:poyooon 1s linear infinite}.campaign_bnr{width:1000px;margin:70px auto 40px;display:block}.friend-box{width:1000px;margin:0 auto}.friend-box input[name=tab_item]{display:none}.friend-box h4{margin:2% 0 1% 2%}.friend-box ul.explanation{overflow:hidden}.friend-box ul.explanation li{float:left;margin:0 10px 0 0}.friend-box ul.explanation li:last-child{margin:0}.friend-box p{font-size:16px;margin-left:2%;width:98%}.friend-box p strong{font-weight:700;color:#ff2462;line-height:2em}.friend-box #friend-menu{overflow:hidden;width:100%;border:1px solid #e2e3d9;border-top:#659920 4px solid;margin:6% auto 2%;display:flex;justify-content:space-between}.friend-box #friend-menu li{width:33.5%;text-align:center}.friend-box #friend-menu li:nth-child(2){border-right:#e2e3d9 1px solid;border-left:#e2e3d9 1px solid}.friend-box #friend-menu li img{vertical-align:middle;padding-right:15px;margin-left:-15px}.friend-box #friend-menu li a{color:#2c4256;font-weight:700;font-size:18px;background:#f8f9f0;display:block;padding:10px 8px}.friend-box #friend-menu li a:hover{color:#659920;background:#fff}.friend-box #friend-menu li:last-child{border:0}.friend-box .notes{border:2px solid #d93200;background:#ffede7;margin:20px auto}.friend-box .notes dt{width:100%;background:#d93200;color:#fff;text-align:center;font-size:18px;font-weight:700;margin-bottom:16px;padding:4px 0}.friend-box .notes dd{font-size:14px;color:#d93200;padding:0 16px 16px}.friend-box .notes dd strong{display:block;font-size:20px;font-weight:700}.friend-box h3{background:url(../../../../img/user/pc/friend/friend_subtitle_bg.png?1768802709807);height:55px;line-height:57px;font-size:24px;font-weight:700;color:#fff;padding-left:16px;margin-bottom:2%;text-align:center}.friend-box ul.step{overflow:hidden;margin:20px auto;width:96%}.friend-box ul.step li{float:left;width:33.33%;text-align:center}.friend-box ul.step li p{margin:4% auto 0}.friend-box .friend-link-box{width:100%;margin:20px auto;background:#f8f9f0;padding:8px 16px}.friend-box .friend-link-box h4{color:#2c4256;text-align:left;font-size:18px;margin:0 auto 8px}.friend-box .friend-link-box img{margin-bottom:8px}.friend-box .friend-link-box p{font-size:14px;margin:8px auto}.friend-box .friend-link-box textarea{width:100%;display:block;padding:4px;font-size:14px}.friend-box .friend-link-box input#copyTarget{width:80%;display:block;margin:0 auto;padding:10px;font-size:14px}.friend-box .friend-link-box ul{margin:0 auto;overflow:hidden}.friend-box .friend-link-box ul li{float:left;width:33.33%;text-align:left}.friend-box .friend-link-box ul.bnr-list{width:46%;margin:0 2%;float:left}.friend-box .friend-link-box ul.bnr-list li{width:100%;text-align:left;margin-bottom:4%}.friend-box .friend-link-box ul.bnr-list li:nth-child(even){border-bottom:1px solid #e2e3d9;padding-bottom:4%}.friend-box .friend-link-box ul.bnr-list li textarea{width:100%;box-sizing:border-box}.friend-box .friend-link-box ul.bnr-list li p{font-weight:700;width:100%}.friend-box .friend-link-box ul.bnr-list-wide{width:96%;margin:0 2%;clear:both}.friend-box .friend-link-box ul.bnr-list-wide li{width:100%;text-align:left;margin-bottom:4%}.friend-box .friend-link-box ul.bnr-list-wide li textarea{width:100%;box-sizing:border-box}.friend-box .friend-link-box ul.bnr-list-wide li p{font-weight:700;width:100%}.friend-box .friend-link-box ul .modalPopup_box h2{text-align:left}#friend-blog{width:1000px;margin:30px auto}#friend-blog img#title_bnr{margin-bottom:30px}#friend-blog #blog_sample_box{border:1px solid #ccc;width:100%;margin:0 auto;padding:0 8% 30px}#friend-blog textarea{box-sizing:border-box;padding:8px;height:120px;color:#999;width:96%;font-size:13px;margin:0 auto 30px;display:block;border:1px solid #ccc}#friend-blog p.tag-title{width:96%;margin:0 auto}#friend-blog p.sample-title{background:#ccc;text-align:left;font-size:1.2em;line-height:2em;margin:40px auto 0;padding:0 15px}.explanation_txt,.tab_item{text-align:center}#friend-blog table,#friend-blog td,#friend-blog th,#friend-blog tr{vertical-align:middle;padding:8px}@keyframes korokoro{0%{transform:translate(0,0)}25%{transform:translate(12%,0) rotate(8deg)}75%{transform:translate(-12%,0) rotate(-8deg)}100%{transform:translate(0,0) rotate(0)}}@keyframes poyooon{0%,100%,50%{transform:scale(1,1) translate(0,0)}10%{transform:scale(1.1,.9) translate(0,5%)}40%,85%{transform:scale(1.2,.8) translate(0,15%)}60%{transform:scale(.9,1.2) translate(0,-50%)}75%{transform:scale(.9,1.2) translate(0,-20%)}}.tab_item{width:calc(100%/4);height:50px;border-bottom:3px solid #439e57;background-color:#d9d9d9;line-height:50px;font-size:15px;color:#565656;display:block;float:left;font-weight:700;transition:all .2s ease}.character_content,.character_img,.logo_content,.tab_content{border:1px solid #e2e3d9}.tab_item:hover{opacity:.75}.tab_content{display:none;padding:6px 20px 20px;clear:both;overflow:hidden;background:#f8f9f0}#all:checked~#all_content,#character:checked~#character_content,#logo:checked~#logo_content,#site:checked~#site_content,.bnr120120,.bnr12060,.bnr23460,.bnr46860{display:block}.tabs input:checked+.tab_item{background-color:#659920;color:#fff}.character_content,.logo_content,.site_content{clear:both;overflow:hidden;background:#f8f9f0}.bnr_txt{font-weight:700;width:100%}.bnr_images,.bnr_wide{width:46%;margin:0 2% 20px;float:left;list-style-type:none}.bnr300250{width:300px}.bnr12060{width:120px}.bnr23460{width:234px}.bnr120120{width:120px}.bnr46860{width:468px}.c-txtsp{width:100%}.character_content{display:none}.character_wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;padding-top:3%}.character_list{width:24%;padding:0 1% 2%}.character_img{width:100%;object-fit:cover}.logo_content{display:none}.logo_content_description{padding:2% 0}.logo_wrap{display:flex;justify-content:center;align-items:center;width:100%}.logo_list{width:24%;padding:3%}.logo_img{width:100%;object-fit:cover}.site_content{display:none;padding-bottom:3%}.site_wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;padding-top:2%}.site_list{width:26%}.site_img{width:100%;padding:3%;object-fit:cover}