@charset "utf-8";
											.IAuctionArticleA{		 margin:73px auto 0 auto; padding:65px 0; } .IAuctionArticleA>.outBox{ } @media screen and (max-width:768px){ .IAuctionArticleA{		 margin:0 auto; padding:0; } .IAuctionArticleA>.outBox{ } }										 .IAuctionArticleA{ max-width:1680px; border-top:1px #bbb solid; border-bottom:1px #bbb solid; } .IAuctionArticleA>.outBox{ width:100%; margin:0 auto; } .IAuctionArticleA .flex{ flex-wrap: wrap; justify-content: space-between; } .IAuctionArticleA .a_unit{ width:100%; } .IAuctionArticleA .a_unit>a>.imgBox{ width:45.54%; } .IAuctionArticleA .a_unit>a>.imgBox>.imgInBox{ width:100%; height:0; padding-top:60.357%; /*padding-top:71.486%;*/ } .IAuctionArticleA .a_unit>a>.info{ padding:0 0 0 6.37%; width:calc(100% - 45.54%); color:#000; height:100%; } .IAuctionArticleA .a_unit>a>.info .subject{ margin:7.87% 0 0 0; font-size:28px; line-height:1.6em; } .IAuctionArticleA .a_unit>a>.info .description{ margin:2.2% 0 0 0; font-size:16px; line-height:1.6em; color:#808080; } .IAuctionArticleA .a_unit>a>.info .authorAndDate{ margin:7.87% 0 0 0; border-top:1px #fff solid; font-size:14px; line-height:1.0em; } .IAuctionArticleA .a_unit>a>.info .authorAndDate .author:first-child{ padding:0 30px 0 0; } .IAuctionArticleA .infoOutBox{ width:100%; height:100%; } .IAuctionArticleA .infoInBox{ width:100%; } .IAuctionArticleA .category{ left:0; top:0; font-size:14px; background-color:#000; line-height:1em; padding:4px 8px; color:#FFF; } @media screen and (max-width: 1760px){ .IAuctionArticleA{ max-width:calc(100% - 60px); } } @media screen and (max-width: 1200px){ .IAuctionArticleA .a_unit>a>.info .subject{ font-size:2.3vw; } .IAuctionArticleA .a_unit>a>.info .description{ font-size:1.33vw; } .IAuctionArticleA .a_unit>a>.info .authorAndDate{ font-size:1.17vw } .IAuctionArticleA .a_unit>a>.info .authorAndDate .author:first-child{ padding:0 2.5vw 0 0; } .IAuctionArticleA .category{ font-size:1.167vw; } } @media screen and (max-width: 768px){ .IAuctionArticleA{ border-top:none; border-bottom:1px #bbb solid; max-width:none; width:91vw; } .IAuctionArticleA>.outBox{ width:90%; margin:0 auto; padding:7.25vw 0 6.76vw 0; } .IAuctionArticleA .a_unit{ width:100%; } .IAuctionArticleA .a_unit>a>.info{ padding:0; width:100%; height:auto; } .IAuctionArticleA .infoOutBox{ height:auto; } .IAuctionArticleA .infoInBox{ padding:7.25vw 0 0 0; } .IAuctionArticleA .a_unit>a>.info .subject{ margin:4.83vw 0 0 0; font-size:4.83vw; line-height:1.5em; } .IAuctionArticleA .a_unit>a>.imgBox{ width:100%; } .IAuctionArticleA .infoOutBox{ position:static; } .IAuctionArticleA .category{ left:5vw; top:-9.66vw; font-size:3.38vw; padding:0.97vw 1.93vw; } .IAuctionArticleA .mobile .category{ display:none; } .IAuctionArticleA .viewAll{ right:5vw; top:-8.06vw; line-height: 0; } .IAuctionArticleA .icon { width: 5vw; height: 2.5vw; line-height: 0; } .IAuctionArticleA .arrow{ width: 2.2vw; height: 2.5vw; background-image: url(/images/common/ico_arD5_right_white.svg); } .IAuctionArticleA .a_unit>a>.info .authorAndDate{ margin:4.83vw 0 0 0; font-size:3.38vw; color:#7d7d7d; } .IAuctionArticleA .a_unit>a>.info .authorAndDate .author:first-child{ padding:0 13.04vw 0 0; } }