.clearfix::after{clear:both;content:"";display:table}



@media screen and (max-width:1000px){.get-inspired .creative-gallery,.get-inspired .youtube{float:left;padding:0 1em 0 0;width:50%}}
@media screen and (max-width:640px){.get-inspired .creative-gallery,.get-inspired .youtube{float:none;width:100%}}
.main-box-items{height:-webkit-calc(85vh - 4rem);height:calc(85vh - 4rem);clear:both;display:block;margin:0 auto;max-height:680px;}
@media all and (device-width:1000px) and (device-height:1024px) and (orientation:landscape){.main-box-items{height:34em}}
.main-box-items .content-bleed{height:100%}
@media screen and (max-width:1000px){.main-box-items{height:50em}}
@media screen and (max-width:640px){.main-box-items{height:auto}}.main-box-items h2{margin-bottom:.3em}
.main-box-items h4{margin-bottom:.2em}
.main-box-items .text-box{position:absolute}
.main-box-items .main-block{-webkit-transform-style:preserve-3d;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden; margin:0; padding:0;}
.main-box-items .main-block::after{clear:both;content:"";display:table}
.main-box-items .main-block .img-link{-webkit-transform-style:preserve-3d;background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;display:block;height:100%;overflow:hidden;text-indent:-9999em;transition:.4s;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.main-box-items .main-block .img-link:hover{opacity:.9;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
@media screen and (max-width:1000px){.main-box-items .main-block .img-link:hover{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
.main-box-items .main-block .tag{opacity:.8}
.main-box-items .main-block .tag:hover{text-decoration:underline}
.main-box-items .main-block .tag+.tag:before{content:'窶｢';display:inline-block;height:15px;margin-left:7px;overflow:hidden;position:relative;right:5px}
.main-box-items .main-block.primary{float:left;height:100%;position:relative;width:66.66667%}
@media screen and (max-width:1000px){.main-box-items .main-block.primary{float:none;height:60%;width:100%}}
/* 画像1BOXの高さ調整 paddingはヘッダー箇所分あける。高さ65pxのヘッダーバーがある場合はこっち
@media screen and (max-width:640px){.main-box-items .main-block.primary{height:360px;padding: 0px 0 0 0;}}
*/
/* 画像1BOXの高さ調整 paddingはヘッダー箇所分あける。高さ0pxのヘッダーバーがある場合はこっち*/
@media screen and (max-width:640px){.main-box-items .main-block.primary{height:270px;padding: 0px 0 0 0;}}

/* 見出し1BOXの幅調整 */
.main-box-items .main-block.primary .text-box{bottom:32px;left:32px;min-height:208px;padding:24px 32px 36px;position:absolute;width:240px}
@media screen and (max-width:640px){.main-box-items .main-block.primary .text-box{bottom:16px;left:16px;min-height:0;padding:16px;right:16px;width:auto}
.main-box-items .main-block.primary .text-box .description{display:none}}
.main-box-items .main-block.secondary{float:left;height:50%;width:33.33333%}
@media screen and (max-width:1000px){.main-box-items .main-block.secondary{height:40%;width:50%}}
@media screen and (max-width:640px){.main-box-items .main-block.secondary{float:none;height:auto;width:100%}}
.main-box-items .main-block.secondary .img-link{bottom:6.5em;height:auto;left:0;position:absolute;top:0;width:100%}
@media screen and (max-width:640px){.main-box-items .main-block.secondary .img-link{height:100%;width:8em}}
.main-box-items .main-block.secondary .text-box{bottom:0;height:6.5em;left:0;padding:.75em 1em;width:100%;box-sizing:border-box}
@media screen and (max-width:640px){.main-box-items .main-block.secondary .text-box{height:auto;margin-left:8em;min-height:6em;position:static;width:auto}}