.article-main{max-width:800px;margin:0 auto;margin-top:120px}.article-main .post-date{margin-bottom:15px}.article01{margin:0 auto;color:#525252}.article01 .image-gallery{display:flex;flex-direction:column;align-items:center;width:100%}.article01 .main-image{width:100%;position:relative;overflow:hidden;aspect-ratio:auto;margin-bottom:20px}.article01 .main-image img{object-fit:contain;width:100%;height:100%}.article01 .sub-images{display:flex;justify-content:space-between;width:100%}.article01 .sub-images .sub-image{width:calc(33.33% - 10px);position:relative;overflow:hidden;aspect-ratio:1/1}.article01 .sub-images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;cursor:pointer}.article01 .sub-images img:hover{transform:scale(1.1)}.article02-a,.article02-b{margin:20px auto;padding-bottom:1rem}.article02-a .tag-name,.article02-b .tag-name{letter-spacing:2px;font-size:14px}.article02-a .tag-name span,.article02-b .tag-name span{color:var(--main);font-weight:700;margin-right:-5px}.article02-a .product-name,.article02-b .product-name{font-size:1.1em;margin-bottom:10px;font-weight:700}.article02-b{border-bottom:2px solid var(--text02)}.article02-b .company-name{font-size:14px;font-weight:700;margin-top:10px}.article02-b .site-url{font-size:15px;letter-spacing:2px}.article02-b .main-text{position:relative;padding:20px 0;font-size:1em;margin-bottom:20px;line-height:1.8}.article02-b .main-text:before,.article02-b .main-text:after{content:'';position:absolute;left:0;width:100%;height:2px;background-color:var(--text02)}.article02-b .main-text:before{top:0}.article02-b .main-text:after{bottom:0}.article02-a .main-text{position:relative;padding:20px 0;font-size:1em;margin-bottom:20px;color:var(--text01)}.article02-a .main-text:before{top:0}.article02-a .main-text:after{bottom:0}.article03{margin:40px auto 110px}.article03 .pagination-title{font-size:1.5em;margin-bottom:20px}.article03 .example-post{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}.article03 .example-title{font-size:1.2em;margin-bottom:10px}.article03 .example-content{font-size:1em;margin-bottom:10px}.article03 .example-read-more{color:var(--main);text-decoration:none}.article03 .example-read-more:hover{text-decoration:underline}.article03 .article-pagination{display:flex;justify-content:space-evenly}.article03 .article-pagination-prev a,.article03 .article-pagination-next a{display:inline-flex;align-items:center;text-decoration:none;color:#000;padding:5px 10px;transition:color .3s ease;font-weight:600;font-size:23px}.article03 .article-pagination-prev a:hover,.article03 .article-pagination-next a:hover{color:var(--main)}.article03 .article-pagination-prev a:before,.article03 .article-pagination-next a:after{content:'';display:inline-block;width:30px;height:30px;background-size:contain;background-repeat:no-repeat;transition:transform .3s ease}.article03 .article-pagination-prev a:before{background-image:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../svg/left-arrow-icon.svg);margin-right:10px}.article03 .article-pagination-next a:after{background-image:url(//www.ty-bikou.com/wp-content/themes/wp-base/assets/css/../svg/right-arrow-icon.svg);margin-left:10px}.article03 .article-pagination-prev a:hover:before{transform:translateX(-5px)}.article03 .article-pagination-next a:hover:after{transform:translateX(5px)}.article03 .article-btn{display:flex;justify-content:center;margin-top:30px}.article03 .article-btn a{border:1px solid var(--main);color:var(--main)}.article03 .article-btn a:hover{color:#fff}.article-area{display:flex;justify-content:space-between;width:80%;margin:0 auto}.article-area .container{display:flex;width:100%;margin:100px 0;border:1px solid var(--text02)}.article-area .side-menu{width:20%;padding:4rem 0 4rem;margin:0;padding-left:5%;box-sizing:border-box}.article-area .side-menu ul{list-style-type:none;padding:0;margin-top:20px}.article-area .side-menu ul li{margin-bottom:10px}.article-area .side-menu ul li a{text-decoration:none;color:var(--text02);background-color:transparent;border:none;width:100%;padding:5px}.article-area .list-area{border-left:1px solid var(--text01);width:80%}.article-area .list-area .post-item{display:flex;width:100%;gap:3rem;padding:4rem;border-bottom:1px solid var(--text01);box-sizing:border-box;transition:background-color .3s ease;align-items:center}.article-area .list-area .post-item:hover{background-color:var(--back02)}.article-area .list-area .post-item:last-child{border-bottom:none}.article-area .list-area .post-item .post-thumbnail{width:28%}.article-area .list-area .post-item .post-thumbnail img{aspect-ratio:6/4;object-fit:cover;border-radius:10px;width:280px;box-shadow:var(--shadow01)}.article-area .list-area .post-item .post-info{width:67%}.article-area .list-area .post-item .post-info .post-title{font-size:25px;font-weight:500;color:var(--text01)}.article-area .list-area .post-item .post-info .post-category{font-size:16px;margin-bottom:20px;font-weight:700}.list-area .post-item .post-info .post-date{font-size:15px;margin-bottom:1px;font-weight:700}.article-area .list-area .post-item .post-info .post-category span{color:var(--main);margin-right:-3px}.article-area .list-area .post-item .post-info .post-content{font-size:16px;line-height:1.3;margin-top:10px}.article-area .side-menu ul li{margin-bottom:10px;position:relative}.article-area .side-menu ul li:before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:0;background-color:var(--text01);border-radius:50%;transition:width .3s ease,height .3s ease}.article-area .side-menu ul li:hover:before{width:8px;height:8px}.blog-area{max-width:800px;margin:0 auto;margin-top:120px}.blog-area .post-title{font-size:1.1em;margin-bottom:10px;font-weight:700}.blog-area .tag-name{margin:10px 0 0}.blog-area .tag-name span{color:var(--main)}.blog-area .post-content{margin:50px 0;color:var(--text01)}@media screen and (max-width:850px){.article-main{width:80%;margin-top:60px}.article03 .article-btn{margin-top:5%}.article02 .company-name{margin-bottom:0}.article01{margin-top:60px}.article01{width:80%}.article02{width:80%}.article-area{width:90%}.article-area .side-menu ul{flex-direction:column}.article-area .side-menu ul li a{text-align:left;font-size:14px}.article-area .side-menu ul li{margin-bottom:3px}.article-area .article-ttl{font-size:18px;margin-bottom:10px;letter-spacing:1px}.article-area .tag-name{font-weight:500;margin-bottom:3px;font-size:14px;letter-spacing:2px}.article-area .tag-name span{margin-right:-10px}.article-area .main-txt{margin-bottom:0;font-weight:400;font-size:14px;letter-spacing:2px;line-height:1.2}.article-area .container{margin:50px 0;border:1px solid var(--text02)}.article03{width:65%;margin:20px auto 50px}.article-area .side-menu{padding:1rem 2% 2rem;padding-left:2%}.article-area .list-area .post-item{gap:2rem;padding:2rem}.article-area .list-area .post-item .post-info .post-title{font-size:20px;letter-spacing:1px}.blog-area{width:80%;margin-top:60px}}@media screen and (max-width:650px){.article01{width:100%;margin-top:10px}.article02{width:90%}.article02 .main-text{font-size:15px}.article03 .article-pagination-prev a,.article03 .article-pagination-next a{width:130px;font-weight:500;font-size:14px}.article03 .article-pagination{justify-content:center;width:100%}.article01 .main-image{margin-bottom:.5rem}.article01 .sub-images .sub-image{width:calc(33.33% - 0.5rem)}.article-area .container{margin:30px 0;border:none;flex-direction:column;gap:3rem}.article-area .side-menu{width:100%;padding:0;box-sizing:border-box}.article-area .side-menu ul{flex-direction:row;flex-wrap:wrap;margin-top:8px;border:1px solid var(--text01)}.article-area .side-menu ul li{width:50%;box-sizing:border-box;margin-bottom:0;border-bottom:1px solid var(--text01)}.article-area .side-menu ul li:first-child{width:100%}.article-area .side-menu ul li:last-child{border-bottom:none}.article-area .side-menu ul li:nth-child(even){border-right:1px solid var(--text01)}.article-area .side-menu ul li:before{display:none}.article-area .side-menu ul li:hover a{color:var(--main);font-weight:700}.article-area .article-area .list-area{width:100%;margin-top:30px;border:1px solid var(--text01)}.article-area .side-menu ul li a{padding:15px}.article-area .box{border-left:none;border-bottom:none}.article-area .box{border-left:none;border-bottom:1px solid var(--text02);padding:5px}.article-area .txt-box{margin-left:0;width:100%;margin-top:15px}.article-area .list-area .post-item .post-info .post-title{font-size:1rem;line-height:1.8}.article-area .article-ttl{margin-bottom:-5px}.article-area .tag-name{margin-bottom:-1px}.article-area .list-area{border:1px solid var(--text01);width:100%}.article-area .list-area .post-item{flex-direction:column;gap:10px;padding:1rem}.article-area .list-area .post-item .post-info .post-category{margin-bottom:5px;font-size:13px}.article-area .list-area .post-item .post-thumbnail{width:100%;order:2}.article-area .list-area .post-item .post-thumbnail img{aspect-ratio:16/9;width:100%}.article-area .list-area .post-item .post-info{width:100%}.article-area .list-area .post-item .post-info .post-content{font-size:14px}.article-main{width:90%;margin-top:50px}.article02-b .main-text{padding:25px 0;margin-bottom:10px}.article02-a,.article02-b{padding-bottom:10px}.blog-area{width:90%;margin-top:50px}.article02-b .main-text,.article02-a .main-text p{font-size:.9rem;line-height:2}}