.main-blog{width:100%;padding-bottom:10.6666666667vw!important}@media screen and (min-width: 750px),print{.main-blog{display:flex;justify-content:space-between;max-width:none;padding-top:0!important;margin:20px 15px 0 0!important;padding-bottom:60px!important}}.main-blog-content{width:100%;margin:0}@media screen and (min-width: 750px),print{.main-blog-content{min-width:920px;max-width:calc(100vw - 265px);margin:0 15px 0 0}}.main-blog-content h1{font-size:5.3333333333vw;font-weight:700;margin-top:0;margin-bottom:4vw}@media screen and (min-width: 750px),print{.main-blog-content h1{font-size:34px;margin-bottom:30px}}.main-blog .sidebar{display:none}@media screen and (min-width: 750px),print{.main-blog .sidebar{display:block;width:240px;border-radius:0 10px 10px 0;overflow:hidden;min-width:240px;margin-right:25px;z-index:3;max-height:100vh;top:0}}.main-blog .sidebar-content{margin-top:0!important}.main-blog .sidebar-ttl{position:relative;z-index:2;order:1}@media screen and (min-width: 750px),print{.main-blog .sidebar-ttl{font-size:14px;color:#fff;font-weight:600;background-color:#272b32;text-align:center;margin:0;padding:12px 0}}.main-blog .sidebar-tag_list{padding:0;margin:0;background-color:#f2f2f2}@media screen and (min-width: 750px),print{.main-blog .sidebar-tag_list{border-radius:0 0 10px;overflow:hidden;display:flex;flex-wrap:wrap;padding:8px}}.main-blog .sidebar-tag_list li{list-style:none}.main-blog .sidebar-tag_list li a{margin:1.0666666667vw 1.3333333333vw;font-weight:600;background-color:#fff;border-radius:100px;display:inline-block;text-decoration:none;color:#272b32}@media screen and (min-width: 750px),print{.main-blog .sidebar-tag_list li a{font-size:13px;padding:2px 16px;margin:4px 8px}}.main-blog .sidebar-tag_list li a:nth-child(1){margin-left:0}.main-blog .sidebar-list{padding:0;margin:0}@media screen and (min-width: 750px),print{.main-blog .sidebar-list{border-radius:0 0 10px;overflow:hidden}}.main-blog .sidebar-list li{list-style:none}@media screen and (min-width: 750px),print{.main-blog .sidebar-list li a{font-size:14px;font-weight:600;line-height:1.2;display:block;text-decoration:none;color:#272b32;padding:20px 15px;background-color:#f2f2f2;position:relative;transition:all .3s ease}}.main-blog .sidebar-list li a:hover{opacity:.7}.main-blog .sidebar-list li a:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:1.2vw 0 1.2vw 2.1333333333vw;border-color:transparent transparent transparent #272B32;right:10px;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}@media screen and (min-width: 750px),print{.main-blog .sidebar-list li a:before{right:15px;border-width:4px 0 4px 8px}}.main-blog .sidebar-list li a:after{content:"";display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);width:160px;height:1px;background-color:#b9bcc1}.main-blog .sidebar-list li:nth-last-child(1) a:after{display:none}@media screen and (min-width: 750px),print{.main-blog .sidebar:not(:nth-child(1)){margin-top:20px}}@media screen and (max-width: 749px),print{.main-blog-articleArea{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}}@media screen and (max-width: 749px),print{.main-blog-articleArea:after{width:44.8vw;display:block;content:"";height:0}}.main-blog-articleBox{background-color:#fff;position:relative;overflow:hidden;display:flex;margin-top:4vw;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}@media screen and (min-width: 750px),print{.main-blog-articleBox{width:100%;display:flex;margin-top:30px;max-height:280px;max-width:1200px}}.main-blog-articleBox a{text-decoration:none!important;transition:all .2s ease}.main-blog-articleBox a:hover{opacity:.6!important}.main-blog-article-card-img{width:100%}@media screen and (max-width: 749px),print{.main-blog-article-card-img{-o-object-fit:contain;object-fit:contain;height:32vw;width:32vw}}@media screen and (max-width: 749px),print{.main-blog-article-card-img img{-o-object-fit:contain;object-fit:contain;height:100%;width:100%}}@media screen and (min-width: 750px),print{.main-blog-article-card-img img{width:280px;height:280px}}.main-blog-article-card-tag_list{display:flex;flex-wrap:wrap}.main-blog-article-card-tag_list a{padding:.2666666667vw 2.1333333333vw;margin:0;margin-right:1.0666666667vw;margin-top:1.0666666667vw;font-weight:600;font-size:2.6666666667vw;background-color:#f2f2f2;border-radius:100px;display:inline-block;text-decoration:none;color:#272b32}@media screen and (min-width: 750px),print{.main-blog-article-card-tag_list a{font-size:13px;padding:2px 16px;margin-right:8px;margin-top:8px}}.main-blog-article-card-txtArea{padding:1.6vw 2.6666666667vw;display:flex;flex-direction:column}@media screen and (min-width: 750px),print{.main-blog-article-card-txtArea{padding:20px}}.main-blog-article-card-txtArea-heading{color:#272b32;font-weight:700;margin:1.0666666667vw 0}@media screen and (min-width: 750px),print{.main-blog-article-card-txtArea-heading{font-size:24px;margin:8px 0}}.main-blog-article-card-txtArea-txt{display:none}@media screen and (min-width: 750px),print{.main-blog-article-card-txtArea-txt{color:#272b32;font-weight:500;display:block;margin:8px 0;font-size:18px}}.main-blog-article-card-arrow{color:#0a99c7;font-weight:700;text-align:right;margin:auto 0 0}@media screen and (min-width: 768px),print{.main-blog-article-card-arrow{font-size:18px}}.main-blog-article-card-arrow a{color:#0a99c7;position:relative;padding-right:5.3333333333vw}@media screen and (min-width: 768px),print{.main-blog-article-card-arrow a{padding-right:30px}}.main-blog-article-card-arrow a:after{content:"";display:inline-block;width:4vw;height:4vw;background-image:url(//cobotaro-ec.com/cdn/shop/t/32/assets/icon-circle_arrow.png?v=173793170957028679491748958594);background-size:contain;background-position:center;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}@media screen and (min-width: 768px),print{.main-blog-article-card-arrow a:after{width:21px;height:21px}}@media screen and (max-width: 768px),print{.main-blog-article-table{width:70%;table-layout:auto}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/main-blog.css.map */