﻿/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{font-size:62.5%;-webkit-overflow-scrolling:touch}body{position:relative;margin:0;padding:0;font-size:12px;font-size:1.2rem;letter-spacing:.05em;font-family:Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;color:#222;background:#fff;text-align:center}div,p,h1,h2,h3,h4,h5,h6,form,li,ul,ol,dl,dd,dt,table{margin:0;padding:0;word-break:normal;overflow-wrap:break-word}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.wrap{position:relative;max-width:800px;margin:0 auto;padding:0 3%}#main{clear:both;max-width:800px;margin:0 auto;padding:120px 0 0;text-align:left}.home #main{padding:100px 0 0}#adminBar{position:fixed;z-index:10;top:200px;right:0;background-color:rgba(255,0,0,0.2);width:300px;height:40px}.clear{clear:both}.none{display:none}a.btn-black{display:block;padding:18px 6%;background-color:#fff;border:2px solid #000;max-width:400px;margin:0 auto;text-decoration:none !important;text-align:center;border-radius:6px}a.btn-black:hover{background:#000;color:#fff}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.wrap{zoom:1}.wrap:before,.wrap:after{content:"";display:table}.wrap:after{clear:both}blockquote{zoom:1}blockquote:before,blockquote:after{content:"";display:table}blockquote:after{clear:both}.post{zoom:1}.post:before,.post:after{content:"";display:table}.post:after{clear:both}.relative{position:relative}.absolute{position:absolute;left:0px;top:0px}.fixed{position:fixed;width:100%;height:100%}.wrap-block{flex-flow:row wrap;display:flex;flex-wrap:wrap}.hid{display:none}p{line-height:1.8}.small{font-size:10px;font-size:1rem}.large{font-size:16px;font-size:1.6rem}.txtBold{font-weight:bold}.alignRight{text-align:right}.alignCenter{text-align:center}.alignLeft{text-align:left}.red{color:#FF3300}.marginT20{margin-top:20px !important}.paddingT80{padding-top:80px !important}.sp{display:none}.pc{display:block}.tablet{display:none}.error{color:#FF3300;margin:1em 0px 1.5em 45px;line-height:1.3}.error li{margin:0.5em 0;font-weight:bold}@media only screen and (max-width: 480px){.sp{display:inline-block}.pc{display:none}}a:link{text-decoration:none;color:#222;transition:color 0.3s ease 0.1s}a:visited{text-decoration:none;color:#222}a:active{text-decoration:none;color:#aaa}a:hover{text-decoration:none;color:#aaa}.linkUnderline{text-decoration:underline !important}img{vertical-align:top;max-width:100%;transition:opacity 0.3s ease 0.2s}a:hover img{opacity:0.7}img.alignright{float:right;margin:0px 0px 5px 10px}img.alignleft{float:left;margin:0px 10px 5px 0px}img.aligncenter{display:block;float:none;margin:5px auto}input[type="submit"]:hover{opacity:0.7;cursor:pointer}button:hover{opacity:0.7}label,input[type='checkbox']{cursor:pointer}input[type='checkbox'],input[type='radio']{display:inline-block;margin-right:0.5em}.notice{text-align:center;padding:10px;font-size:12px;margin:10px;border:1px solid #d4136c;color:#d4136c;font-weight:bold}::-webkit-input-placeholder{color:#999999}::-moz-placeholder{color:#999999}:-ms-input-placeholder{color:#999999}a.btn,p.btn{display:block;clear:both;max-width:220px;height:40px;margin:0 auto;color:#222;font-size:13px;font-size:1.3rem;line-height:40px;text-align:center;border-radius:2px;border:solid 1px #222;transition:background-color 0.3s ease 0.1s}a.btn-L{margin:30px auto 40px;max-width:250px;height:auto;padding:8px 0}a.btn:hover{background-color:#efefef}a.btn.btn-more{margin:0 auto 20px;max-width:240px;height:32px;line-height:30px;font-size:1.2rem;width:35%}a.btn.btn-more:hover{background:#222;color:#fff}ul.list-04{width:90%}ul.list-04 li{display:inline-block;width:24%;padding:5px;min-width:150px}.slider{margin-bottom:20px;text-align:center}.slider .linkUrl{display:block}.slider .linkUrl img{width:100%}.slider .bx-wrapper{max-width:100%;box-shadow:inherit;border:inherit;margin:0 auto;width:750px}.beerpedia>div#main>div.slider{margin-bottom:0px}#main .bx-wrapper .bx-pager{padding-top:5px;position:inherit}#main .bx-wrapper .bx-pager.bx-default-pager a{width:6px;height:6px}#main .post{margin-bottom:30px;padding:0px 5% 0px 5%}#main .post p{margin:0 0 0.5em 0}#main .post .content{font-size:1.4rem;line-height:1.8}#main .post .content img{display:block;margin:0 auto;height:auto}#main .post .content div{margin:2rem 0}#main .post .content .fr-video{position:relative;width:100%;padding-top:56.25%;display:block}#main .post .content .fr-video iframe{position:absolute;top:0;width:100% !important;height:100% !important}#main .post .content .single-detail{text-align:left;font-size:1.4rem;background-color:#e6e6e6;padding:16px}#main .post .content a{text-decoration:underline}#main .post h2{margin:1.2rem 0 .6em;padding-left:21px;font-size:17px;font-size:1.7rem;background-image:url(/assets/ico_beer.png);background-position:0 10%;background-size:13px auto;background-repeat:no-repeat}#main .post h3{margin:1.2rem 0 .6rem;font-size:16px;font-size:1.6rem}#main .post h4{margin:1.2rem 0 .6rem;font-size:15px;font-size:1.5rem}.post-info{background-color:#cef6f5;padding:15px;font-size:80%;margin-bottom:10px;background-image:url(/images/_info_icon.png);background-repeat:no-repeat}.post-info h3:before{content:none}#main .post .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}#main .box{padding:0px 3% 5px 3%;border-top:solid 1px #ddd}#main .box--noBorder{border:none}#main .box .btn{margin-bottom:20px}.event #main #newentry,.release #main #newentry{border:none}#main .category_banner{text-align:center;margin:20px 0 40px}#main .category_banner p{text-align:center;font-weight:bold;font-size:1.4rem;margin-bottom:5px}#main .category_banner img{width:100%;margin-bottom:10px}#main .banner{margin-top:30px}#main .banner.bannerMT0{margin-top:0}.banner{width:100%;margin:0 0 50px}.banner .advertisement{text-align:center;margin:0 0 10px 0;color:#AAAAAA;font-family:'Judson', Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif}.banner img{width:100%;height:auto}@media only screen and (max-width: 768px){.banner{max-width:400px;width:94%;margin:0 auto 30px}}.articleList{zoom:1}.articleList:before,.articleList:after{content:"";display:table}.articleList:after{clear:both}.articleList{font-size:0;letter-spacing:0;list-style:none}.articleList li{position:relative;display:inline-block;padding-bottom:35px;font-family:'Judson', Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;font-size:12px;font-size:1.2rem;vertical-align:top}.articleList li .thumbWrap{flex-flow:-webkit-row wrap;flex-flow:row wrap;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;position:relative;margin-bottom:10px;height:120px}.topRecipe .articleList li{padding-bottom:10px}.block3.articleList li .thumbWrap{height:80px}.articleList li .thumbWrap .num{position:absolute;top:0;left:0;width:27px;height:27px;color:#fff;font-family:YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;font-size:12px;font-size:1.2rem;line-height:27px;vertical-align:middle;text-align:center;background-color:#222222;border-right:solid 1px #fff;border-bottom:solid 1px #fff}.articleList li picture{width:100%;height:100%;text-align:center}.articleList li img.thumb{width:100%}.articleList li img.beerpediumThumb{margin-bottom:10px;height:100%}.articleList .textOnThumb{background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);color:#fff;font-size:1.2rem;padding:.6vw 1.5vw 0;position:absolute;left:0;bottom:0;width:100%}.articleList h3{font-size:13px;font-size:1.3rem;font-family:YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;line-height:1.3}.articleList li .date{display:inline-block;padding-right:0.5em;white-space:nowrap}.articleList li .category{background-color:#aaa;border-radius:8px;color:#fff;font-family:YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;font-size:1.1rem;padding:2px 8px}.articleList li .category--news{background-color:#db5858}.articleList li .category--release{background-color:#6f97cb}.articleList li .category--event{background-color:#de9135}.articleList li .category--interview{background-color:#af85cf}.articleList li .category--column{background-color:#90bb7b}.articleList li .category--shirafu{background-color:#dbd658}.articleList li .category--ad{background-color:#a6937c}.articleList li .category--cafenbar{background-color:#5bcfd9}.articleList li .category--recipe{background-color:#d68bc9}.articleList li .category--examination{background-color:#f19eb5}.articleList li .category--bar{background-color:#dfcf1a}.articleList.block2 li{width:48%}.articleList.block3 li{width:31%}.articleList.block3 li:nth-child(3n-1){margin-left:3.5%;margin-right:3.5%}.articleList.block3 h3{font-size:11px;font-size:1.1rem;font-weight:normal}.articleList.block3 h3,.articleList h3.name{font-size:12px;font-size:1.2rem}.articleList li .role{font-size:10px;font-size:1.0rem;color:#686868}@media only screen and (max-width: 799px) and (min-width: 500px){.articleList li .thumbWrap{height:33vw}.block3.articleList li .thumbWrap{height:20vw}}@media screen and (min-width: 769px){.articleList .textOnThumb{font-size:1.3rem;padding:8px 8px 2px}}.articleList .addBtn{margin-bottom:10px;padding:10px 5px;text-align:center;line-height:1;border:solid 1px #222}.single .articleList.ranking{counter-reset:number 0}.single .articleList.ranking li:before{position:absolute;top:0;left:0;width:27px;height:27px;color:#fff;font-family:YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;font-size:12px;font-size:1.2rem;line-height:27px;vertical-align:middle;text-align:center;background-color:#222222;border-right:solid 1px #fff;border-bottom:solid 1px #fff;z-index:10;counter-increment:number 1;content:counter(number) " "}.searcharea{padding:20px 0;text-align:center}.recipe-search .searcharea{padding:10px 0}.searcharea strong{display:inline-block;margin-top:0.3em;margin-bottom:0.3em;margin-right:8px;font-size:13px;font-size:1.3rem}.searcharea .inputBox{display:inline-block;max-width:240px;margin:0 0px;background-color:#fff;border:solid 1px #222;border-radius:2px;white-space:nowrap}.searcharea .inputBox input{display:inline-block;height:40px;padding:10px 0px 10px 15px;border:solid 0px #222;line-height:1.4}.searcharea .inputBox button{display:inline-block;margin:0;padding:7px 15px 0 0;border:solid 0px #222;background-color:transparent;vertical-align:top}.searcharea .inputBox button i{font-size:2.0rem}.searcharea .inputBox button img{width:auto;height:20px;vertical-align:top}.searcharea .inputBox button:hover{cursor:pointer}@media only screen and (max-width: 480px){.releaseSearch strong{margin:0 auto 5px}}.memberList{margin:0px 3%;list-style:none}.memberList li{padding:15px 0%;border-top:solid 1px #c9c9c9;font-size:12px;font-size:1.2rem}.memberList h3{display:table;font-weight:normal}.memberList h3 div.picture{display:table-cell;width:65px;vertical-align:middle}.memberList h3 div.text{display:table-cell;padding-left:10px;vertical-align:middle}.memberList h3 .name{display:block;font-size:15px;font-size:1.5rem;font-family:'Judson', YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif}.memberList h3 .role{display:block;margin-top:5px;color:#686868;font-size:12px;font-size:1.2rem}.memberList h3 .sns{display:block;margin-top:5px}.memberList h3 .sns a{margin-right:0.5em}.memberList h3 .sns img{width:auto;height:15px;vertical-align:middle}.memberList p{margin-top:12px;line-height:1.5}.keywordList{font-size:0;letter-spacing:0;text-align:center}.keywordList li{display:inline-block;margin-right:5px;margin-bottom:10px;font-size:12px;font-size:1.2rem}.keywordList li a{display:block;padding:10px 15px;background-color:#f5f5f5;border:solid 1px #c9c9c9;line-height:1;border-radius:25px}#main #pickup{padding:0px 3% 10px 3%;border:none}#main #pickup h2.title{margin-bottom:15px}.chara-comment{text-align:center}.fukidashi{position:relative;display:inline-block;margin:1.5em 45px 1.5em 0;padding:10px 20px;min-width:120px;max-width:85%;color:#555;background:#FFF;border:solid 1px #555;box-sizing:border-box;border-radius:20px;font-size:13px}.fukidashi::before{content:"";position:absolute;border:2px solid #fff;width:10px;bottom:-5px;right:30px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.fukidashi::after{content:"";position:absolute;border:0.5px solid #555;width:10px;bottom:-4px;right:34px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.fukidashi p{margin:0;padding:0;text-align:left}.fukidashi img.beergirl{position:absolute;bottom:0;right:-50px;width:40px;height:auto}.fukidashi.wide{max-width:350px;margin:30px auto}.fukidashi.wide{zoom:1}.fukidashi.wide:before,.fukidashi.wide:after{content:"";display:table}.fukidashi.wide:after{clear:both}.fukidashi.wide p{width:298px;float:right;padding:14px 15px 25px 15px;background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/bg_fukidashi_wide.png");background-size:298px auto;background-position:100% 0%}.fukidashi.wide img.beergirl{position:absolute;bottom:0;left:0;width:35px;height:auto}.notfound{padding-bottom:200px}.fukidashi-error{list-style:none;width:98%;margin:10px auto 0;text-align:center}.fukidashi-error li{display:inline-block;vertical-align:top;width:100%}.fukidashi-error li.fukidashi-txt{width:70%;max-width:310px}.fukidashi-error li.fukidashi-txt p{text-align:center;background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/bg_fukidashi.png");background-repeat:no-repeat;padding:7px 0 30px;background-size:100%;margin-top:15px}.fukidashi-error li.fukidashi-img{width:50%}.fukidashi-error li img.beergirl{width:100%}@media only screen and (min-width: 768px){.fukidashi-error{margin:40px auto 0}.fukidashi-error li.fukidashi-txt{width:66%}.fukidashi-error li.fukidashi-img{width:32%}}@media only screen and (min-width: 401px){.fukidashi-error li.fukidashi-txt p{padding:12px 0 30px}}.not-applicable .fukidashi p{background-size:245px 50px}.display_sp{display:inline}address{display:block;font-size:11px;font-size:1.1rem;font-family:'Judson', serif;font-style:normal;letter-spacing:0.05em;text-align:center}.recruit_h{font-size:2rem;font-weight:bold;text-align:center;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;padding:5px}.recruit{margin-bottom:20px}.recruit_adarea{display:flex}.recruit_box{width:50%;padding:1%}.recruit_tit{text-decoration:underline}.recruit_tit:hover{text-decoration:none}.recruit_box a{text-decoration:none}.recruit_cap{font-size:1rem}.bosyu p{text-decoration:underline;padding:5px 10px;text-align:center;border-radius:50px;color:#1a0dab}.recruit a.bosyu{color:#fff;font-size:14px;text-decoration:none}.recruit .bosyu p:hover{background-color:#c6ddf9}#error_explanation{background-color:#fff;padding:20px 40px;margin:0 auto 40px;color:#d5176e;width:94%}#error_explanation h2{font-size:1.6rem;margin-bottom:20px}#error_explanation li{margin:10px 0 0 20px}.infinite-scroll-request{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;Background:#fff;opacity:0.8;display:none}.infinite-scroll-request img{position:fixed;left:calc((100% - 100px) / 2);top:40%;opacity:0.8;width:100px}#loadingImage{display:none;position:fixed;width:100%;height:100%;top:0px;left:0px;background-color:#fff;opacity:0.7;z-index:10000}#loadingImage img{display:none;position:fixed;top:50%;left:50%;width:200px;height:200px;margin-top:-100px;margin-left:-100px}.keiko_yellow{background:linear-gradient(transparent 50%, rgba(255,252,107,0.69) 50%)}.keiko_pink{background:linear-gradient(transparent 50%, rgba(255,180,220,0.6) 50%)}.keiko_blue{background:linear-gradient(transparent 50%, rgba(100,210,250,0.55) 50%)}@media screen and (min-width: 800px){.articleList li .thumbWrap{height:240px}.block3.articleList li .thumbWrap{height:156px}}.wrapIframe{padding-top:75%;position:relative;width:80%;margin:20px 0 20px 10%}.wrapIframe iframe{position:absolute;top:0;left:0;height:100%;width:100%}.pcOnly{display:none}.spOnly{display:block}a.btnLink{background-color:#caa39f;color:#fff;display:block;font-size:1.4rem;line-height:1.6;max-width:400px;margin:0 auto 30px;padding:12px 6%;text-decoration:none !important;text-align:center;width:80%}a.btnLink.disabled{background-color:#c3c3c3;pointer-events:none}a.btnLink:hover{background-color:#000;color:#fff;transition:all .3s ease}a.btnLink .txtSmall{font-size:1.1rem}@media screen and (min-width: 769px){.pcOnly{display:block}.spOnly{display:none}}.header{background:#fff;border-bottom:solid 1px #c9c9c9;box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);margin-bottom:25px;padding:0;position:fixed;left:0;top:0;text-align:center;transition:top .5s ease-in-out 0s;width:100%;z-index:11}.header__wrap{margin:7px auto;max-width:800px;position:relative}.header__logo{display:inline-block;width:120px}.header__logo img{width:120px;height:auto}.header__nav{position:absolute;top:14%;right:3%}.header__search{position:absolute;top:14%;left:3%}.headerNav{border-bottom:1px solid #eee;height:40px}.headerNav__list{display:table;list-style:none;margin:0 auto;max-width:800px;width:100%}.headerNav__item{display:table-cell;vertical-align:middle;width:20%}.headerNav__link{color:#aaa !important;display:block;font-size:1.2rem;line-height:40px;position:relative}.headerNav__link--active{color:#444 !important;font-weight:bold}.headerNav__link:before{content:'';width:0;left:50%;bottom:3px;transition:all 0.3s ease;border-bottom:3px solid #444;position:absolute;display:block}.headerNav__link:hover:before{width:20%;border-bottom:3px solid #444}.headerNav__link:after{content:'';width:0;right:50%;bottom:3px;transition:all 0.3s ease;border-bottom:3px solid #444;position:absolute;display:block}.headerNav__link:hover:after{width:20%;border-bottom:3px solid #444}@media only screen and (max-width: 768px){.headerNav__list{display:block;margin:0 auto;max-width:500px;overflow-x:scroll;padding:0 10px;white-space:nowrap;width:auto}.headerNav__item{display:inline-block;width:100px}.headerNav__link--active:before{content:'';width:40%;left:30%;bottom:0;transition:all 0.3s ease;border-bottom:3px solid #444;position:absolute;display:block}}@keyframes heart-animation{0%{transform:scale(1)}60%{transform:scale(1)}70%{transform:scale(1.3)}80%{transform:scale(1)}90%{transform:scale(1.3)}100%{transform:scale(1)}}.is-fixed{position:fixed;bottom:0;left:0;z-index:2;width:100%}.is-hide{transform:translateY(250%)}.fixedNavi{transition:.3s;position:fixed;bottom:0;left:0;width:100%;height:50px;border-top:1px solid #ddd;background-color:#fff;z-index:999}.fixedNavi__list{max-width:800px;margin:0 auto;letter-spacing:0;font-size:0;text-align:center}.fixedNavi__item{display:inline-block;width:20%;list-style:none;font-size:1rem}.fixedNavi__item--share{position:relative}.fixedNavi__item a{display:block;padding-top:5px;height:22px;color:#6e6e6e;background-repeat:no-repeat;position:relative}.fixedNavi__item img{width:25px;height:auto;margin:0 0 5px}.fixedNavi__batch{position:absolute;display:block;top:0;right:50%;width:20px;height:20px;background-color:#f7152b;color:#fff;border-radius:50%;line-height:20px;margin-right:-30px}.fixedNavi__heart{position:absolute;top:-65px;right:10px;background-color:#fff;border:1px solid #ddd;width:50px;height:50px;border-radius:50%;padding:16px 0 0;cursor:pointer}.fixedNavi__heart img{width:18px;height:auto}.fixedNavi__heart:hover{border:1px solid #caa39f}.fixedNavi__heart:hover img{animation:heart-animation 3s reverse infinite}.fixedNavi__post{position:absolute;top:-65px;right:10px;background-color:#fff;border:1px solid #ddd;width:50px;height:50px;border-radius:50%;padding:12px 0 0;cursor:pointer}.fixedNavi__post img{width:30px;height:auto}.fixedNavi__post:hover{border:1px solid #caa39f}@media screen and (min-width: 769px){.fixedNavi__heart,.fixedNavi__post{top:-65px;right:0;left:50%;margin-left:325px}}.fixedNaviSNS{transition:.3s;transform:translateY(200%);position:absolute;top:-150px;left:50%;margin-left:-75px;background-color:#fff;box-shadow:0 3px 8px #aaa;width:160px;height:110px;border-radius:6px;padding:10px 0;z-index:998}.fixedNaviSNS.active{transform:translateY(0)}.fixedNaviSNS:before{content:"";position:absolute;bottom:-29px;left:50%;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:30px solid #fff;filter:drop-shadow(0 7px 4px #ccc)}.fixedNaviSNS ul{display:flex;justify-content:center;list-style-type:none;margin:10px 0 0}.fixedNaviSNS li{background-color:#fff;width:40px;height:40px;margin:0 3px;border-radius:6px}.fixedNaviSNS li a{padding:3px 0 0}.fixedNaviSNS li i{font-size:3.6rem;color:#caa39f}.fixedNaviSNS__close{background-color:#000;color:#fff;border-radius:50%;opacity:.5;position:absolute;top:-10px;right:-10px;width:25px;height:25px;line-height:21px;font-size:2rem;cursor:pointer}#fixedNavMook{transition:.3s;position:fixed;bottom:0;left:0;width:100%;height:50px;color:#fff;background-color:#eeeeee;z-index:999}#fixedNavMook ul{max-width:800px;margin:0 auto;font-size:0;letter-spacing:0;text-align:center;display:flex}#fixedNavMook li{display:block;width:25%;list-style:none;font-size:10px;font-size:1.0rem}#fixedNavMook a,#fixedNavMook p{display:block;padding-top:10px;height:50px;color:#fff;background-repeat:no-repeat}#fixedNavMook li.line a{background-image:url(/assets/line-icon-mook.png);background-size:30px auto;background-position:50% 10px}#fixedNavMook li a i{display:block;font-size:30px;color:#6e6e6e;padding-bottom:0px}.footer{clear:both;padding:0 0 40px;background:#222;color:#fff}.footer a:link,.footer a:visited{text-decoration:none;color:#fff}.footer a:active,.footer a:hover{text-decoration:none;color:#ddd}.footer__link{padding:40px 0 20px;text-align:center}.footer__link{padding:40px 0 20px;text-align:center}.footer__navi{max-width:800px;margin:0 auto;padding:40px 0;list-style:none}.footer__navi li{display:inline-block;width:48%;font-size:12px;font-size:1.2rem}.footer__navi li a{display:block;padding:20px 0}.stop{display:flex;-webkit-align-items:center;align-items:center;justify-content:center;padding-bottom:20px}.stop img{width:50px}#topBtn{position:fixed;bottom:80px;right:10px;opacity:.8;z-index:100}#main .searcharea input[name="word"]{width:85%}h1.title{margin-bottom:15px;font-size:18px;font-size:1.8rem;text-align:center}h1.title strong{margin-bottom:10px;display:block;font-size:30px;font-size:3.0rem;font-family:'Judson', serif;font-weight:bold}h1.title span{display:block;font-size:13px;font-size:1.3rem;font-weight:normal}h2.title{margin-top:30px;margin-bottom:20px;font-size:18px;font-size:1.8rem;text-align:center}h2.title strong{display:inline-block;margin-right:10px;font-size:30px;font-size:2.5rem;font-family:'Judson', serif;font-weight:bold}h2.title span{display:inline-block;font-size:12px;font-size:1.2rem;font-weight:normal}a.btn-margin{margin-bottom:30px}.beerSearch .slideMenu{margin-bottom:0}.beerSearch h3{padding:15px 3%;text-align:center;font-size:15px;font-size:1.5rem;color:#fff;background-color:#434343}.beerSearch h3 i{font-size:20px;font-size:2.0rem;vertical-align:middle}#main .beerSearch+.box{border-top:solid 0px #eee}.header-exp{padding:30px 20px}.newsSearch .searcharea{padding-top:15px;padding-bottom:15px;color:#fff;background-color:#434343}.newsSearch .menu{margin-bottom:0}#main .newsSearch+.box{border-top:solid 0px #eee}.newsSearch ul.menu strong{display:inline-block;margin-right:15px;font-size:22px;font-size:2.2rem;font-family:'Judson',serif}.newsSearch ul.menu i{margin-right:10px;font-size:2.0rem}.newsSearch table.menu{margin-bottom:35px;border-bottom:solid 1px #222222;width:100%}.newsSearch table.menu td{border-top:solid 1px #222222;font-weight:bold;cursor:pointer;width:50%}.newsSearch table.menu td:nth-child(odd){border-right:solid 1px #222222}.newsSearch table.menu td a{display:block;padding:15px 3%;background-position:97% 50%;background-repeat:no-repeat;background-size:10px auto;background-image:url(/assets/ico_arrow_right.png);color:#222}.newsSearch table.menu td a:hover{background-color:#eee}ul.menu{margin-bottom:35px;border-bottom:solid 1px #222222;list-style:none}ul.menu li{border-top:solid 1px #222222;font-weight:bold;cursor:pointer}ul.menu li a{display:block;padding:15px 3%;background-position:97% 50%;background-repeat:no-repeat;background-size:10px auto;background-image:url(/assets/ico_arrow_right.png);color:#222}ul.menu li a:hover{background-color:#eee}ul.slider-matome{text-align:center;margin-bottom:20px}ul.slider-matome li{display:inline-block;width:95%;padding:5px 0}#main .interview-box{padding:30px 3% 15px 3%;border-top:solid 1px #c9c9c9}.post-author .sns a{margin:0 2px}.post-author .sns i{font-size:2rem}@media screen and (min-width: 800px){ul.slider-matome li{width:100%}}h1.post-title{margin-bottom:15px;padding:0px 3% 0px 3%;font-size:18px;font-size:1.8rem;text-align:center}h1.post-title span.cat{display:block;margin-bottom:15px;font-size:18px;font-size:1.8rem;font-family:'Judson', serif;font-weight:bold}h1.post-title span.ja{display:block;margin-bottom:10px;font-size:12px;font-size:1.2rem;font-weight:normal}h1.post-title strong{display:block;font-size:1.8rem;line-height:2.4rem}#newentry h2.title{font-size:1.6rem;margin:35px 0 30px}.newentry h2.title{font-size:1.6rem;margin:18px 0}#keyword h2.title{font-size:1.6rem}.keyword h2.title{font-size:1.6rem}@media screen and (min-width: 769px){#newentry h2.title{font-size:1.8rem;margin:60px 0 45px}}.post-meta{padding:0px 3% 0px 3%;text-align:center}.post-meta a{text-decoration:underline}.authors .post-meta a{text-decoration:none}.post-time{font-size:15px;font-size:1.5rem;font-family:'Judson', serif}.post-author img.avatar{width:40px;height:auto;margin-right:7px;border-radius:20px;vertical-align:middle}.mainPicture{text-align:center;margin-bottom:20px}.recipeDetail .mainPicture img{max-width:750px;width:100%;height:auto}@media screen and (min-width: 600px){.recipeDetail .mainPicture img{max-width:750px;width:500px;height:auto}}@media screen and (min-width: 769px){.recipeDetail .mainPicture img{max-width:750px;width:auto;height:auto}}.tagList{margin:10px 0 20px;text-align:center;font-size:1.2rem;line-height:1.5}.tagList li{margin:0 0.2em;display:inline-block}.tagList a{color:#686868;text-decoration:underline}.single .keywordList{text-align:center}#main .recipeDetail{padding:0 3%}.recipeDetail p.catch{margin-bottom:15px;font-size:1.5rem}.recommendBeer{font-size:1.3rem;text-align:center}.recommendBeer img{width:50px;height:50px;vertical-align:middle}.recommendBeer a{text-decoration:underline}.recipeIndex{margin:10px auto 20px;font-feature-settings:"palt"}.recipeIndex__btnWrap{display:flex;margin:0 auto;width:300px}.recipeIndex__btn{border:2px solid #000;width:100px;height:40px;text-align:center;padding:12px 0;margin:0 3px;font-size:1.1rem;cursor:pointer}.recipeIndex__btn img{height:14px;width:auto;margin:0 2px 0 0}.recipeIndex__comment{background:#caa39f;border:2px solid #caa39f;color:#fff !important;display:block;font-size:1.1rem;width:100px;height:40px;line-height:38px;margin:0 3px;text-align:center;transition:opacity .3s ease .1s}.recipeIndex__number{margin:10px 0 0;text-align:center;font-size:1.2rem}.recipeIndex__number a span{color:#caa39f;margin:0 3px 0 0;text-decoration:underline}@media screen and (min-width: 769px){.recipeIndex{margin:10px auto 20px}.recipeIndex__btnWrap{width:390px}.recipeIndex__btn{width:130px;font-size:1.2rem}.recipeIndex__btn img{margin:0 5px 0 0}.recipeIndex__btn:hover img{animation:heart-animation 3s reverse infinite}.recipeIndex__comment{font-size:1.2rem;width:130px}.recipeIndex__comment:hover{opacity:.7}}.relatedPostsBlock{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;margin:40px 0;padding:40px 0}.relatedPostsBlock__ttl{font-size:1.8rem;font-weight:bold;margin:0 0 30px;text-align:center}.relatedPostsBlock h2.title{font-size:1.4rem;margin:0 0 10px;text-align:left}.relatedPostsBlock li{padding-bottom:10px}.relatedPostsBlock a.btn.btn-more{border:1px solid #d1d1d1;border-radius:20px;color:#343434;margin:0 0 20px auto;width:25%;height:28px;line-height:26px}#main .relatedPostsBlock .box,#main .recommendBlock .box{border-top:0}@media screen and (min-width: 769px){.relatedPostsBlock{border:1px solid #c9c9c9;border-radius:10px;margin:40px 0 80px;padding:40px 0 20px}.relatedPostsBlock__ttl{margin:0 0 40px}.relatedPostsBlock h2.title{font-size:1.7rem;margin:0 0 20px}.relatedPostsBlock li{padding-bottom:20px}.relatedPostsBlock a.btn.btn-more{border-radius:20px;font-size:1.4rem;margin:0 0 20px auto;width:130px;height:30px;line-height:26px}.relatedPostsBlock a.btn.btn-more:hover{color:#fff}#main .relatedPostsBlock .box{margin-bottom:30px}}.sns-btn{margin:15px auto 18px;list-style:none;text-align:center}.sns-like{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:194px;margin:25px auto}.sns-btn li{display:inline-block;width:50px;margin:0 5px}.sns-btn li img{margin:0 14px !important;width:auto;height:25px}.sns-btn li.facebook img,.sns-btn li.twitter img,.sns-btn li.line img{width:auto;height:18px}.sns-btn i{font-size:35px;vertical-align:middle}.recipeShare .sns-btn i{color:#caa39f}.recipeShare{padding:50px 0}.recipeShare__ttl{font-size:1.3rem;line-height:1.4;position:relative;padding:0 21px;margin:0 auto;text-align:center;width:200px}.recipeShare__ttl::before{content:"";background:url(/assets/bg-share-left.png) no-repeat left top;background-size:21px;position:absolute;left:0;bottom:0;width:21px;height:31px}.recipeShare__ttl::after{content:"";background:url(/assets/bg-share-right.png) no-repeat left top;background-size:21px;position:absolute;right:0;bottom:0;width:21px;height:31px}.recipeShare__printer{margin:0 auto;width:180px}.recipeShare__printer img{width:100%;height:auto}@media screen and (min-width: 769px){.recipeShare .sns-btn i:hover{opacity:.7}.recipeShare__ttl{font-size:1.5rem;width:230px;margin:0 auto 20px}.recipeShare__printer{margin:20px auto 0;width:200px}}.users#main #SNS{display:none}#main #SNS{padding:0px 3% 40px 3%;text-align:center}#main #SNS ul{margin-top:30px;list-style:none;font-size:0;letter-spacing:0}#main #SNS li{width:44px;margin:0 13px;display:inline-block}.recipeDetail .recipe-more label{background:#fff;color:#333;padding:20px 0;display:block;margin:20px auto;border:1px solid #333;transition:.4s;max-width:300px;text-align:center}.recipeDetail .recipe-more label:hover{background:#333;color:#fff}.recipeDetail .recipe-more input[type="checkbox"].on-off{display:none}.recipeDetail .recipe-more .recipe-moreDetail{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;margin:0;padding:0}input[type="checkbox"].on-off+div{height:0;overflow:hidden}input[type="checkbox"].on-off:checked+div{height:100%}.recipeContent{width:100%;padding:30px 0 0}.recipeContent__block{margin:0 0 30px;font-size:1.3rem}.recipeContent__ttl{background-color:#f5f5f5;font-size:1.3rem;padding:6px 10px;margin:0 0 15px}.recipeContent__inner{padding:0 5%}.recipeContent .articleList img{max-width:initial}.recipeContent .recommendBeer{text-align:left}.recipe_moreDetailIngredient{overflow:hidden;zoom:1;border-bottom:1px solid #f5f5f5;margin:0 0 10px;padding:0 0 5px}.recipe_moreDetailIngredient a{text-decoration:underline}.recipe_moreDetailIngredient__group{margin:5px 0}.recipe_moreDetailIngredient__name{display:inline;float:left}.recipe_moreDetailIngredient__amount{display:inline;float:right}@media screen and (min-width: 769px){.recipeContent__block{margin:0 0 40px;font-size:1.4rem}.recipeContent__ttl{font-size:1.5rem;font-weight:bold;padding:8px 15px;margin:0 0 25px}}.recipeStep{display:flex;border-bottom:1px solid #f5f5f5;margin:0 0 15px;padding:0 0 10px}.recipeStep__ttl{background-color:#cba49f;border-radius:3px;color:#fff;display:block;font-size:1.5rem;width:20px;height:20px;line-height:21px;margin:0 5px 0 0;text-align:center}.recipeStep__content{width:calc(100% - 25px)}#author h2{font-size:16px;font-size:1.6rem}.authorDetail{margin:0px 3%;list-style:none}.authorDetail h3{display:table;font-weight:normal}.authorDetail h3 div.picture{display:table-cell;width:65px;vertical-align:middle}.authorDetail h3 div.picture img{width:100%;height:auto}.authorDetail h3 div.text{display:table-cell;padding-left:10px;vertical-align:middle}.authorDetail h3 .name{display:block;font-size:15px;font-size:1.5rem;font-family:'Judson', Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif}.authorDetail h3 .role{display:block;margin-top:5px;color:#686868;font-size:12px;font-size:1.2rem}.authorDetail h3 .sns{display:block;margin-top:5px}.authorDetail h3 .sns a{margin-right:0.5em}.authorDetail h3 .sns i{font-size:2rem}.authorDetail h3 .sns img{width:auto;height:15px;vertical-align:middle}.authorDetail p{margin:12px 0;line-height:1.5}.matchBeer{margin:30px 5px;padding:25px 25px 10px;font-size:15px;font-size:1.5rem;background-color:#fbf8f0;border:solid 1px #c6c6c6}.matchBeer img{width:60px;height:60px;vertical-align:middle}.beerName{display:inline-block;line-height:1.8;vertical-align:middle}.beerName a{text-decoration:underline}#main .beerDetail{padding:0px 3% 10px 3%}#main .beerDetail p.catch{margin-bottom:15px;font-size:15px;font-size:1.5rem}.raderChart{margin:30px 0 20px 0}.beerData{margin-top:20px}.beerData h3{display:inline-block;margin-bottom:10px;padding:7px 15px;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;border:solid 1px #222222}.beerData a{text-decoration:underline}.beerData .color img{width:14px;height:auto;vertical-align:middle}.beerData p.source{color:#aaaaaa;font-size:10px;font-size:1.0rem;text-decoration:none}.beerData p.source a{color:#aaaaaa;text-decoration:none}.box-shopData{margin-bottom:20px;padding:25px 15px;font-size:13px;font-size:1.3rem;background-color:#fbf8f0;border:solid 1px #c6c6c6}#main .post .box-shopData h3{margin-top:0;margin-bottom:10px;color:#7b6140;font-size:16px;font-size:1.4rem;line-height:1.4}#main .post .box-shopData h3 i{font-size:22px;font-size:2.2rem;vertical-align:middle}#main .post .box-shopData p{margin-bottom:0;font-size:13px;font-size:1.3rem}.box-beerData{margin-bottom:20px;padding:25px 15px;font-size:13px;font-size:1.3rem;background-color:#f0f0f0;border:solid 1px #ccc}#main .post .box-beerData h3{margin-top:0;margin-bottom:10px;color:#111;font-size:16px;font-size:1.4rem;line-height:1.4}#main .post .box-beerData h3 i{font-size:22px;font-size:2.2rem;vertical-align:middle}#main .post .box-beerData p{margin-bottom:0;font-size:13px;font-size:1.3rem}#main .post .box-beerData ul{list-style:none}.box-eventData{margin-bottom:20px;padding:25px 15px;font-size:13px;font-size:1.3rem;background-color:#fbf2f2;border:solid 1px #7b6140}#main .post .box-eventData h3{margin-top:0;margin-bottom:10px;color:#7b6140;font-size:16px;font-size:1.4rem;line-height:1.4}#main .post .box-eventData i{font-size:24px;font-size:2.4rem;vertical-align:middle}#main .post .box-eventData p{margin-bottom:0;font-size:13px;font-size:1.3rem}#main .post+#author h2.title{margin-top:0}.box-beerDetail{margin-top:60px !important;padding:85px 15px 10px;font-size:13px;font-size:1.3rem;background-color:#fff9f5;border:solid 1px #ecd3c2;position:relative;border-radius:10px}#main .post .box-beerDetail h3{font-size:1.4rem;text-align:center}#main .post .box-beerDetail h3 a{color:#843c44}.box-beerDetail .beer-chara{position:absolute;top:-60px;left:20%;margin:0 !important}.box-beerDetail .beer-chara img{width:90%}.box-beerDetail .beerchara-link{margin:0 !important}p.edit_btn a{display:inline-block;padding:0.4rem 1.4rem;border:1px solid #000;line-height:50px;background-color:#000;color:#fff;border-radius:5px}p.edit_btn a:hover{background-color:#fff;color:#000}p.edit_btn a:link{transition:none}div.lineat-btn{text-align:center;display:block;margin:10px auto 20px}div.lineat-btn p{text-align:center;font-size:1.4rem}div.lineat-btn img{max-width:330px;height:auto}.sb-type-fb{overflow:hidden;padding:5px 20px;margin:0 !important;line-height:1.5;color:#333333}.sb-type-fb>.sb-subtype-a>.sb-speaker{float:left;margin-right:7% !important;max-width:70px;width:15%}.sb-type-fb>.sb-subtype-a>.sb-speaker>.sb-icon{text-align:center;height:60px}.sb-type-fb>.sb-subtype-a>.sb-speaker>.sb-name{overflow:hidden;font-size:12px;text-align:center;text-shadow:0px 1px 1px rgba(0,0,0,0.1)}.sb-speech-bubble{border:none !important;text-align:left;position:relative;display:inline-block;margin:1.5em 0 1.5em 15px;padding:10px;min-width:120px;max-width:78%;color:#555;border-radius:3px}.sb-speech-bubble:before{content:"";position:absolute;top:20%;left:-30px;margin-top:-15px;border:15px solid transparent}.bubble-pink{background:#f3dde4}.bubble-pink::before{border-right:25px solid #f3dde4}.bubble-yellow{background:#fff0b0}.bubble-yellow::before{border-right:25px solid #fff0b0}.bubble-blue{background:#d4e6f7}.bubble-blue::before{border-right:25px solid #d4e6f7}.balloon{text-align:right}.balloon-left,.balloon-right{overflow:hidden;margin:1.5em 0;position:relative;width:100%}.balloon-left .chatting,.balloon-right .chatting{margin:0 !important;position:relative;text-align:left;min-height:55px;width:100%}.balloon-left .says,.balloon-right .says{position:relative;display:inline-block;margin:8px 0 0 15px !important;padding:7px 10px 2px;min-width:120px;max-width:100%;background:#fff;border:solid 1px #555;box-sizing:border-box;border-radius:5px}.balloon-left .says p,.balloon-right .says p{margin:0 !important;padding:0}.balloon-left .faceicon{position:absolute;left:0;margin:0 !important;width:50px}.balloon-left .faceicon img{height:auto;width:100%}.balloon-left .says{margin:8px 0 0 66px !important}.balloon-left .says:before{content:"";position:absolute;top:7px;left:-23px;margin-top:0;border:10px solid transparent;border-right:14px solid #fff;z-index:2}.balloon-left .says:after{content:"";position:absolute;top:7px;left:-25px;margin-top:0;border:10px solid transparent;border-right:14px solid #555;z-index:1}.balloon-right>p{text-align:right !important}.balloon-right .faceicon{position:absolute;right:0;margin:0 !important;width:50px}.balloon-right .faceicon img{height:auto;width:100%}.balloon-right .says{margin:8px 66px 0 0 !important}.balloon-right .says:before{content:"";position:absolute;top:7px;right:-23px;margin-top:0;border:10px solid transparent;border-left:14px solid #fff;z-index:2}.balloon-right .says:after{content:"";position:absolute;top:7px;right:-25px;margin-top:0;border:10px solid transparent;border-left:14px solid #555;z-index:1}.balloon-left-big .says:before{top:30px}.balloon-left-big .says:after{top:30px}.balloonTop{position:relative;display:block;margin:1.5em auto;padding:7px 15px;min-width:120px;max-width:100%;background:#fff;border:solid 2px #884d01;box-sizing:border-box;text-align:left}.balloonTop:before{content:"";position:absolute;top:-26px;left:50%;margin-left:-16px;border:13px solid transparent;border-bottom:13px solid #fff;z-index:2}.balloonTop:after{content:"";position:absolute;top:-30px;left:50%;margin-left:-17px;border:14px solid transparent;border-bottom:14px solid #884d01;z-index:1}.balloonBottom{position:relative;display:block;margin:1.5em auto;padding:7px 15px;min-width:120px;max-width:100%;background:#fff;border:solid 2px #884d01;box-sizing:border-box;text-align:left}.balloonBottom:before{content:"";position:absolute;bottom:-26px;left:50%;margin-left:-16px;border:13px solid transparent;border-top:13px solid #fff;z-index:2}.balloonBottom:after{content:"";position:absolute;bottom:-30px;left:50%;margin-left:-17px;border:14px solid transparent;border-top:14px solid #884d01;z-index:1}.imgLeft{display:table}.imgLeft__img{display:table-cell;margin:0;padding:0 3% 0 0;vertical-align:middle;width:30%}.imgLeft__img img{height:auto;width:100%}.imgLeft__txt{display:table-cell;vertical-align:middle}@media screen and (max-width: 600px){.imgLeft{display:block}.imgLeft__img{display:block;margin:0 auto 10px;padding:0;width:30%}.imgLeft__img img{height:auto;width:100%}.imgLeft__txt{display:block}}.calendar-word{position:relative;display:block;margin:1em 0 0.5em !important;padding:5px 10px;width:100%;min-height:36px;vertical-align:middle;text-align:center;background:#fbdfeb;border-radius:6px;box-sizing:border-box;text-align:left}.calendar-word:before{content:"";position:absolute;bottom:-9px;left:6px;margin-top:-10px;border:10px solid transparent;border-left:10px solid #fbdfeb;-ms-transform:rotate(175deg);-webkit-transform:rotate(175deg);transform:rotate(175deg)}.calendar-word p{margin:0 !important}.calendar-word--gray{position:relative;display:block;margin:1em 0 0.5em !important;padding:5px 10px;width:100%;min-height:36px;vertical-align:middle;text-align:center;background:#e3e3e3;border-radius:6px;box-sizing:border-box;text-align:left}.calendar-word--gray:before{content:"";position:absolute;bottom:-9px;left:6px;margin-top:-10px;border:10px solid transparent;border-left:10px solid #e3e3e3;-ms-transform:rotate(175deg);-webkit-transform:rotate(175deg);transform:rotate(175deg)}.calendar-word--gray p{margin:0 !important}.calendar-box .calendar-chara{float:left;margin:0;width:60px}.calendar-box.balloon-left{margin:0 !important;position:relative;min-height:360px}.calendar-box.balloon-left .chatting{margin:2em 0 0 !important}.calendar-box.balloon-left .says{max-width:72%;border:solid 2px #f1ebeb;margin:0 0 0 20px !important}.calendar-box.balloon-left .says:after{border-right:14px solid #f1ebeb}.calendar-chart{list-style:none;width:100%;margin:15px 0 0 0;position:absolute;top:200px}.calendar-chart li{width:40%;display:inline-block;margin:4px 0;padding:5px 0 5px 10px;background:#f1ebeb;font-weight:bold}.calendar-chart li.ttl{width:60%;padding:5px 0 5px 20px}a.calendar-more{position:relative;text-align:center;text-decoration:none !important;display:block;background:#e6b7c7;color:#fff;font-weight:bold;padding:15px 0}a.calendar-more:before{content:"";position:absolute;top:-20px;left:50%;margin-left:-12px;border:12px solid transparent;border-bottom:12px solid #e6b7c7}a.calendar-more:hover{background:#bf6583}a.calendar-more:hover:before{border-bottom:12px solid #bf6583}.addMylist{margin:10px 0 20px}.addMylist__btnWrap{display:flex;margin:0 auto;width:290px}.addMylist__btn{border:2px solid #000;width:140px;height:40px;text-align:center;padding:10px 0;margin:0 10px 0 0;font-size:1.4rem;cursor:pointer}.addMylist__btn img{height:16px;width:auto;margin:0 10px 0 0}.addMylist__btn:hover img{animation:heart-animation 3s reverse infinite}.addMylist__repost{background:#caa39f;color:#fff !important;display:block;font-size:1.4rem;width:140px;height:40px;line-height:40px;text-align:center;transition:opacity .3s ease .1s}.addMylist__repost:hover{opacity:.7}.addMylist__number{margin:10px 0 0;text-align:center;font-size:1.2rem}.addMylist__number a span{color:#caa39f;margin:0 3px 0 0;text-decoration:underline}.writerMylistBtn{height:50px;width:180px;margin:0 auto 30px;position:relative;z-index:10}.writerMylistBtn__btn{background:url(/assets/mylist/icon-mylist.png) no-repeat 2px 50%,url(/assets/mylist/icon-btn-arrow.png) no-repeat right 7px top 50%,#fff;background-size:32px, 18px;border:2px solid #000;display:block;font-size:1.2rem;font-weight:bold;height:48px;line-height:1.2;text-align:center;padding:7px 0 0 10px;position:absolute;top:0;left:0;width:100%;z-index:20}.writerMylistBtn__btn:hover{background-color:#000;color:#fff;opacity:1 !important}.writerMylistBtn__shadow{background:url(/assets/mylist/bg-mylist.png) repeat left top;border:2px solid #000;display:block;position:absolute;top:5px;left:5px;width:100%;height:48px;z-index:10}@media screen and (min-width: 800px){div.display_sp{display:none}.sb-type-fb>.sb-subtype-a>.sb-speaker{margin-right:5% !important}.sb-type-fb>.sb-subtype-a>.sb-content{float:left;position:relative;padding-top:14px;margin-left:80px;margin-right:80px;width:82%}.sb-speech-bubble{max-width:100%}.sb-speech-bubble:before{top:50%}.matchBeer{padding:15px 20px}.balloon-left .says,.balloon-right .says{width:630px}.balloon-right .says{margin:8px 66px 0 20px !important}.calendar-box .calendar-chara{width:80px}.calendar-box.balloon-left{min-height:270px}.calendar-box.balloon-left .says{max-width:80%}.calendar-chart{margin:15px 0 0 100px;top:90px}.box-beerDetail .beer-chara{left:36%}}.areaTabWrap{margin:30px 0}.areaTab{border-bottom:5px solid #e88c89;list-style-type:none;display:flex;margin:0;width:720px}.areaTab--1{border-bottom:5px solid #bbae41}.areaTab--2{border-bottom:5px solid #d18829}.areaTab--3{border-bottom:5px solid #828c68}.areaTab--4{border-bottom:5px solid #95a6c4}.areaTab--5{border-bottom:5px solid #a37fb0}.areaTab--6{border-bottom:5px solid #8c7275}.areaTab__item{border-radius:6px 6px 0 0;box-shadow:1px -1px 8px 0 rgba(0,0,0,0.2);margin-right:1px;padding:0;width:102px;height:45px}.areaTab__item:last-of-type{margin-right:0}.areaTab__item--current{height:60px;margin-top:-15px}.areaTab__link{border-radius:6px 6px 0 0;display:block;height:45px;padding:10px 0 0;text-align:center}.areaTab__link.hover img{opacity:1}.areaTab__link--7.hover{background-color:#e88c89}.areaTab__link--1.hover{background-color:#bbae41}.areaTab__link--2.hover{background-color:#d18829}.areaTab__link--3.hover{background-color:#828c68}.areaTab__link--4.hover{background-color:#95a6c4}.areaTab__link--5.hover{background-color:#a37fb0}.areaTab__link--6.hover{background-color:#8c7275}.areaTab__item--current{height:60px;margin-top:-15px}.areaTab__item--current .areaTab__link{height:60px;padding:15px 0 0}.areaTab__item--current .areaTab__link--7{background-color:#e88c89}.areaTab__item--current .areaTab__link--1{background-color:#bbae41}.areaTab__item--current .areaTab__link--2{background-color:#d18829}.areaTab__item--current .areaTab__link--3{background-color:#828c68}.areaTab__item--current .areaTab__link--4{background-color:#95a6c4}.areaTab__item--current .areaTab__link--5{background-color:#a37fb0}.areaTab__item--current .areaTab__link--6{background-color:#8c7275}#main .post .content .areaTab__img{height:25px;width:auto}#main .post .areaTab__img{height:25px;width:auto}@media only screen and (max-width: 767px){#main .post .content .areaTabWrap{white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;margin:30px -5%;padding:20px 0 0;width:auto}#main .post .areaTabWrap{white-space:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch;margin:0 -5% 30px;padding:20px 0 0;width:auto}}.mookFooterContent{font-size:1.4rem;line-height:1.8;margin:0 auto 30px;padding:0 5%}.mookFooterContent img{display:block;margin:0 auto;height:auto}.mookFooterContent div{margin:2rem 0}.mookFooterContent a{text-decoration:underline}#main .post .content .sliderInArticleWrap{margin:0 -5%}.sliderInArticle .slick-slide{height:auto}.sliderInArticle__item{margin:0 1vw}.sliderInArticle img{height:auto}@media screen and (min-width: 769px){#main .post .content .sliderInArticleWrap{margin:0}.sliderInArticle__item{margin:0 10px}}.breadcrumb{display:flex;flex-wrap:wrap;max-width:800px;width:100%;list-style-type:none;padding:0 3% 10px}.breadcrumb__item{position:relative;font-size:1.1rem;margin:0 0 0 10px;padding:0 0 0 15px}.breadcrumb__item::before{content:"";background:url(/assets/icon-bc.png) no-repeat left 50%;background-size:6px;position:absolute;left:0;top:50%;width:6px;height:9px;margin-top:-4.5px}.breadcrumb__item:first-of-type{margin:0;padding:0}.breadcrumb__item:first-of-type::before{content:none}@media screen and (min-width: 769px){.breadcrumb{padding:0 3% 15px}.breadcrumb__item{position:relative;font-size:1.2rem;margin:0 0 0 13px;padding:0 0 0 18px}}.display_sp{display:inline}.btn,.tile{cursor:pointer;transition:0.25s ease}#searchform{padding:10px 20px 10px}.event #searchform{padding:0 20px}.recipe-search #searchform{padding:0 20px 20px}input[type="password"],textarea{width:80%;height:34px}ul.more li.wrap_block{padding:0 15px}ul.more li.wrap_block a{margin:12px 0}ul.more li.wrap_block a:first-child{width:50%}ul.more li.wrap_block a:first-child{border-right:1px solid #444}ul.more li.wrap_block a:nth-child(2){margin-left:15px}@media screen and (min-width: 800px){.display_sp{display:none}}.modal{background-color:rgba(0,0,0,0.9);color:#fff;opacity:0;overflow:auto;padding:0;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;transition:200ms ease;visibility:hidden;z-index:1}.modal.show{display:block;opacity:1;pointer-events:auto;visibility:visible;z-index:1005}.modal__inner{max-width:800px;margin:0 auto;position:relative}.modal--1 .modal__inner{padding:40px 0 0}.modal--3 .modal__inner{padding:50px 0 0}.modal .modal-close-btn{background:#d4427e url("https://beergirlproduction-8f8c.kxcdn.com/assets/close.png") no-repeat center;border-radius:1px;cursor:pointer;display:block;height:28px;opacity:.8;padding:20px;position:fixed;transition:.3s ease;width:28px;z-index:1006}.modal .modal-close-btn:hover{opacity:1}.modal .modal-close-btn--topRight{right:10px;top:10px}.modal .modal-close-btn--bottomRight{bottom:10px;right:10px}.modal .modal-close-btn--topLeft{left:10px;top:10px}.modal__ttl{font-size:1.3rem;padding:20px 20px 10px}.modal .tit1,.modal .tit2,.modal .tit3{background-size:21px auto;background-position:center left;background-repeat:no-repeat;font-size:20px;margin:15px 0 0 10px;padding-left:30px;text-align:left}.modal .tit1{background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/ico_menu_white.png")}.modal .tit2{background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/ico_share_white.png")}.modal .tit3{background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/ico_follow_white.png")}.modal ul{margin:0 0 20px;padding:0}.modal ul.modal__navi{margin:0}.modal li{border-bottom:1px solid #444;background-position:99% 50%;background-repeat:no-repeat;background-size:5px auto;background-image:url("https://beergirlproduction-8f8c.kxcdn.com/assets/ico_arrow_right_wh.png");font-size:13px;list-style:none;margin:0 auto;padding:12px 20px;text-align:left;width:100%}.modal li a{color:#fff;display:block}.modal li a i{font-size:20px;margin-right:10px}.modal ul .popular_li{border-bottom:none !important}.modal__img{vertical-align:middle}.modal__img.modal_lab{margin-right:3px}.modal__img.modal_sanpo{margin-left:4px;margin-right:6px}.modal table.follow{border-bottom:1px solid #444;padding:0 5%;width:100%}.modal table.follow td{border-top:1px solid #444;cursor:pointer;width:50%;height:40px;padding:0 0 0 20px;box-sizing:border-box}.modal table.follow td:first-child{border-right:1px solid #444}.modal table.follow strong{display:inline-block;margin-right:15px;font-size:2rem;font-family:'Judson',serif}.modal table.follow i{margin-right:10px;font-size:20px;font-size:2.0rem}.modal table.follow td a{display:block;padding:5px 3%;background-position:97% 50%;background-repeat:no-repeat;background-size:10px auto;background-image:url(https://beergirlproduction-8f8c.kxcdn.com/assets/ico_arrow_right.png);color:#fff;font-size:1.2rem}.modal table.follow td a:hover{background-color:#eee;color:#000}.modal table.follow td a.follow_line:hover img{opacity:1}.modal table.follow td a img{width:2.4rem;margin-right:10px;vertical-align:middle}.modal table.follow span{font-size:1.2rem;margin-left:35px}.modal.modalInterest table.follow{padding:0;border-top:1px solid #444}.modal.modalInterest table.follow td a{padding:10px 15px}.modal.modalInterest ul.modal-li,.modal.modalInterest ul.modalBanner{border-top:none;padding:0 25px 0 15px}.modal.modalInterest p.ttl{font-size:12px}.modal.modalInterest ul.modal-li li,.modal.modalInterest ul.modalBanner li{display:inline-block;padding:0 0 20px 0;width:48%;border:none;vertical-align:top}.modal.modalInterest ul.modalevent li{width:100%}.modal.modalInterest ul.modal-li li:nth-child(odd){margin-right:1%}.modal.modalInterest ul.modalBanner a{text-align:center}.modal.modalInterest ul.modal-li li a.columnWrap{flex-flow:-webkit-row wrap;flex-flow:row wrap;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;margin-bottom:5px;height:80px}.modal.modalInterest ul.modal-li li img{margin-bottom:5px;width:100%}.modal .modalBlock{border-top:1px solid #fff;padding:0 0 0 5%}.modal .modalBlock li.column-block a{flex-flow:-webkit-row wrap;flex-flow:row wrap;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;margin-bottom:10px;height:90px}.modal .modalBlock li.column-block p{line-height:1.3rem;font-size:1.2rem}.modal .modalBlock p.popular_li{background-position:99% 50%;background-repeat:no-repeat;background-size:5px auto;background-image:url(https://beergirlproduction-8f8c.kxcdn.com/assets/ico_arrow_right_wh.png);width:100%;margin:0 auto;list-style:none;padding:12px 15px;font-size:13px;text-align:left !important}.modal .modalBlock p.popular_li i{margin-right:10px}.modal .modalBlock ul.block3{border-top:none;padding:0}.modal .modalBlock ul.block3 li{border-bottom:none;width:32%}.modal .modalBlock ul.block3 li a{margin:0}.modal .modalBlock ul.block3 li h3{font-weight:1.1rem}.modal .modalBlock .articleList.block3 li:nth-child(3n-1){margin:0}.modal .modalBlock .popular_btn{text-align:right;margin:0 5% 10px 0}.modal .modalBlock .popular_btn a.modalBlock_btn{display:inline-block;padding:1.2rem 2.2rem;text-decoration:none;border:1px solid #3c3c3c;transition:.2s;background:#fff;border-radius:2px}.modal .modalBlock .popular_btn a.modalBlock_btn:hover{opacity:.8s}.modal .modalBlock .block3 li a.title{margin:5px 0}.modal .modalBlock .block3 li a img{height:80px;width:auto;max-width:150%}.modal .modalBlock .block3 li.column-block a img{height:auto}.modal.modal--2 .modal__inner .modalBlock:first-of-type{border-top:none}.modal .footer{background:none}.modal .modalfooter{width:100%;margin:0;padding:0 0 40px;list-style:none;text-align:center}.modal .modalfooter li{display:inline-block;width:43%;font-size:1.1rem;border-bottom:none;text-align:center}.modal .searchForm{display:flex;font-size:1.4rem;padding:50px 10px 50px}.modal .searchForm__input{border:1px solid #ccc;border-radius:2px;height:60px;margin:0 2% 0 0;padding:2px 10px;width:80%;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.modal .searchForm__btn{background-color:#f9c602;border:none;border-radius:2px;color:#000;height:60px;padding:10px 0;width:18%;-webkit-appearance:none}.modal .searchKeyword{text-align:center;font-size:1.6rem}.modal .searchKeyword__ttl{margin:0 0 50px}.modal .searchKeyword__list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none}.modal .searchKeyword__item{background:none;border:none;display:inline;font-size:1.6rem;margin:0 10px 20px;padding:0;width:auto}.modal .searchKeyword__item a{border:2px solid #fff;border-radius:20px;color:#fff;padding:10px 20px;transition:all .3s}.modal .searchKeyword__item a:hover{background-color:#fff;color:#000}@media screen and (min-width: 800px){.modal .modal-close-btn{position:absolute}.modal .modal-close-btn--topRight{right:15px;top:10px}.modal .modal-close-btn--bottomRight{bottom:10px;right:30px}.modal .modal-close-btn--topLeft{left:15px;top:10px}.modal.modalInterest ul.modal-li li a.columnWrap{height:160px}.modal .modalBlock li.column-block a{height:160px}.modal .modalBlock li.column-block p{margin-top:10px}.modal .modalBlock .block3 li a.title{margin:10px 0}.modal .modalBlock .block3 li a img{height:156px}.modal .modalfooter li{font-size:1.2rem;width:35%}}.slideNavi{background:url(/assets/mylist/bg-mylist.png) repeat left top;width:350px;height:100vh;position:fixed;top:0;right:0;z-index:1001;overflow-y:scroll;transition:all 0.3s;transform:translate(100%)}.slideNavi.active{transform:translate(0)}.slideNavi__btn{display:flex;justify-content:center;padding:20px 0}.slideNavi__inner{background-color:#f5f5f5;font-size:1.3rem;text-align:left}.slideNavi__content{background-color:#fff}.slideNavi__ttl{font-size:1.4rem;padding:5px 25px}.slideNavi__item{list-style-type:none}.slideNavi__item:first-of-type{padding-top:10px}.slideNavi__item:last-of-type{padding-bottom:10px}.slideNavi__item a{display:block;height:35px;padding:10px 10px 10px 35px;line-height:15px;width:100%}.slideNavi__item i{color:#caa39f;font-size:1.5rem;width:20px;text-align:center;margin:0 3px 0 0}.slideNavi__content--sns{display:flex;flex-wrap:wrap}.slideNavi__content--sns .slideNavi__item{width:50%}.slideNavi__content--sns .slideNavi__item:nth-of-type(2){padding-top:10px}.slideNavi__content--sns .slideNavi__item:nth-of-type(3){padding-bottom:10px}.slideNavi__content--sns .slideNavi__item:nth-of-type(2n) a{padding:10px}.slideNavi__stop{margin:20px 0;text-align:center;line-height:40px}.slideNavi__stop img{width:50px;height:auto}.slideNavi__copyright{font-size:1.2rem;padding:0 0 20px}.slideNaviBtn{height:50px;width:130px;margin:0;position:relative}.slideNaviBtn:first-of-type{margin:0 40px 0 0}.slideNaviBtn__btn{background-color:#fff;border:2px solid #000;display:block;font-size:1.3rem;font-weight:bold;height:38px;line-height:36px;text-align:center;padding:0;position:absolute;top:0;left:0;width:100%;z-index:20}.slideNaviBtn__btn:hover{background-color:#000;color:#fff;opacity:1}.slideNaviBtn__shadow{background:url(/assets/mylist/bg-mylist.png) repeat left top;border:2px solid #000;display:block;position:absolute;top:5px;left:5px;width:100%;height:38px;z-index:10}.slideNaviBtn--color .slideNaviBtn__btn{background-color:#caa39f;color:#fff}.slideNaviBtn--color .slideNaviBtn__btn:hover{background-color:#000;color:#fff;opacity:1}.slideNavi__back{background-color:#333;opacity:.5;width:100%;height:100vh;position:fixed;top:0;right:0;z-index:1000;transform:translate(100%)}.slideNavi__back.active{transform:translate(0)}@media only screen and (max-width: 768px){.slideNavi{width:85%}.slideNaviBtn{height:50px;width:40%;max-width:200px;margin:0;position:relative}.slideNaviBtn:first-of-type{margin:0 10px 0 0}}.beerchara #main{max-width:100%}.beerchara .inner{max-width:800px;margin:0 auto}.chara-mv{background:url(/assets/beerchara-mv.png) center 20px no-repeat,#bcebeb;background-size:contain;margin-bottom:40px}.chara-mv .inner{background:url(/assets/beerchara-title.png) center 40px no-repeat;padding:190px 0 20px;background-size:120%}.sns-btn li.facebook img,.sns-btn li.twitter img,.sns-btn li.line img{height:25px}.chara-arc{display:flex;flex-wrap:wrap;padding:0 2% 40px}.chara_txt{text-align:center;margin:10px;color:#4b242e;font-weight:bold;font-size:1.1rem;line-height:2rem;text-shadow:white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px}.chara-box{width:50%;position:relative;display:block;margin-bottom:110px;height:300px}.chara-box.chara-indiapaleale{margin-bottom:180px}.chara-box.chara-fruitbeer{margin-bottom:140px}.chara-box img{position:absolute;bottom:0;left:0;right:0}.chara-box a>p{text-align:center;width:100%}.chara-box a .chara-btn{text-align:center;position:absolute;bottom:-70px;left:0;right:0}.chara-box a .chara-btn p.btn{color:#fff;border-radius:20px;border:2px solid #fff;box-shadow:1px 3px 1px rgba(0,0,0,0.3);min-width:90%;height:30px;line-height:3rem;display:inline-block}img.beer-chara{width:170px;height:auto}img.hop-chara{width:auto}img.hop-nelson{height:430px}img.hop-mosaic{height:370px}.beerchara #main .box{border-top:none}.chara-menu,.beerchara header{text-align:center}img.chara-border{margin:10px 0 20px}.chara .right canvas{max-width:400px;max-height:400px;-webkit-tap-highlight-color:rgba(255,255,255,0);display:block;margin:auto}.chara-menu-bg .inner{display:flex;flex-wrap:wrap}.chara-menu-bg .chara-box{height:90px;font-size:1rem;width:33%;margin-bottom:80px}.chara-menu-bg .chara-box img{width:auto}.chara-menu-bg .chara-box a .chara-btn{bottom:-55px}.chara-menu-bg .chara-box.chara-indianpaleale,.chara-menu-bg .chara-box.chara-fruitbeer{margin-bottom:inherit}.chara-menu-bg .chara-box a .chara-btn p.btn{font-size:1rem}.chara-top{text-align:right;margin:20px 0 50px;text-decoration:underline;font-size:1.3rem}.chara-top a{color:#757575}div.hops{position:relative;text-align:center}img.hop-ttl{position:absolute;top:-20px;left:17%;width:270px}.hop-box{width:49.5%;height:300px;margin-bottom:30px}div.chara-hop{border:2px solid #80c268;padding:30px 10px 10px;margin:20px 5px 50px}.chara-banner{margin-bottom:40px}.chara-banner p{text-align:center}.chara-banner a{display:block;text-align:center}.chara-banner img{width:90%}.chara-single h1{font-size:1.8rem;font-family:'Judson', Linotte, YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, メイリオ, Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;padding-left:40px;position:absolute;margin:20px 0;text-align:left;top:0;left:20%}.chara-single h1::after{content:"";position:absolute;display:block;width:40px;height:40px;background-size:100%;left:0;top:-5px}.chara-single p{font-size:1.4rem}.chara-single .chara-menu-bg .chara-box p{font-size:1rem}.chara-single section{margin-bottom:60px}.chara-single .frame{background-image:url(/assets/beerchara/chara-single/frame.png);background-position:left top;background-repeat:repeat-y;background-color:#fff;background-size:100% 100%;margin:20px 5px 60px;padding:20px 10px;position:relative}.chara-single .frame::before{content:"";background-image:url(/assets/beerchara/chara-single/frame-top.png);background-position:left top;background-repeat:no-repeat;background-size:100%;height:30px;width:100%;position:absolute;left:0;top:-10px}.chara-single .frame::after{content:"";background-image:url(/assets/beerchara/chara-single/frame-bottom.png);background-position:left top;background-repeat:no-repeat;background-size:100%;height:40px;width:100%;position:absolute;left:0;bottom:-40px}.chara-single .bg-chara .chara-left{margin-top:40px}.chara-single .bg-chara .chara-left img{display:block;margin:0 auto 20px;width:auto;max-height:500px;height:100vw}.chara-single .bg-chara .chara-left .chara{background:url(/assets/beerchara/chara-single/chara-waku.png) no-repeat;padding:20px;background-size:100% 100%}.chara-single .bg-chara .chara-left .chara-ttl{text-align:center}.chara-single .bg-chara .chara-right div.ttl{border-bottom:2px solid #fcf5e3;padding:20px 0}.chara-single .bg-chara .chara-right .style-detail li{width:63%;display:inline-block;padding:10px 0;vertical-align:middle}.chara-single .bg-chara .chara-right .style-detail li canvas{width:100% !important;height:100% !important}.chara-single .bg-chara .chara-right .style-detail li.ttl{font-weight:bold;width:35%}.chara-single .bg-chara .chara-right .style-detail li.beerColor{width:100%}.chara-single .beer-detail h2{padding-left:30px;position:relative;margin-bottom:10px;line-height:2rem}.chara-single .beer-detail h2::after{content:"";background:url(https://beergirlproduction-8f8c.kxcdn.com/image/upload/2014/10/pilsner.title_.png) no-repeat;width:22px;height:40px;background-size:100%;display:block;position:absolute;left:0;top:-10px}.chara-single .beer-detail div{margin-bottom:40px}.chara-single .beer-detail p{margin-bottom:10px}.chara-single .beer-detail img{max-width:100%;height:auto}.chara-single section.with-beer{margin-bottom:0}.chara-single .with-beer .box p{margin:5px 0 15px;text-align:center}.chara-single .chara-menu{border-top:none}.countryFlag1:after{background:url(/assets/beerchara/chara-single/country-germany.png) no-repeat;background-size:100%}.countryFlag2:after{background:url(/assets/beerchara/chara-single/country-belgium.png) no-repeat;background-size:100%}.countryFlag3:after{background:url(/assets/beerchara/chara-single/country-britain.png) no-repeat;background-size:100%}.countryFlag4:after{background:url(/assets/beerchara/chara-single/country-ireland.png) no-repeat;background-size:100%}.countryFlag5:after{background:url(/assets/beerchara/chara-single/country-czech.png) no-repeat;background-size:100%}.countryFlag6:after{background:url(/assets/beerchara/chara-single/country-usa.png) no-repeat;background-size:100%}.chara03 .chara-left{margin-top:60px}.chara04 .chara-single h1,.chara13 .chara-single h1,.chara15 .chara-single h1{left:30%}.chara05 .chara-single h1{left:25%}.chara06 .chara-single h1,.chara09 .chara-single h1,.chara11 .chara-single h1{left:10%}.chara07 .chara-single h1{left:14%}.chara-single.chara-single--hop section{margin-bottom:30px}.chara-single.chara-single--hop h1{padding:0;position:relative;left:0;top:0;text-align:center}.chara-single.chara-single--hop .chara .left{margin:0 0 10px;text-align:center}.chara-single.chara-single--hop .chara .right{margin:0 3%}.hopImage{position:absolute;left:10px;top:60px;width:80px;height:auto}@media screen and (min-width: 640px){.chara-mv{background:url(/assets/beerchara-mv.png) center no-repeat,#bcebeb}.chara-mv .inner{background:url(/assets/beerchara-title.png) center no-repeat;padding:340px 0 20px;background-size:contain}.chara_txt{font-size:1.4rem;line-height:2.4rem}.chara-arc{padding:0 0 80px}.chara-box{width:20%;margin-bottom:80px}.chara-menu-bg img{width:19%}.chara-menu-bg .chara-box{height:130px;width:20%}.chara-single .chara-menu-bg .chara-box p{font-size:1.2rem}.chara-menu-bg .chara-box a .chara-btn p.btn{font-size:1.3rem}img.hop-ttl{top:0;left:34%}div.chara-hop{display:inline-flex;padding:50px 40px 30px}.hop-box{width:190px;margin:0}.chara-top{font-size:1.4rem}.chara-single h1{font-size:2.4rem;left:0}.chara-single section{margin-bottom:80px}.chara-single .frame{margin:40px 0 60px;padding:20px}.chara-single .frame::before{top:-20px}.chara-single .frame::after{bottom:-30px}.chara-single .bg-chara{display:flex}.chara-single .bg-chara .chara-left{width:39%;margin-right:5%;margin-top:0}.chara-single .bg-chara .chara-right{width:68%}.chara-single .bg-chara h1{position:relative}.chara-single .bg-chara .chara-right .style-detail li{width:68%}.chara-single .bg-chara .chara-right .style-detail li.ttl{width:30%}.chara-single section.beer-detail{padding:20px 40px}.chara04 .chara-single h1,.chara05 .chara-single h1,.chara06 .chara-single h1,.chara07 .chara-single h1,.chara09 .chara-single h1,.chara11 .chara-single h1,.chara13 .chara-single h1,.chara15 .chara-single h1{left:0}.hopImage{left:100px;width:160px}}.chara-single .beerColor{position:relative}.chara-single .beerColor img{width:450px;height:auto}.beerColor .beerColor__range{padding:3px;position:absolute;border-bottom:2px dashed #777;height:40px}.beerColor .beerColor__range:before{content:'';width:2px;height:6px;border-left:2px dashed #777;position:absolute;left:0;bottom:2px}.beerColor .beerColor__range:after{content:'';width:2px;height:6px;border-right:2px dashed #777;position:absolute;right:0;bottom:2px}.beerColor__range.colorRangeStart--1{left:-3px}.beerColor__range.colorRangeStart--2{left:35px}.beerColor__range.colorRangeStart--3{left:73px}.beerColor__range.colorRangeStart--4{left:111px}.beerColor__range.colorRangeStart--5{left:149px}.beerColor__range.colorRangeStart--6{left:187px}.beerColor__range.colorRangeStart--7{left:225px}.beerColor__range.colorRangeStart--8{left:263px}.beerColor__range.colorRangeStart--9{left:301px}.beerColor__range.colorRangeStart--10{left:339px}.beerColor__range.colorRangeStart--11{left:377px}.beerColor__range.colorRangeStart--12{left:415px}.beerColor__range.colorRange--0{display:none}.beerColor__range.colorRange--1{width:40px}.beerColor__range.colorRange--2{width:78px}.beerColor__range.colorRange--3{width:116px}.beerColor__range.colorRange--4{width:154px}.beerColor__range.colorRange--5{width:192px}.beerColor__range.colorRange--6{width:230px}.beerColor__range.colorRange--7{width:268px}.beerColor__range.colorRange--8{width:306px}.beerColor__range.colorRange--9{width:344px}.beerColor__range.colorRange--10{width:382px}.beerColor__range.colorRange--11{width:420px}.beerColor__range.colorRange--12{width:458px}@media screen and (max-width: 790px){.chara-single .beerColor img{width:280px;height:auto}.beerColor .beerColor__range{position:absolute;border-bottom:2px dashed #777;height:25px}.beerColor .beerColor__range:before{content:'';width:2px;height:3px;border-left:2px solid #777;position:absolute;left:0;bottom:0}.beerColor .beerColor__range:after{content:'';width:2px;height:3px;border-right:2px solid #777;position:absolute;right:0;bottom:0}.beerColor__range.colorRangeStart--1{left:-1px}.beerColor__range.colorRangeStart--2{left:23px}.beerColor__range.colorRangeStart--3{left:46px}.beerColor__range.colorRangeStart--4{left:71px}.beerColor__range.colorRangeStart--5{left:94px}.beerColor__range.colorRangeStart--6{left:117px}.beerColor__range.colorRangeStart--7{left:141px}.beerColor__range.colorRangeStart--8{left:165px}.beerColor__range.colorRangeStart--9{left:188px}.beerColor__range.colorRangeStart--10{left:212px}.beerColor__range.colorRangeStart--11{left:235px}.beerColor__range.colorRangeStart--12{left:258px}.beerColor__range.colorRange--0{display:none}.beerColor__range.colorRange--1{width:22px}.beerColor__range.colorRange--2{width:46px}.beerColor__range.colorRange--3{width:70px}.beerColor__range.colorRange--4{width:94px}.beerColor__range.colorRange--5{width:118px}.beerColor__range.colorRange--6{width:142px}.beerColor__range.colorRange--7{width:166px}.beerColor__range.colorRange--8{width:190px}.beerColor__range.colorRange--9{width:214px}.beerColor__range.colorRange--10{width:238px}.beerColor__range.colorRange--11{width:262px}.beerColor__range.colorRange--12{width:285px}}#shirafu{position:absolute;top:1000px;right:0;margin-top:20px;margin-right:0;margin-left:auto;margin-bottom:80px;width:200px;z-index:200}#shirafu div{font-size:1.3rem;position:relative;display:inline-block;padding:8px 16px;width:auto;min-width:120px;margin-right:8px;background:#fff;border:1px solid #222;border-radius:8px;margin-bottom:12px}#shirafu div:before{content:"";position:absolute;right:10px;bottom:-12px;margin-top:-8px;width:0px;height:0px;border-right:8px solid #222;border-top:0px solid transparent;border-left:8px solid transparent;border-bottom:12px solid transparent;z-index:1}#shirafu div:after{content:"";position:absolute;right:10px;bottom:-9px;margin-top:-10px;margin-right:1px;width:0px;height:0px;border-right:8px solid #fff;border-top:0px solid transparent;border-left:8px solid transparent;border-bottom:12px solid transparent;z-index:10}#shirafu img{width:48px;height:auto;float:right}#shirafu.fixed{position:fixed;top:120px;right:0}.footer #shirafu a{color:#222}.shirafu-sp{display:none}@media only screen and (max-width: 768px){#shirafu{position:inherit}#shirafu div{background:#222;border:1px solid #fff}#shirafu div:before{border-right:8px solid #fff}#shirafu div:after{border-right:8px solid #222}.footer #shirafu a{color:#fff}}@media only screen and (max-width: 480px){.shirafu-pc{display:none}.shirafu-sp{display:block}}.col-shirafu{text-align:left;font-size:1.2rem}.col-shirafu dd{margin-bottom:1.6em;min-height:40px}.col-shirafu dt{margin-bottom:1.6em;min-height:40px}.col-shirafu span{display:inline-block;position:relative;margin:0 0 0 50px;padding:.4em;-webkit-border-radius:6px;border-radius:6px;border:1px solid #222;background:#fff}.col-shirafu span::before{content:"";position:absolute;left:-16px;top:50%;margin-top:-8px;width:0;height:0;border-right:8px solid #222;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;z-index:1}.col-shirafu span::after{content:"";position:absolute;left:-14px;top:50%;margin-top:-8px;width:0;height:0;border-right:8px solid #fff;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;z-index:10}.col-shirafu img{width:40px;height:auto;position:absolute}@media only screen and (min-width: 768px){.col-shirafu{font-size:1.6rem}.col-shirafu dt{min-height:80px}.col-shirafu dd{min-height:80px}.col-shirafu span{margin:0 0 0 96px;padding:.8em}.col-shirafu img{width:80px;height:auto}}.campaign_detail{border-top:solid 1px #c9c9c9;margin:5% 0}.campaign_period{color:#c50417}section.campaign{margin-bottom:48px;width:100%;overflow:hidden;line-height:1.8}.campaign_form{text-align:center}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.campaign_description{margin-top:30px}.login_box a{text-decoration:underline;margin:0 8px}.login_box{margin:20px}.container{padding-bottom:48px}.campaign-desc{border:1px dashed #704E35;padding:20px 10px;width:90%;margin:40px 5% 0;box-sizing:border-box;text-align:center}.campaign-desc .btn{margin:20px auto}.beerData{border:1px solid #616161;position:relative;padding:25px 10px 20px}.beerData h3{position:absolute;top:-15px;background:#000;color:#fff}.brewery{padding:12px 10px;background:#fdf2b3;font-size:1.2rem;margin-top:20px}.brewery h3{font-size:1.5rem;line-height:2.2rem}.brewery p{line-height:1.8rem}.beerDetail .mainPicture img{max-height:360px}.beergardens p.desc{text-align:center}.beergardens .search-area-wrapper{margin:30px 2%;text-align:center;font-size:16px}.beergardens .search-area select{height:40px;margin-bottom:5px}.beergardens .articleList li span.pref{background-color:#FF9800;padding:3px;margin-right:5px;color:#fff}.beergardens .articleList li h3{margin-bottom:10px}.beergardens button.submit{height:40px;border:0px;padding:0 40px;background-color:#FFC107}.beergardens #newentry h2:before{content:" ";background:url(/assets/ico_beer.png);display:inline-block;width:34px;height:36px;background-size:contain;vertical-align:middle;background-repeat:no-repeat}.beergardens .articleList.block2.areaList li{width:24%;text-align:center}.beergardens .articleList.block2.areaList li:nth-child(even),.articleList.block2 li{margin-left:1%;margin-right:1%}@media screen and (max-width: 768px){.beergardens p.desc{text-align:left}.beergardens .search-area-wrapper{margin:30px 2%;text-align:left;font-size:14px}.beergardens button.submit{width:100%;margin-top:10px}}.column-text{padding:30px 20px}#main .column-box{padding:30px 3% 15px 3%;border-top:solid 1px #c9c9c9}.column-introduce{padding:10px 0}#main .column-block{padding-bottom:30px}.column-author{line-height:40px;height:40px}.column-author img{height:100%;margin-right:5px}.column-author a{vertical-align:middle}.column-main{margin:10px 10px 20px 10px;line-height:1.5}a.btn.column-btn{margin-bottom:40px}.columns h1 img{height:auto}.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(/assets/bx_loader-6d46e2cf165a5a0584afba7bc9663da292ee08c97cfc7613de6013ed05be892a.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(/assets/controls-257206c4fd6bcee36927eb0ef2ba087b5dfc6c9a18df7f8553878bf847616226.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(/assets/controls-257206c4fd6bcee36927eb0ef2ba087b5dfc6c9a18df7f8553878bf847616226.png) no-repeat -43px -32px}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(/assets/controls-257206c4fd6bcee36927eb0ef2ba087b5dfc6c9a18df7f8553878bf847616226.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(/assets/controls-257206c4fd6bcee36927eb0ef2ba087b5dfc6c9a18df7f8553878bf847616226.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}#main.users h1{text-align:center}#main.users p{text-align:center;margin-bottom:10px}.mylists input[type="text"],.mylists input[type="password"],.mylists input[type="date"],.mylists textarea,.mylists input[type="email"]{width:100%;font-size:16px;height:34px}#main.users dl{max-width:400px;margin:0 auto 20px}#main.users dt span{color:#ff3031}#main.users dt{margin-bottom:5px}#main.users dd{text-align:center}#main.users p.submit{text-align:center}#main.users p.submit input{width:100%;padding:15px;background:#d5176e;border:none;color:#fff}#main.users p.forget{margin-top:10px}#main.users p.regist{margin-top:5px}#main.users i{font-size:2rem}#main.users a.btn{margin:40px auto}#main.users{padding:120px 0 75px}#main.users .name input,#main.users .kana input{width:50%;font-size:16px;height:34px;margin:0 -0.5%}#main.users .name .field_with_errors,#main.users .kana .field_with_errors,#main.users .check .field_with_errors{display:inline-block}#main.users .name .field_with_errors input,#main.users .kana .field_with_errors input{width:100%}#main.users .birth select,#main.users .sex select{width:24%;font-size:14px;height:34px}#main.users dd{text-align:left}#main.users .termtxt a{text-decoration:underline}#main.users #error_explanation{border:1px dotted #d5176e;padding:20px;margin:0 auto 40px;max-width:400px}#main.users #error_explanation h2{margin-bottom:20px;font-size:1.4rem}#main.users #error_explanation li{margin:0 0 4px 20px;color:#d5176e}.mylists p.menu-title{font-size:1.6rem}#main.users h1{text-align:center}#main.users .logout{float:right;border:1px solid #444;padding:13px 23px;font-weight:bold}#main.users .newsSearch table.menu td a span{margin-left:38px}span.bookmark{text-align:center;border:1px solid #000;padding:12px;margin:20px auto 35px;display:block;font-size:1.4rem}span.bookmark i{font-size:1.8rem;margin-right:4px}@media screen and (min-width: 500px){a.bookmark{width:40%}#main.users p.submit input{width:100%;max-width:400px}#main.users .newsSearch table.menu td a span{margin:0}}#popupArea{position:fixed;bottom:60px;left:0;right:0;margin:0 auto;padding:20px 20px 45px;max-width:300px;max-height:400px;width:90%;height:50vh;z-index:2000;background:url(/assets/cp/sanpo-club/popup-sanpo-footer.png) repeat-x left bottom,url(/assets/cp/sanpo-club/sanpo-bg.jpg) repeat left top;background-size:300px, 26px;border-radius:20px}.popupArea__inner{overflow-y:scroll;height:100%;width:100%}#popupContent{padding:10px 0;text-align:left}#popupBtn{border:2px solid #000;background-color:#eecc35;margin:0 auto;padding:3px;width:200px}#popupBtn a{border:1px solid #000;display:block;font-size:1.2rem;font-weight:bold;padding:8px 15px;position:relative;text-align:center}#popupBtn a:before{content:"";width:8px;height:8px;border:0px;border-top:solid 2px #000;border-right:solid 2px #000;transform:rotate(45deg);position:absolute;top:50%;left:15px;margin-top:-5px}.popupClose{display:block;position:absolute;top:-10px;right:-10px;font-size:3rem;color:#fff;cursor:pointer;background-color:#333;border-radius:50%;width:30px;height:30px;line-height:26px;opacity:.7}.popupHide{transform:translateY(100%);display:none}@media only screen and (min-width: 768px){#popupArea{position:fixed;bottom:60px;left:auto;right:30px}#popupBtn a:hover{color:#222;opacity:.7}}body:after{content:url("/assets/lightbox/close.png") url("/assets/lightbox/loading.gif") url("/assets/lightbox/prev.png") url("/assets/lightbox/next.png");display:none}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:4px solid white}.lightbox a img{border:none}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:white}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url("/assets/lightbox/loading.gif") no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url("/assets/lightbox/prev.png") left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url("/assets/lightbox/next.png") right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;background-color:#fff}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#333}.lb-data .lb-details{width:90%;float:left;text-align:left;line-height:1.1em;margin-bottom:20px}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url("/assets/lightbox/close.png") top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.barSliderWrap{margin:0 0 40px}.barSlider{width:100%;height:36vw}.barSlider .slick-dots{bottom:-15px}.barSliderTtl{font-size:1.2rem;margin:0 0 10px;text-align:center}.barSliderItem{width:auto;margin:0 1vw}.barSliderItem__link{display:block;position:relative}.barSliderItem__image{margin:0;padding:0;position:relative}.barSliderItem__image img{border-radius:1vw 1vw 0 0;width:100%;height:auto}.barSliderItem__ttl{background:#096c65;border-radius:0 0 1vw 1vw;height:9.2vw;padding:1.1vw 1.5vw 1vw}.barSliderItem__ttl--color1{background:#096c65}.barSliderItem__ttl--color2{background:#2f8b98}.barSliderItem__ttl--color3{background:#a8bfa3}.barSliderItem__ttl--color4{background:#253a35}.barSliderItem__ttlText{color:#fff;font-size:3vw;line-height:3.75vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.barSearch{margin:0 0 30px}.barSearch__btn{background-color:#fff;border:1px solid #000;border-radius:4px;color:#c2c2c2;font-size:1.4rem;line-height:34px;margin:0 auto;padding:3px 10px 3px 5px;position:relative;width:270px;height:40px}.barSearch__icon{color:#c2c2c2;font-size:1.6rem;position:absolute;right:10px;top:50%;margin-top:-8px}.barFuture .title{font-size:1.6rem;margin:35px 0 30px}.barList li{padding:5px 0}.barListItem{border-radius:3px;box-shadow:0 0 5px 0.3px rgba(0,0,0,0.2);margin:0 0 20px}.barListItem__info{min-height:19vw}.barListItem__name{font-size:1.4rem;line-height:1.25;margin:0 1vw 1.5vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.barListItem__meta{font-size:1.1rem;line-height:1.3;margin:0 1vw 1vw 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.barListItem__image{padding:0;margin:0 0 1.5vw;height:30vw;overflow:hidden;position:relative}.barListItem__bookmark{position:absolute;bottom:5px;right:5px;filter:drop-shadow(0 0 3px rgba(0,0,0,0.4));width:22px;height:20px}.barListItem__ttlWrap{height:13.2vw;margin:0 1vw}.barListItem__ttl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width: 600px) and (max-width: 768px){.barListItem__info{min-height:14vw}.barListItem__name{font-size:1.6rem;line-height:1.3}.barListItem__meta{font-size:1.3rem;line-height:1.3;margin:0 1vw 1vw 0}.barListItem__ttlWrap{height:8.5vw;margin:0 1vw}}@media screen and (min-width: 769px){.barSliderWrap{margin:0 0 50px}.barSlider{max-width:800px;height:290px}.barSlider .slick-dots{bottom:-15px}.barSliderTtl{font-size:1.8rem;margin:0 0 15px}.barSliderItem{width:333px;margin:0 10px}.barSliderItem__image img{border-radius:5px 5px 0 0}.barSliderItem__ttl{border-radius:0 0 5px 5px;height:56px;padding:5px 15px 5px 18px}.barSliderItem__ttlText{font-size:1.8rem;line-height:1.3}.barSearch{margin:0 0 50px}.barFuture{margin:0 0 30px}.barFuture .title{font-size:1.8rem;margin:60px 0 45px}.barList li{padding:10px 0}.barListItem{border-radius:3px;box-shadow:0 0 5px 0.3px rgba(0,0,0,0.2);margin:0 0 30px}.barListItem__info{min-height:90px;height:90px}.barListItem__name{font-size:1.8rem;line-height:1.25;margin:0 15px 8px}.barListItem__meta{font-size:1.3rem;margin:0 15px 10px 10px}.barListItem__image{padding:0;margin:0 0 10px;height:240px}.barListItem__bookmark{cursor:pointer;position:absolute;bottom:7px;right:7px;filter:drop-shadow(0 0 3px rgba(0,0,0,0.4));width:33px;height:30px}.barListItem__bookmark:hover{animation:heart-animation 3s reverse infinite}.barListItem__ttlWrap{height:30px;margin:0 15px}.barListItem__ttl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}}.mylistBGDot{background-image:url(/assets/mylist/bg-mylist-footer.png),url(/assets/mylist/bg-mylist2.png);background-repeat:repeat-x, repeat;background-position:left bottom, left top;padding:0 0 200px;position:relative}.mylistBGDot:after{content:'';background:url(/assets/mylist/icon-footer.png) no-repeat 50% top;background-size:347px;display:block;width:100%;height:62px;position:absolute;left:50%;bottom:50px;margin-left:-50%}.mylistBGDot--mylist{background-image:url(/assets/mylist/bg-mylist-footer.png),url(/assets/mylist/bg-mylist.png);background-repeat:repeat-x, repeat;background-position:left bottom, left top;padding:0 0 200px;position:relative}.mylistBGDot--mylist:after{content:'';background:url(/assets/mylist/icon-footer.png) no-repeat 50% top;background-size:347px;display:block;width:100%;height:62px;position:absolute;left:50%;bottom:50px;margin-left:-50%}.mylistBGDot--mylistNoFooter{background-image:url(/assets/mylist/bg-mylist.png);background-repeat:repeat;background-position:left top;padding:0 0 200px}.mylistBGDot--mylistWriter{background-image:url(/assets/mylist/bg-mylist-footer-writer.png),url(/assets/mylist/bg-mylist.png);background-repeat:repeat-x, repeat;background-position:left bottom, left top;padding:0 0 200px;position:relative}.mylistBGDot--mylistWriter:after{content:'';background:url(/assets/mylist/icon-footer-writer.png) no-repeat 50% top;background-size:347px;display:block;width:100%;height:62px;position:absolute;left:50%;bottom:50px;margin-left:-50%}.mylistBGDot--writer{background-image:url(/assets/mylist/bg-mylist-footer-writer.png),url(/assets/mylist/bg-mylist-writer.png);background-repeat:repeat-x, repeat;background-position:left bottom, left top;padding:0 0 200px;position:relative}.mylistBGDot--writer:after{content:'';background:url(/assets/mylist/icon-footer-writer.png) no-repeat 50% top;background-size:347px;display:block;width:100%;height:62px;position:absolute;left:50%;bottom:50px;margin-left:-50%}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px !important}.floatLeft{float:left}.floatRight{float:right}.textCenter{text-align:center}.myListTxt{font-size:14px;font-weight:bold}.myList{padding:100px 0 0 !important}.myList--noHeader{padding:20px 0 0 !important}.myList__inner{padding:0 0 30px}.myListHeader{background-color:#fff;border-top:solid 1px #c9c9c9;height:40px}.myListHeader__inner{position:relative;margin:0 auto;width:100%}.myListHeader__ttl{font-size:1.2rem;font-weight:normal;line-height:40px;text-align:center}.myListHeader__back{position:absolute;left:20px;top:12px}.myListHeader__btn{position:absolute;right:10px;top:12px}.myListHeader__btn img{height:17px;width:auto;margin:0 3px}.myListNavi{background:url(/assets/mylist/reizouko.png) no-repeat 50% top;background-size:521px;margin:0 auto;height:505px;width:100%}.myListNavi__inner{width:285px;height:450px;margin:0 auto;position:relative}.myListNavi__howto{position:absolute;left:0;top:32px}.myListNavi__setting{position:absolute;right:25px;top:32px}.myListNavi__setting:hover{transform:rotate(-10deg)}.myListNavi__follow{position:absolute;right:25px;top:175px;background:url(/assets/mylist/btn-follow.png) no-repeat left top;background-size:83px;width:83px;height:25px;border:none;text-indent:-9999px}.myListNavi__follow:hover{opacity:.7}.myListNavi__unfollow{position:absolute;right:25px;top:175px;background:url(/assets/mylist/btn-follow-active.png) no-repeat left top;background-size:83px;width:83px;height:25px;border:none;text-indent:-9999px}.myListNavi__unfollow:hover{opacity:.7}.myListNavi__unfollow--writer{position:absolute;right:25px;top:175px;background:url(/assets/mylist/btn-follow-writer-active.png) no-repeat left top;background-size:83px;width:83px;height:25px;border:none;text-indent:-9999px}.myListNavi__unfollow--writer:hover{opacity:.7}.myListNavi__batch{position:absolute;top:16px;left:66px;width:20px;height:20px;background-color:#f7152b;color:#fff;border-radius:50%;line-height:20px;text-align:center}.myListNavi__info{position:absolute;top:215px;left:35px;z-index:31}.myListNavi__info img{width:108px;height:auto}.myListNavi__info:hover{top:218px;left:32px}.myListNavi__info:hover img{opacity:1}.myListNavi__post{position:absolute;top:215px;left:150px;z-index:31}.myListNavi__post img{width:108px;height:auto}.myListNavi__post:hover{top:218px;left:147px}.myListNavi__post:hover img{opacity:1}.myListNavi__shelf{position:absolute;top:275px;left:-6px;z-index:30}.myListNavi__shelf img{width:275px;height:auto}.myListNavi__myfollow{position:absolute;top:325px;left:4px}.myListNavi__myfollow img{width:98px;height:auto}.myListNavi__myfollow:hover{top:328px;left:1px}.myListNavi__myfollow:hover img{opacity:1}.myListNavi__mybox{position:absolute;top:325px;left:94px}.myListNavi__mybox img{width:98px;height:auto}.myListNavi__mybox:hover{top:328px;left:91px}.myListNavi__mybox:hover img{opacity:1}.myListNavi__myevent{position:absolute;top:325px;left:184px}.myListNavi__myevent img{width:98px;height:auto}.myListNavi__myevent:hover{top:328px;left:181px}.myListNavi__myevent:hover img{opacity:1}.myListNavi__door{position:absolute;top:199px;right:-118px;z-index:31}.myListNavi__door img{width:134px;height:auto}.myListNavi__beer{position:absolute;top:315px;left:30px}.myListNavi__beer img{width:217px;height:auto}.myProfile{height:133px}.myProfile__thumb{position:relative;top:35px;left:50px;margin:0;width:150px;height:133px;overflow:hidden}.myProfile__thumbImg{position:absolute;top:12px;left:12px;width:125px;height:auto}.myProfile__thumbFrame{position:absolute;top:0;left:0;width:150px;height:auto;opacity:1}.myProfile__thumbFrame:hover{opacity:1}.myProfile__name{background:url(/assets/mylist/bg-profile-name.png) no-repeat left top;background-size:62px;height:61px;width:62px;font-size:1rem;line-height:1.2;padding:21px 2px 0 5px;transform:rotate(-18deg);position:absolute;top:70px;left:11px}.myProfile__beer{background:url(/assets/mylist/bg-profile-beer.png) no-repeat left top;background-size:73px;height:68px;width:73px;font-size:1rem;line-height:1.2;padding:34px 8px 0 12px;transform:rotate(20deg);position:absolute;top:90px;left:175px}.myProfile--modal{height:119px;width:240px;position:relative;margin:0 auto}.myProfile--modal .myProfile__thumb{position:relative;top:5px;left:51px;margin:0;width:135px;height:119px;overflow:hidden}.myProfile--modal .myProfile__thumbImg{position:absolute;top:12px;left:12px;width:110px;height:auto}.myProfile--modal .myProfile__thumbFrame{width:135px;height:auto}.myProfile--modal .myProfile__name{position:absolute;top:35px;left:8px}.myProfile--modal .myProfile__beer{position:absolute;top:50px;left:165px}.myProfile--modal.myProfile--writer .myProfile__name{background:url(/assets/mylist/bg-profile-name-writer.png) no-repeat left top;background-size:62px}.myProfile--modal.myProfile--writer .myProfile__beer{background:url(/assets/mylist/bg-profile-beer-writer.png) no-repeat left top;background-size:73px}.myFollow{display:flex;justify-content:center;font-size:1.2rem;font-weight:bold;margin:10px 0 0}.myFollow p{margin:0 5px}.myFollow a{text-decoration:underline}.myFollow a:hover{text-decoration:none}.myProfileText{background-color:#fff;border:2px solid #000;margin:20px;padding:10px 15px;text-align:left;line-height:1.8;font-size:1.2rem}.myProfileText__ttl{font-size:1.4rem;font-weight:bold;margin:0 0 5px}.myListNavi--others .myListNavi__post{position:absolute;top:215px;left:35px;z-index:31}.myListNavi--others .myListNavi__post:hover{top:218px;left:32px}.myListNavi--others .myListNavi__beer2{position:absolute;top:230px;left:155px;z-index:31}.myListNavi--others .myListNavi__beer2 img{width:102px;height:auto}.myListNavi--writer{background:url(/assets/mylist/reizouko-writer.png) no-repeat 50% top;background-size:521px}.myListNavi--writer .myProfile__writer{position:absolute;top:30px;left:40px;width:68px}.myListNavi--writer .myProfile__writer img{width:100%;height:auto}.myListNavi--writer .myProfile__name{background:url(/assets/mylist/bg-profile-name-writer.png) no-repeat left top;background-size:62px}.myListNavi--writer .myProfile__beer{background:url(/assets/mylist/bg-profile-beer-writer.png) no-repeat left top;background-size:73px}.myListTtl{text-align:center;height:23px;width:auto;margin:0 0 20px}.myListBG,.myListBG--noShadow,.myListBG--color,.myListBG--writerColor{background:#fff;border:2px solid #000;box-shadow:4px 4px;padding:10px;margin:0 2%;width:96%}.myListBG--noShadow{box-shadow:none;border:none}.myListBG--color{background:#eae0df}.myListBG--writerColor{background:#f3ead0}.myListBG__inner{padding:20px 0}.myListBG__header{border-bottom:1px solid #eee;height:30px;padding:10px}.myPostBG{background:#fff;margin:0 3%;width:94%;padding:0 0 30px}.myListBtn,.myListBtn--color,.myListBtn--color2,.myListBtn--color3,.myListBtn--signup,.myListBtn--login{height:50px;width:90%;max-width:400px;margin:0 auto;position:relative}.myListBtn__btn,.myListBtn--color .myListBtn__btn,.myListBtn--color2 .myListBtn__btn,.myListBtn--color3 .myListBtn__btn,.myListBtn--signup .myListBtn__btn,.myListBtn--login .myListBtn__btn{background-color:#fff;border:2px solid #000;display:block;font-size:1.4rem;font-weight:bold;height:38px;line-height:36px;text-align:center;padding:0;position:absolute;top:0;left:0;width:100%;z-index:20;transition:all .3s ease .1s}.myListBtn__btn:hover{background-color:#000;color:#fff;opacity:1 !important}.myListBtn__shadow,.myListBtn--color .myListBtn__shadow,.myListBtn--color2 .myListBtn__shadow,.myListBtn--color3 .myListBtn__shadow,.myListBtn--signup .myListBtn__shadow,.myListBtn--login .myListBtn__shadow{background:url(/assets/mylist/bg-mylist.png) repeat left top;border:2px solid #000;display:block;position:absolute;top:5px;left:5px;width:100%;height:38px;z-index:10}.myListBtn--color{max-width:280px}.myListBtn--color .myListBtn__btn{background-color:#caa39f;color:#fff !important}.myListBtn--color .myListBtn__btn:hover{background-color:#000}.myListBtn--color2 .myListBtn__btn{background-color:#eae0df}.myListBtn--color2 .myListBtn__btn:hover{background-color:#000}.myListBtn--color3 .myListBtn__btn{background-color:#f3ead0}.myListBtn--color3 .myListBtn__btn:hover{background-color:#000}.myListBtn--signup{width:40%;margin:0 2%}.myListBtn--signup .myListBtn__btn{background-color:#caa39f;color:#fff !important}.myListBtn--signup .myListBtn__btn:hover{background-color:#000}.myListBtn--login{width:40%;margin:0 2%}.myListBtn--2Column{width:40%;margin:0 2%}.myListBtn2{padding:10px;width:50%}.myListBtn2__inner{background-color:#eae0df;box-shadow:4px 4px;position:relative;width:100%}.myListBtn2__inner:before{content:"";display:block;padding-top:45%}.myListBtn2 a{position:absolute;top:0;left:0;bottom:0;right:0;vertical-align:middle;text-align:center;padding:5px 0 0;font-weight:bold}.myListBtn2 a span{display:block;font-size:3rem}.myListBtn2--writer .myListBtn2__inner{background-color:#f3ead0}.myListLogin{display:flex;justify-content:center;margin:30px 0}.myboxList{display:flex;flex-wrap:wrap}.myboxList__item{list-style-type:none;width:50%;margin:10px 0 0;padding:10px}.myboxList__item--first{background-color:#f2f2f2;border-radius:10px}.myboxList__item a{display:block}.myboxList__thumb{position:relative;width:100%;box-shadow:4px 4px}.myboxList__thumb:before{content:"";display:block;padding-top:45%}.myboxList__thumbInner{position:absolute;top:0;left:0;bottom:0;right:0}.myboxList__thumb--1{margin:0;width:66.66%;height:100%;float:left}.myboxList__thumb--2{margin:0;width:33.33%;height:50%;float:right}.myboxList__thumb--3{margin:0;width:33.33%;height:50%;float:right}.myboxList__thumb--1,.myboxList__thumb--2,.myboxList__thumb--3{overflow:hidden}.myboxList__thumb--1 img,.myboxList__thumb--2 img,.myboxList__thumb--3 img{width:100%;height:100%;object-fit:cover}.myboxList__text{position:relative}.myboxList__name{font-size:1.2rem;margin:15px 0 0;width:9em}.myboxList__name--private{background:url(/assets/mylist/icon-private-key.png) no-repeat left top;background-size:11px;padding:0 0 0 14px}.myboxList__count{color:#7e7e7e;font-size:1.2rem;line-height:1;position:absolute;top:0;right:0}.myboxList__caption{color:#7e7e7e;font-size:1.1rem;margin:5px 0 0;line-height:1.3}.myInfoList{padding:10px}.myInfoList__item{border-bottom:1px solid #eee;list-style-type:none;padding:0 0 10px;margin:10px 0 0}.myInfoList__item a{display:block}.myInfoList__img{width:120px;margin:0}.myInfoList__img img{width:100%;height:auto}.myInfoList__txt{width:100%;padding:0}.myInfoList__category{color:#db5758;font-size:1.2rem}.myInfoList__ttl{font-size:1.4rem;line-height:1.5}.myInfoList__date{font-size:1.2rem;color:#7c7c7c}.myEventList{padding:10px}.myEventList__item{border-bottom:1px solid #eee;list-style-type:none;padding:0 0 10px;margin:10px 0 0}.myEventList__item a{display:flex}.myEventList__thumb{width:90px;margin:0 10px 0 0}.myEventList__thumb img{width:100%;height:auto}.myEventList__txt{width:calc(100% - 100px);padding:0}.myEventList__ttl{color:#343434;font-size:1.4rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.myEventList__meta{display:flex;font-size:1.1rem;margin:0 0 5px}.myEventList__status{border-radius:30px;color:#fff;padding:3px 8px;text-align:center;background:#aaa;margin:0 5px 0 0}.myEventList__status--ing{border-radius:30px;color:#fff;padding:3px 8px;text-align:center;background:#db5757;margin:0 5px 0 0}.myEventList__date{color:#000;font-size:1.2rem;line-height:1.6rem}.postList{display:flex;flex-wrap:wrap;list-style-type:none;margin:20px 0 0}.postList__item{width:49%;background:#fff;border-radius:4px;margin:0 0 7px}.postList__item:nth-of-type(2n){margin:0 0 7px 2%}.postList__item--border{border:1px solid #d5d5d5}.postList__thumb{margin:0;width:100%;height:30vw;border-radius:4px 4px 0 0;overflow:hidden}.postList__thumb img{width:100%;height:auto}.postList__repost{border:1px solid #ddd;border-radius:6px;margin:5px 5px 0 5px;height:calc(30vw - 7px);overflow:hidden}.postList__repostImg{margin:0;height:calc(30vw - 7px - 2.8em);overflow:hidden}.postList__repostImg img{border-radius:6px 6px 0 0;margin-top:-5vw}.postList__repostImg div{background-color:#eee;height:100%;line-height:1.5;text-align:center;padding:6vw 1vw 0;font-size:1rem}.postList__repostTxt{font-size:1rem;line-height:1.4;height:2.8em;margin:2px 3px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.postList .postList__repostTxt--again{font-size:3.3vw;line-height:1.4;height:8.2em;margin:2px 5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-align:justify}.postList__body{margin:5px;position:relative}.postList__privateKey{position:absolute;left:0;bottom:0;width:12px;height:auto}.postList__name{display:flex;line-height:20px;font-size:1.3rem}.postList__name figure{height:20px;width:20px;margin:0 5px 0 0;border-radius:50%;overflow:hidden;position:relative}.postList__name figure img{width:auto;max-width:none;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.postList__text{font-size:1.2rem;line-height:1.4;margin:3px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:justify}.postList__meta{margin:5px 0 0;position:relative;padding:0 0 20px;color:#aaa}.postList__share{display:flex;list-style-type:none;height:12px;margin:0 10px 0 0}.postList__shareItem{padding:0 0 0 12px;font-size:1.1rem;line-height:12px;margin:0 5px 0 0}.postList__shareItem--heart{background:url(/assets/mylist/icon-postmeta-heart.png) no-repeat left 50%;background-size:10px}.postList__shareItem--heartOn{background:url(/assets/mylist/icon-postmeta-heart-active.png) no-repeat left 50%;background-size:10px}.postList__shareItem--comment{background:url(/assets/mylist/icon-postmeta-comment.png) no-repeat left 50%;background-size:9px;padding:0 0 0 11px}.postList__shareItem--re{background:url(/assets/mylist/icon-postmeta-re.png) no-repeat left 50%;background-size:13px;padding:0 0 0 15px}.postList__date{font-size:1.1rem;position:absolute;right:0;bottom:0;height:12px;line-height:12px}.myArticleList{padding:10px}.myArticleList__item{border-bottom:1px solid #eee;list-style-type:none;padding:10px 0}.myArticleList__item a{display:flex}.myArticleList__img{width:75px;margin:0}.myArticleList__img img{width:100%;height:auto}.myArticleList__txt{width:calc(100% - 75px);padding:0 0 0 10px}.myArticleList__ttl{font-size:1.2rem;line-height:1.4;letter-spacing:-.2;margin:3px 0 0}.myArticleList__category{color:#db5758;font-size:1rem;font-weight:bold;line-height:1;margin:-2px 0 0}.myArticleList__meta{font-size:1rem;color:#7c7c7c;line-height:1;margin:5px 0 0}.myArticleList__author{float:right}.myArticleList.formBlock .myArticleList__item{margin:0;display:flex}.myArticleList.formBlock .myArticleList__item label{display:flex;height:auto;padding:0 0 0 30px}.myArticleList.formBlock .myArticleList__item label:before{top:calc(50% - 10px)}.myArticleList.formBlock .myArticleList__item label:after{top:calc(50% - 8px)}.myArticleList.formBlock .myArticleList__item .myArticleList__ttl{font-size:1rem}.myArticleList.formBlock .myArticleList__item .changeBtn{width:80px;margin:20px 0 0;text-align:right;position:relative}.myArticleList.formBlock .myArticleList__item .changeBtn span{display:block;position:absolute;top:0;width:18px}.myArticleList.formBlock .myArticleList__item .changeBtn__up{right:22px}.myArticleList.formBlock .myArticleList__item .changeBtn__down{right:0}.myArticleList.formBlock .myArticleList__item .changeBtn img{width:18px;height:auto;cursor:pointer}.howToMylist{padding:20px 0}.howToMylist h2{margin:0 0 20px;padding-left:21px;font-size:1.7rem;line-height:1.4;background-image:url(/assets/ico_beer.png);background-position:0px 10%;background-size:13px auto;background-repeat:no-repeat}.howToMylist h3{font-size:1.4rem;margin:0 0 20px}.howToMylist p{font-size:1.2rem;margin:0 0 20px;text-align:justify}.howToMylist figure{margin:0 auto 20px;width:200px}.howToMylist .arrow{color:#eb6b56;font-size:2rem;text-align:center;margin:0 0 20px}@media screen and (min-width: 600px) and (max-width: 768px){.postList .postList__repostTxt--again{font-size:1.4rem;line-height:1.6;height:16em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:15;overflow:hidden;text-align:justify}}@media screen and (min-width: 769px){.myListHeader{height:40px}.myListHeader__inner{position:relative;margin:0 auto;width:800px}.myListHeader__ttl{font-size:1.3rem}.myListHeader__back{position:absolute;left:20px;top:12px}.myListNavi{margin:0 auto;height:505px;width:521px}.myboxList__item{width:50%;margin:10px 0 0;padding:20px}.myboxList__text{position:relative}.myboxList__name{font-size:1.4rem;margin:15px 0 0;width:20em}.myboxList__count{color:#7e7e7e;position:absolute;top:0;right:0}.myboxList__caption{color:#7e7e7e;font-size:1.2rem;margin:5px 0 0}.postList__item{width:44%;margin:0 0 10px 4%}.postList__item:nth-of-type(2n){margin:0 4% 10px}.postList__thumb{margin:0;width:100%;height:218px;border-radius:4px 4px 0 0;overflow:hidden}.postList__repost{height:calc(218px - 7px);margin:5px 5px 0 5px}.postList__repostImg{height:175px}.postList__repostImg img{border-radius:6px 6px 0 0;margin-top:-2.3vw}.postList__repostTxt{font-size:1.2rem;line-height:1.4;height:43px;margin:1px 3px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.postList .postList__repostTxt--again{font-size:1.4rem;line-height:1.4;height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden;text-align:justify}.postList__body{margin:10px}.postList__name{font-size:1.4rem;line-height:30px}.postList__name figure{height:30px;width:30px}.postList__shareItem{font-size:1.2rem}.postList__date{font-size:1.2rem}.myListBG__inner{padding:20px}.myPostBG{margin:0;width:100%;padding:0 0 50px}.myListBtn2{padding:20px;width:50%}.myListBtn2__inner{box-shadow:4px 4px;position:relative;width:100%}.myListBtn2__inner:before{content:"";display:block;padding-top:45%}.myListBtn2 a{position:absolute;top:0;left:0;bottom:0;right:0;vertical-align:middle;text-align:center;font-weight:bold;font-size:1.6rem;padding:40px 0 0}.myListBtn2 a span{display:block;font-size:3rem}.myListBtn2 a:hover{background-color:#000;color:#f3ead0}.myArticleList.formBlock .myArticleList__item label{width:calc(100% - 70px)}.howToMylist{padding:20px 50px}}@media screen and (max-width: 320px){.myEventList__meta{display:flex;flex-wrap:wrap;font-size:1rem;margin:0 0 5px}}.formBlock__item{margin:30px 0 0}.formBlock__item:first-of-type{margin:0}.formBlock__item--border{border-bottom:1px solid #eee;padding:0 0 5px}.formBlock__item--leftPadding{padding-left:20px}.formBlock__item dt{font-size:1.2rem}.formBlock__item dd{margin:5px 0 0}.formBlock__item dd a{color:#004eff;text-decoration:underline}.formBlock__item .error{margin:0}.formBlock__item input[type="text"],.formBlock__item input[type="email"],.formBlock__item input[type="date"],.formBlock__item input[type="password"],.formBlock__item input[type="tel"]{background-color:#eee;border:none;border-radius:4px;font-size:1.6rem;padding:2px 5px;height:34px;width:100%}.formBlock__item input[type="date"]{-webkit-appearance:none}.formBlock__item textarea{background-color:#eee;border:none;font-size:1.6rem;line-height:1.6;padding:5px;width:100%;height:4em}.formBlock__item textarea.autoHeight{min-height:6em}.formBlock__item select{background:#eee url(/assets/mylist/icon-select-arrow.png) no-repeat right 10px top 50%;background-size:18px;border:none;border-radius:4px;font-size:1.6rem;padding:2px 5px;height:34px;width:100%;-webkit-appearance:none}.formBlock__item select{background:#eee url(/assets/mylist/icon-select-arrow.png) no-repeat right 10px top 50%;background-size:18px;border:none;border-radius:4px;font-size:1.6rem;padding:2px 5px;height:34px;width:100%;-webkit-appearance:none}.formBlock__item input[type="radio"],.formBlock__item input[type="checkbox"]{display:none}.formBlock__item input[type="radio"]:checked+label:before,.formBlock__item input[type="checkbox"]:checked+label:before{border-color:#bebebe;animation:ripple 0.2s linear forwards}.formBlock__item input[type="radio"]:checked+label:after,.formBlock__item input[type="checkbox"]:checked+label:after{transform:scale(1)}.formBlock__item label{display:inline-block;height:auto;line-height:20px;position:relative;padding:0 30px;margin-bottom:0;margin-top:10px;cursor:pointer;font-size:1.4rem;vertical-align:bottom}.formBlock__item label:before,.formBlock__item label:after{box-sizing:border-box;position:absolute;content:'';border-radius:50%;transition:all .3s ease;transition-property:transform}.formBlock__item label:before{left:0;top:0;width:20px;height:20px;border:2px solid #bebebe}.formBlock__item label:after{top:2px;left:2px;width:16px;height:16px;transform:scale(0);background:#caa39f}.formBlock__item .required{color:#f00}.formBlock__item .formNote{display:block;margin:10px 0 0}.formBlock__input2Column{display:flex}.formBlock__input2Column input[type="text"],.formBlock__input2Column input[type="email"]{width:49%}.formBlock__input2Column input[type="text"]:first-of-type,.formBlock__input2Column input[type="email"]:first-of-type{margin:0 2% 0 0}.formBlock__radioInline .error{display:block;margin:5px 0}.formBlock__radioInline div{display:inline;line-height:2}.formBlock__submit{background-color:#caa39f;border:1px solid #caa39f;color:#fff !important;cursor:pointer;display:block;font-size:1.4rem;width:280px;height:40px;line-height:40px;margin:50px auto 0;text-align:center}.formBlock__submit span{display:block;width:100%;height:100%}.formBlock__submit--white{background-color:#fff;border:2px solid #caa39f;color:#caa39f !important;cursor:pointer;display:block;font-size:1.4rem;width:280px;height:40px;line-height:36px;margin:50px auto 0;text-align:center}.formBlock__submitBtn{bottom:50px;left:calc(50% - 140px)}.formBlock__submitHover{position:fixed}.formBlock__txt{text-align:center;margin:30px 0}.formBlock__txt a{color:#004eff;text-decoration:underline}.formBlock__txtBold{font-weight:bold}.formBlock__txtBig{font-size:1.5rem}.formBlock__caution{text-align:left;color:#f00;margin:20px 0}.formBlock .displayNone{display:none}.formBlock .BGWhite{background-color:#fff;border:1px solid #eee}.lineLogin{display:block;text-align:center;margin:30px 0}.lineLogin button{background:none;border:0;padding:0;cursor:pointer}.selectList{height:50px;width:95%;max-width:400px;margin:0 auto;position:relative;z-index:10}.selectList__btn{background:#fff url(/assets/mylist/icon-select-arrow.png) no-repeat right 20px top 50%;background-size:18px;border:2px solid #000;border-radius:0;display:block;font-size:1.6rem;font-weight:bold;height:38px;line-height:38px;text-align:center;padding:0 0 0 20px;position:absolute;top:0;left:0;width:100%;z-index:20;-webkit-appearance:none}.selectList__shadow{background:url(/assets/mylist/bg-mylist.png) repeat left top;border:2px solid #000;display:block;position:absolute;top:5px;left:5px;width:100%;height:38px;z-index:10}.selectList--writer .selectList__btn{background:#fff url(/assets/mylist/icon-select-arrow-writer.png) no-repeat right 20px top 50%;background-size:18px}.formBlock--confirm .formBlock__item{border-bottom:1px solid #000;padding:0 0 20px;margin:20px 0 20px}.formBlock--confirm .formBlock__item dt{font-size:1.4rem;font-weight:bold;margin:0 0 15px}.formBlock--confirm .formBlock__item dd{line-height:1.5}.formBlock--confirm .formBlock__item dd div{display:block;margin:5px 0;line-height:2}.formStep{display:flex;list-style-type:none;line-height:32px;margin:0 5% 30px;height:32px;width:90%}.formStep__item{background-color:#eee;color:#979797;text-align:center;width:25%;padding-left:22px;position:relative}.formStep__item::before{content:'';position:absolute;right:-20px;top:-4px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #fff;z-index:8}.formStep__item::after{content:'';position:absolute;right:-16px;top:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:16px solid #eee;z-index:10}.formStep__item:last-of-type::before,.formStep__item:last-of-type::after{content:none}.formStep__item:first-of-type{border-radius:5px 0 0 5px;padding-left:16px}.formStep__item:last-of-type{border-radius:0 5px 5px 0;padding-left:16px}.formStep__item.current{background-color:#a8a8a8;color:#fff}.formStep__item.current::after{border-left:16px solid #a8a8a8}@media screen and (min-width: 769px){.formBlock input[type="submit"]:hover{opacity:1}.formBlock__txtBig{font-size:1.8rem}.selectList__btn:hover{background-color:#000;color:#fff}.formBlock--confirm .formBlock__item{padding:0 0 20px;margin:20px 0 20px;display:flex}.formBlock--confirm .formBlock__item dt{font-size:1.6rem;font-weight:bold;line-height:1.5;margin:0 30px 0 0;text-align:right;width:200px}.formBlock--confirm .formBlock__item dd{font-size:1.6rem;line-height:1.5;margin:0;width:400px}.formBlock--confirm .formBlock__item dd div{display:block;margin:5px 0;line-height:1.5}.formBlock--confirm .formBlock__item dd div:first-of-type{margin:0}.formStep__item{font-size:1.4rem;padding-left:16px}}.profile__image{border:2px solid #000;margin:0 auto;position:relative;overflow:hidden;width:180px}.profile__thumb{width:100%;height:auto}.profile__cameraIcon{position:absolute;bottom:0;right:0;width:50px;height:auto}#crop_area_box{display:block;width:248px;height:216px;overflow:hidden;margin:0 auto 20px}@media screen and (min-width: 769px){.profile{padding:20px}}.boxHeader{padding:10px;position:relative}.boxHeader__ttl{font-size:1.6rem}.boxHeader__ttl--private{background:url(/assets/mylist/icon-private-key.png) no-repeat left 50%;background-size:12px;padding:0 0 0 15px}.boxHeader__description{font-size:1.2rem;line-height:1.5;margin:5px 0 0;width:85%}.boxHeader__count{position:absolute;bottom:10px;right:0}.boxThumb{position:relative;width:80%;max-width:220px;margin:0 auto 20px}.boxThumb:before{content:"";display:block;padding-top:45%}.boxThumb__inner{position:absolute;top:0;left:0;bottom:0;right:0}.boxThumb__thumb--1{margin:0;width:66.66%;height:100%;float:left}.boxThumb__thumb--2{margin:0;width:33.33%;height:50%;float:right}.boxThumb__thumb--3{margin:0;width:33.33%;height:50%;float:right}.boxThumb__thumb--1,.boxThumb__thumb--2,.boxThumb__thumb--3{overflow:hidden}.boxThumb__thumb--1 img,.boxThumb__thumb--2 img,.boxThumb__thumb--3 img{width:100%;height:100%;object-fit:cover}.boxTtlDefault{font-size:1.4rem;text-align:center}.modalMylist{background:none;color:#000;opacity:1}.modalMylist.show{opacity:1}.modalMylist .modal-close-btn{background:none;display:block;position:absolute;top:-50px;left:0;width:100%;text-align:center;color:#fff;transition:none}.modalMylist__back{background-color:#000;opacity:.5;width:100%;height:100vh;position:absolute;top:0;left:0}.modalMylist__inner{background:#fff;border-radius:15px;width:90%;margin:150px auto 0;padding:20px;text-align:center}.modalMylist__inner--profile{background:#fff url(/assets/mylist/bg-mylist.png) repeat left top;margin:50px auto;padding:0 0 5px}.modalMylist__inner--crop{background:#fff url(/assets/mylist/bg-mylist.png) repeat left top;margin:50px auto;padding:30px 0}.modalMylist__inner--saveBox{margin:50px auto;padding:20px 10px}.modalMylist__inner--search{margin:50px auto;padding:20px 10px;overflow:scroll;max-height:63vh}.modalMylist__inner--ticket{margin:50px auto 0}.modalMylist__header{background-color:#caa39f;border-radius:15px 15px 0 0;color:#fff;font-size:1.2rem;height:30px;line-height:30px;text-align:center;position:relative}.modalMylist__header--writer{background-color:#e1b32e}.modalMylist__setting{position:absolute;top:0;right:0;margin:5px 20px 0 0}.modalMylist__setting:hover{transform:rotate(-10deg)}.modalMylist .btnFile{border:1px solid #ddd;background-color:#fff}.modalMylist .cropBtn{display:flex;justify-content:center;margin:20px 0}.modalMylist .saveBoxList{list-style-type:none;margin:0 0 10px}.modalMylist .saveBoxList__item{display:table;background:none;border:none;margin:10px 0 0;padding:0;position:relative}.modalMylist .saveBoxList__item a{display:block}.modalMylist .saveBoxList__thumb{position:relative;width:80px;margin:0;display:table-cell;height:36px}.modalMylist .saveBoxList__thumb:before{content:"";display:block;padding-top:45%}.modalMylist .saveBoxList__thumbInner{position:absolute;top:0;left:0;bottom:0;right:0}.modalMylist .saveBoxList__thumb--1{margin:0;width:66.66%;height:100%;float:left}.modalMylist .saveBoxList__thumb--2{margin:0;width:33.33%;height:50%;float:right}.modalMylist .saveBoxList__thumb--3{margin:0;width:33.33%;height:50%;float:right}.modalMylist .saveBoxList__thumb--1,.modalMylist .saveBoxList__thumb--2,.modalMylist .saveBoxList__thumb--3{overflow:hidden}.modalMylist .saveBoxList__thumb--1 img,.modalMylist .saveBoxList__thumb--2 img,.modalMylist .saveBoxList__thumb--3 img{width:100%;height:100%;object-fit:cover}.modalMylist .saveBoxList__name{display:table-cell;margin:0;padding:0 70px 0 5px;line-height:1.2;font-size:1.2rem;vertical-align:middle;height:36px}.modalMylist .saveBoxList__name--private{background:url(/assets/mylist/icon-private-key.png) no-repeat 5px 50%;background-size:12px;padding-left:20px}.modalMylist .saveBoxList__btn{background-color:#e33737;border-radius:6px;color:#fff;font-size:1.2rem;width:60px;height:30px;line-height:30px;text-align:center;position:absolute;top:50%;right:0;margin-top:-15px}.modalMylist .saveBoxListTxt{border-top:1px solid #cacaca;text-align:left;margin:0 0 20px;padding:10px 0 0}.modalMylist .userList{margin:0;height:70vh;overflow-y:scroll}.modalMylist .userList__item{background:none;margin:0 0 10px;padding:0 0 10px;font-size:1.2rem;border-bottom:1px solid #cacaca}.modalMylist .userList__item a{display:flex;color:#000}.modalMylist .userList__stamp{width:30px;height:auto;margin:10px 0 0}.modalMylist .userList__image{width:60px;margin:0 10px 0 0}.modalMylist .userList__image img{width:100%;height:auto}.modalMylist .userList__name{font-weight:bold;margin:10px 0 5px}.modalMylist .rightBtnList{height:40px;font-size:1.2rem;line-height:40px;padding:0;margin:20px 0 0;width:100%;position:relative}.modalMylist .rightBtnList:first-of-type{margin:0}.modalMylist .rightBtnList__left{width:calc(100% - 60px);line-height:40px;text-align:left}.modalMylist .rightBtnList__right{width:50px;position:absolute;top:50%;right:0;text-align:center;margin:-20px 0 0}.modalMylist .rightBtnList__btn{background:#caa39f;border:none;border-radius:6px;color:#fff;cursor:pointer;height:30px}.modalMylist__subArea{background:#f5f5f5;border-radius:15px 15px 0 0;line-height:1.5;margin:-20px 0 10px -20px;padding:20px;text-align:left;width:calc(100% + 40px)}.modalMylist__notice{margin:20px 0;font-size:1.2rem}.modalMylist__notice:empty{margin:0;line-height:0}.modalMylistBtn__btn--apply,.modalMylistBtn__btn--cancel{width:120px;height:30px;border:none;border-radius:6px;font-size:1.2rem;line-height:30px;color:#fff !important;text-align:center;margin:0 10px;padding:0}.modalMylistBtn{margin:20px 0 0;display:flex;justify-content:center}.modalMylistBtn__btn--apply{background-color:#e33737}.modalMylistBtn__btn--cancel{background-color:#73ac5c}@media screen and (max-width: 320px){.modalMylist .rightBtnList__left{width:calc(100% - 60px);line-height:1.2;font-size:1.2rem;padding:7px 0 0}}.searchForm{background-color:#eee;padding:15px 0;margin:0 0 20px}.searchForm__inputBox{display:flex;background-color:#fff;border:1px solid #c2c2c2;border-radius:4px;margin:0 auto;padding:3px 10px 3px 5px;width:270px;height:40px}.searchForm__input{border:none;background-color:#fff;font-size:1.4rem;width:250px}.searchForm__btn{background-color:#fff;border:none;color:#c2c2c2;cursor:pointer;font-size:1.6rem;width:20px}.searchForm__result{color:#7c7c7c;text-align:center;margin:10px 0 0;font-size:1.2rem}.searchForm--BGWhite{background:#fff;padding:0 0 15px;margin:0}.searchForm--BGWhite .searchForm__inputBox{border:1px solid #000}.searchKeyword{margin:30px auto 0;text-align:center}.searchKeyword__ttl{font-size:1.6rem;font-weight:bold}.searchKeyword__list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0 5px}.searchKeyword__item{margin:20px 5px 0}.searchKeyword__item a{background-color:#caa39f;border-radius:4px;color:#fff;display:block;height:30px;line-height:30px;font-size:1.4rem;padding:0 10px}.searchResult{padding:0 3% 5px}.searchBlock{margin:0 0 8vw}.searchConditions{display:flex;flex-wrap:wrap;width:320px;margin:10px auto 0}.searchConditions__btn{background-color:#fff;border:1px solid #000;border-radius:4px;font-size:1.1rem;font-feature-settings:"palt";width:150px;height:38px;line-height:36px;margin:5px;text-align:center}.modal .searchCondTtl{font-size:1.4rem;font-weight:bold;margin:0 0 20px}.modal .searchCondDL{display:flex;flex-wrap:wrap}.modal .searchCondDL dt{border-bottom:1px solid #eee;font-size:1.4rem;padding:0 0 3px;margin:15px 0;text-align:left;width:100%}.modal .searchCondDL dt.noBorder{border-bottom:0}.modal .searchCondDL dt.mt0{margin-top:0}.modal .searchCondDL dd{margin:0 10px 22px 0}.modal .searchCondDL dd a{background-color:#f5f5f5;border:1px solid #d1d1d1;border-radius:20px;font-size:1.2rem;padding:5px 10px}.modal .searchCondUL{margin:0;padding:0;text-align:left;display:flex;flex-wrap:wrap;width:100%}.modal .searchCondUL li{background:none;border:0;margin:0 10px 22px 0;padding:0;width:auto}.modal .searchCondUL li a{background-color:#f5f5f5;border:1px solid #d1d1d1;border-radius:20px;color:#000;font-size:1.2rem;padding:5px 10px;display:inline}.modal .searchCondUL__colorIcon{width:14px;height:14px;margin:0 5px 0 0}.modal .searchCondForm{display:flex;background-color:#fff;border:1px solid #c2c2c2;border-radius:4px;margin:0 auto;padding:3px 7px 3px 5px;width:270px;height:40px}.modal .searchCondForm__input{border:none;background-color:#fff;font-size:1.4rem;width:250px}.modal .searchCondForm__icon{background-color:#fff;color:#c2c2c2;font-size:1.6rem;width:20px;height:20px;margin:8px 0 auto;text-align:right}@media screen and (min-width: 769px){.searchBlock{margin:0 0 50px}.searchBlock .searchForm{padding:0 0 15px}.searchConditions{width:540px;margin:10px auto 0}.searchConditions__btn{border:1px solid #000;border-radius:4px;font-size:1.4rem;width:250px;height:38px;line-height:36px;margin:5px 10px}.searchConditions__btn:hover{cursor:pointer}.modal .searchCondTtl{font-size:1.6rem;margin:0 0 20px}.modal .searchCondDL{padding:0 20px}.modal .searchCondDL dt{font-size:1.6rem;padding:0 0 5px;margin:15px 0}.modal .searchCondDL dd{margin:0 10px 26px 0}.modal .searchCondDL dd a{font-size:1.4rem;padding:5px 20px}.modal .searchCondDL dd a:hover{opacity:.7}.modal .searchCondUL{padding:15px 20px 0}.modal .searchCondUL li{margin:0 0 26px;padding:0;width:50%}.modal .searchCondUL li a{border-radius:20px;font-size:1.4rem;padding:5px 20px;transition:color .3s ease .1s}.modal .searchCondUL li a:hover{color:#aaa;opacity:.7}.modal .searchCondUL__colorIcon{width:16px;height:16px;margin:0 10px 0 0}}.myPost{margin:0 3%;width:94%;padding:0 0 30px}.myPost__image{max-width:800px;max-height:533px;width:106%;height:66.666vw;margin:0 -3%;overflow:hidden}.myPost__image img{width:100%;height:auto}.myPost__actionList{position:relative;height:20px}.myPost .addLike{position:absolute;top:10px;left:10px;display:flex;color:#caa39f;line-height:20px}.myPost .addLike__btn{margin:0 5px 0 0}.myPost .addLike__btn img{height:19px;width:auto}.myPost .addLike__number{color:#caa39f;text-decoration:underline}.myPost .addLike__number:hover{text-decoration:none}.myPost .likeList{margin:0 10px 0 0;display:flex}.myPost .likeList img{height:19px;width:auto;margin:0;padding:0}.myPost .likeList img:first-of-type{border-left:1px solid #ddd;padding:0 0 0 5px}.myPost .stampList{display:flex;position:absolute;top:-36px;left:0;list-style-type:none;background:#fff;border:1px solid #caa39f;border-radius:30px;padding:5px 10px;opacity:0;visibility:hidden}.myPost .stampList.active{opacity:1;visibility:visible;transition:opacity .3s ease .1s}.myPost .stampList:before{content:"";position:absolute;bottom:-13px;left:14px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:12px solid #caa39f}.myPost .stampList:after{content:"";position:absolute;bottom:-11px;left:14px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:12px solid #fff}.myPost .stampList__item{margin:0}.myPost .stampList__item img{height:19px;width:auto}.myPost .myPostRepost{color:#caa39f;display:flex;position:absolute;top:10px;right:10px;line-height:20px}.myPost .myPostRepost__icon{display:block;color:#a8a8a8;font-size:2rem}.myPost .myPostRepost__icon--active{color:#caa39f}.myPost .myPostRepost__number{color:#caa39f;display:block;margin:0 0 0 5px;text-decoration:underline}.myPost__text{font-size:1.2rem;line-height:1.7;margin:20px 10px 0}.myPost__date{font-size:1.2rem;margin:20px 10px 0}.everyonePosts{margin:0 3%;width:94%;padding:0 10px 50px}.myPostHeader{height:35px;line-height:30px;margin:0;padding:0 5px 5px;position:relative}.myPostHeader__thumb{height:28px;width:auto;margin:0;border:1px solid #ededed}.myPostHeader__thumb img{width:auto;height:100%}.myPostHeader__icon{position:absolute;right:10px;top:6px}.myPostHeader__icon img{height:15px;width:auto}.formBlock .myPostImage{max-width:800px;max-height:533px;width:106%;height:66.666vw;margin:-5px -3% 0;cursor:pointer;position:relative}.formBlock .myPostImage__thumb{position:absolute;top:0;left:0}.formBlock .myPostImage__cameraIcon{width:50px;height:auto;position:absolute;top:50%;left:50%;margin:-25px 0 0 -19px}.postImagePreview{max-width:280px;width:100%;margin:0 auto}.repost{border:1px solid #d5d5d5;border-radius:6px;margin:0 auto;padding:0 0 5px;max-width:800px}.repost--small{max-width:280px;margin:30px auto 0}.repost__image{margin:0}.repost__image img{border-radius:6px 6px 0 0;width:100%;height:auto}.repost__image div{background-color:#eee;height:20vw;line-height:1.5;text-align:center;padding:5vw 1vw 0;font-size:1rem}.repost__meta{position:relative;margin:5px 5px 0}.repost__name{display:flex;line-height:20px;font-size:1.3rem}.repost__name figure{height:20px;width:20px;margin:0 5px 0 0;border-radius:50%;overflow:hidden;position:relative}.repost__name figure img{width:auto;max-width:none;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.repost__category{background-color:#aaa;border-radius:8px;color:#fff;font-size:1.1rem;line-height:20px;padding:2px 8px}.repost__category--news{background-color:#db5858}.repost__category--release{background-color:#6f97cb}.repost__category--event{background-color:#de9135}.repost__category--interview{background-color:#af85cf}.repost__category--column{background-color:#90bb7b}.repost__category--shirafu{background-color:#dbd658}.repost__category--ad{background-color:#a6937c}.repost__category--cafebar{background-color:#5bcfd9}.repost__category--recipe{background-color:#d68bc9}.repost__category--examination{background-color:#f19eb5}.repost__date{position:absolute;top:0;right:0;line-height:20px}.repost__text{font-size:1.2rem;line-height:1.4;margin:5px 5px 0;height:2.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (min-width: 769px){.myPost{margin:0;width:100%}.myPost__image{max-width:800px;max-height:533px;width:100%;height:66.666vw;margin:0}.myPost .addLike{position:absolute;top:10px;left:20px}.myPost .stampList{position:absolute;top:-36px;left:10px}.myPost__text{font-size:1.4rem;line-height:2}.myPost__date{font-size:1.4rem}.myPostHeader{padding:0 15px 5px}.formBlock .myPostImage{width:100%;height:533px;margin:-5px 0 0;position:relative}.repost__image div{height:100px;line-height:1.5;text-align:center;padding:40px 1vw 0;font-size:1.2rem}}.eventHeader{margin:0 5%}.eventHeader__thumb{display:block;height:auto;margin:0 auto 20px;position:relative}.eventHeader__thumbCover{position:absolute;top:0;left:0}.eventHeader__ttl{font-size:1.6rem;font-weight:bolder;line-height:1.4}.eventHeader__caption{font-size:1.4rem;font-weight:bold;margin:0 0 10px;text-align:center}.eventHeader__user{font-size:1.2rem;margin:20px 0;text-align:center}.eventHeader__user span{color:#caa39f;margin:0 3px 0 0;text-decoration:underline}.eventContent{font-size:1.4rem;line-height:1.8;padding:0 5% 50px}.eventContent h2{background:#f5f5f5;font-size:1.5rem;margin:20px 0 20px -5.5%;padding:6px 5%;width:100vw}.eventContent p{margin:0 0 .5em}.fixedEntryBtn{position:fixed;bottom:30px;left:10%;width:80%;margin:0 auto}.ticketDetail{border:1px solid #000;border-radius:6px;font-size:1.3rem;padding:16px;margin:20px 0}.ticketDetail__item{border-top:1px solid #000;margin:16px 0 0;padding:16px 0 0}.ticketDetail__item:first-of-type{border:none;margin:0;padding:0}.ticketDetail__item span{color:#df0000}.ticketDetail__quantity{font-size:1.4rem;text-align:right}.ticketDetail__quantity input{border:1px solid #000;width:2em;height:2em;text-align:center}.ticketDetail .error{margin:0}.eventBtn{padding:0 0 100px}.selectedTicket{margin:20px 0}.selectedTicket__item{font-size:1.3rem}.selectedTicket__item:first-of-type{border-top:1px solid #000;padding:10px 0 0}.selectedTicket__item span{color:#df0000}.selectedTicket__item+.selectedTicket__item{margin:10px 0 0}.selectedTicket__total{border-top:1px solid #000;font-size:1.4rem;margin:10px 0 0;padding:10px 0 0}.selectedTicket__total span{color:#df0000;float:right;text-align:right}.btnTicket{background-color:#caa39f;border:none;color:#fff;display:block;font-size:1.4rem;line-height:1.6;max-width:400px;margin:30px auto;padding:12px 6%;text-align:center;width:80%}.btnTicket:hover{background-color:#000;color:#fff;transition:all .3s ease}.selectPayment{margin:0 0 20px}.paymentThanks{text-align:center}.paymentThanks__img{width:159px;height:auto;margin:30px auto 10px}.paymentThanks__txt{color:#c66157;font-size:1.4rem}.paymentError{color:#df0000;margin:20px 0}.paymentError p{margin:0}@media screen and (min-width: 769px){.eventHeader__thumb img{width:100%;height:auto}.eventHeader__ttl{font-size:1.8rem}.eventContent{padding:0 5% 50px}.eventContent h2{background:#f5f5f5;font-size:1.6rem;margin:20px 0;padding:6px 15px;width:100%}}.myEventHeader{padding:10px 5% 30px}.myEventHeader__thumb{margin:0}.myEventHeader__thumb img{width:100%;height:auto}.myEventHeader__ttl{font-size:1.6rem;font-weight:bolder;line-height:1.4;margin:20px 0 0}.myEventHeader__user{font-size:1.2rem;margin:20px 0;text-align:center}.myEventHeader__user span{color:#caa39f;margin:0 3px 0 0;text-decoration:underline}.myEventHeader__link{text-align:right;text-decoration:underline}.myEventBody__ttl{background:#f5f5f5;font-size:1.5rem;margin:0 0 20px;padding:6px 5%}.myEventBody__content{font-size:1.4rem;line-height:1.8;margin:0 0 50px;padding:0 5%}.myTicketList__message{background-color:#caa39f;border:1px solid #caa39f;color:#fff !important;cursor:pointer;display:block;font-size:1.4rem;width:280px;height:40px;line-height:40px;margin:50px auto 0;text-align:center}.myTicketList__message:hover{opacity:.7}.myTicket{border:1px solid #000;border-radius:6px;font-size:1.4rem;padding:16px;margin:20px 0}.myTicket__item{margin:0 0 20px}.myTicket__total{border-top:1px solid #000;display:flex;justify-content:space-between;font-size:1.5rem;font-weight:bold;padding:10px 0 0}.myTicket__meta{font-size:1.2rem;text-align:right}.myTicket__status{border-radius:30px;color:#fff;padding:3px 8px;text-align:center;background:#aaa}.myTicket__status--ing{border-radius:30px;color:#fff;padding:3px 8px;text-align:center;background:#db5757}.myTicket__link{margin:5px 0 0;text-align:right}.myTicket__link a{color:#e33737;text-decoration:underline}.eventMessage{padding:10px 5% 30px}.eventMessageBeer{display:flex;margin:0 0 30px}.eventMessageBeer__icon{height:40px;width:40px;margin:20px 20px 0 0;border:1px solid #bfbfbf;border-radius:50%;overflow:hidden;position:relative}.eventMessageBeer__icon img{width:auto;max-width:none;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.eventMessageBeer__text{width:calc(100% - 60px)}.eventMessageBeer__date{font-size:1.2rem;text-align:right}.eventMessageBeer__balloon{background-color:#fff;border:1px solid #bfbfbf;border-radius:5px;font-size:1.4rem;line-height:1.5;padding:12px;position:relative}.eventMessageBeer__balloon::before{content:'';position:absolute;top:0;left:-20px;margin-top:15px;border:6px solid transparent;border-right:16px solid #fff;z-index:2}.eventMessageBeer__balloon::after{content:"";position:absolute;top:0;left:-22px;margin-top:15px;border:6px solid transparent;border-right:16px solid #bfbfbf;z-index:1}.eventMessageUser{display:flex;flex-flow:row-reverse;margin:0 0 30px}.eventMessageUser__icon{height:40px;width:40px;margin:20px 0 0 20px;border:1px solid #bfbfbf;border-radius:50%;overflow:hidden;position:relative}.eventMessageUser__icon img{width:auto;max-width:none;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.eventMessageUser__text{width:calc(100% - 60px)}.eventMessageUser__date{font-size:1.2rem}.eventMessageUser__balloon{background-color:#e7c6c3;border-radius:5px;font-size:1.4rem;line-height:1.5;padding:12px;position:relative}.eventMessageUser__balloon::after{content:"";position:absolute;top:0;right:-22px;margin-top:15px;border:6px solid transparent;border-left:16px solid #e7c6c3;z-index:1}.eventNewMessage{background-color:#fff;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:30px}.eventNewMessage__input{background-color:#eee;border:none;border-radius:4px;font-size:1.6rem;line-height:1.6;padding:5px 10px;width:100%;height:8em}.eventNewMessage__submit{color:#caa39f;background:none;border:none;display:block;font-size:1.4rem;margin:8px 0 10px auto}@media screen and (min-width: 769px){.eventMessageBeer__icon{height:60px;width:60px;margin:20px 20px 0 0;position:relative}.eventMessageBeer__text{width:calc(100% - 80px)}.eventMessageUser__icon{height:60px;width:60px;margin:20px 0 0 20px;border:1px solid #bfbfbf;border-radius:50%;overflow:hidden;position:relative}.eventMessageUser__text{width:calc(100% - 80px)}.eventNewMessage{background-color:#fff;border:1px solid #bfbfbf;padding:40px}}.postForm{background-color:#eee6e5;margin:0 3% 30px;padding:30px 2%}.postForm input[type="text"],.postForm input[type="email"],.postForm input[type="date"],.postForm input[type="password"],.postForm input[type="tel"]{background-color:#fff}.postForm textarea{background-color:#fff}.postForm select{background:#fff url(/assets/mylist/icon-select-arrow.png) no-repeat right 10px top 50%;background-size:18px}.postForm label:before{background-color:#fff}.postForm .formBlock__item dt{font-size:1.4rem}.postForm .formBlock__item .formNote{font-size:1.2rem}.postForm__ttl{font-size:1.4rem;margin:0 0 30px;text-align:center}.postForm__btn{margin:30px 0 0}.postForm__btn a{background-color:#caa39f;color:#fff;display:block;font-size:1.4rem;margin:0 auto;max-width:200px;width:50%;height:36px;line-height:35px;text-align:center}@media screen and (min-width: 769px){.postForm{margin:0 5% 30px;padding:70px 100px}.postForm__btn a:hover{opacity:.7}}
