/*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ NEWS TOP -------------------------------------------------- */ .postlist.news{padding-bottom:40px;background:#c71e33;background:url(../img/bg/top_news_bg.gif) no-repeat;background-size:100% auto;background-position:-120px 53px;text-align:center;} .postlist.news .line{width:980px;height:2px;margin:60px auto 0;background:#FFF;} .postlist.news > h1.ttl{margin:-20px 0 60px;padding:0 20px;color:#FFF;font-size:36px;font-weight:bold;font-style:italic;background:#cf2831;display:inline-block;} .postlist.news .block{position:relative;width:980px;margin:0 auto;overflow:hidden;} .postlist.news .block .module{float:left;position:relative;width:310px;margin:0 25px 40px 0;cursor:pointer;} .postlist.news .block .module > a{width:310px;height:217px;background:#000;overflow:hidden;display:block!important;} .postlist.news .block .module img.new{position:absolute;top:0;left:0;z-index:10;} .postlist.news .block .module img.img{position:relative;width:310px;height:auto;} .postlist.news .block .module img.img:hover{opacity:.75;} .postlist.news .block .module div.date{position:absolute;top:0;left:0;width:105px;height:63px;padding:49px 0 0 20px;background:url(../img/bg/top_news_date_bg.png) no-repeat;color:#e5e5e5;font-size:12px;font-weight:bold;text-align:left;z-index:10;} .postlist.news .block .module div.info{position:relative;width:310px;height:130px;background:#000;text-align:left;display:inline-block;overflow:hidden;} .postlist.news .block .module div.info .ttl{position:relative;margin:20px 20px 0;width:270px;color:#FFF;font-size:16px;line-height:20px;text-overflow:ellipsis;/* text-align:justify; */} .postlist.news .block .module div.info .category{position:absolute;bottom:0px;margin:0 20px 0px 0px;color:#FF0;font-size:70px;line-height:55px;font-weight:bold;font-style:italic;text-decoration:none;opacity:.2;display:inline-block;transform:rotateZ(-4deg);-webkit-transform:rotateZ(-4deg);} .postlist.news .block .module div.info .tama-blog{color:#FF0;} .postlist.news .block .module div.info .official-movie{color:#f00;} .postlist.news .block .module div.info .news-schedule{color:#ff5a00;} .postlist.news .block .module_L:nth-child(1){margin-right:20px;} .postlist.news .block .module_L:nth-child(2){margin-right:0px;} .postlist.news .block .module_L{width:480px;height:auto;display:inline-block;} .postlist.news .block .module_L > a{width:480px;height:320px;} .postlist.news .block .module_L img.img{position:relative;width:100%;height:auto;} .postlist.news .block .module_L div.date{top:250px;width:105px;height:63px;padding:53px 0 0 20px;} .postlist.news .block .module_L div.info{width:480px;} .postlist.news .block .module_L div.info .ttl{width:440px;} .postlist.news .block .module_L div.info a:hover .ttl{text-decoration:underline;} .postlist.news .block .module_L div.info .category{font-size:90px;line-height:70px;} .postlist.news .block .module_S:nth-child(3n-1){margin-right:0px;} /* POST LIST */ .contents.postlist .postlist.news .block .module_S:nth-child(3n-1){margin-right:25px;} .contents.postlist .postlist.news .block .module_S:nth-child(3n){margin-right:0px;} @media screen and (max-width:980px){ .postlist.news{background:none;} .postlist.news .line{width:96%;} .postlist.news h1.ttl{font-size:28px;margin:-20px 0 40px;} .postlist.news .block{width:96%;} .postlist.news h1.ttl{} .postlist.news .block .module > a{/* js */} .postlist.news .block .module img.img, .postlist.news .block .module_L img.img{width:100%;height:auto;} .postlist.news .block .module div.info{width:100%;height:130px;} .postlist.news .block .module div.info .ttl{width:auto;} } @media screen and (max-width:690px){ .postlist.news{background:none;} .postlist.news h1.ttl{margin:-20px 0 40px;} .postlist.news .block{width:96%;} .postlist.news .block .module > a{/* js */} .postlist.news .block .module, .postlist.news .block .module_L{width:100%;margin:0 0 20px 0!important;} .postlist.news .block .module div.info{width:100%;height:130px;} .postlist.news .block .module div.info .ttl{width:auto;font-size:21px;line-height:26px;} .postlist.news .block .module_S div.info .category{font-size:90px;line-height:70px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .postlist.news .block .module div.date{background:url(../img/bg/top_news_date_bg@x2.png) no-repeat;background-size:105px 63px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ postlist OFFICIAL MOVIE -------------------------------------------------- */ .movie .postlist.news{} .movie .postlist.news .block .module{position:relative;width:980px;margin:0 25px 40px 0;background:#b8041d;cursor:pointer;} .movie .postlist.news .block .module > a{width:980px;height:320px;background:none;overflow:hidden;display:inline-block;} .movie .postlist.news .block .module img.img:hover{opacity:1;} .movie .postlist.news .block .module .img{float:left;position:relative;width:480px;overflow:hidden;} .movie .postlist.news .block .module .info{float:left;position:relative;width:480px;height:auto;padding:0 2vw;box-sizing:border-box;background:none;} .movie .postlist.news .block .module .info div.date{position:relative;width:auto;top:0;left:0;height:auto;margin-top:30px;padding:0;background:none;color:#FFF;font-size:24px;font-weight:bold;font-style:italic;text-align:left;z-index:10;} .movie .postlist.news .block .module .info .ttl{position:relative;width:auto;height:auto;margin:20px 0 0;padding:0;color:#FFF;font-size:46px;font-weight:bold;text-align:left;line-height:56px;z-index:10; letter-spacing:-0.05em;line-height:.95;} .movie .postlist.news .block .module .btn{position:relative;width:100px;margin-top:1em;padding:13px 23px 11px;color:#FFF;font-size:18px;font-weight:bold;letter-spacing:.1em;border:2px solid #FFF;text-align:center;display:inline-table;} .movie .postlist.news .block .module .btn img{margin:-2px 10px 0 0;width:10px;height:20px;} @media screen and (max-width:980px){ .movie .postlist.news .block .module{width:100%;margin-right:0;} .movie .postlist.news .block .module > a{width:100%;} .movie .postlist.news .block .module .img{width:48%;} .movie .postlist.news .block .module .info{width:48%;margin-left:4%;} .movie .postlist.news .block .module .img .img{width:100%;height:auto;} .movie .postlist.news .block .module .info div.date{margin-top:20px;font-size:18px;} .movie .postlist.news .block .module .info .ttl{margin:10px 0 0;font-size:28px;line-height:36px;} .movie .postlist.news .block .module .btn{width:60px;margin-top:10px;padding:8px 16px;font-size:16px;} } @media screen and (max-width:690px){ .movie .postlist.news .block .module .img{width:100%;} .movie .postlist.news .block .module .info{float:left;width:100%;margin-left:0;text-align:center;} .movie .postlist.news .block .module .info div.date{margin-top:20px;font-size:18px;text-align:center;} .movie .postlist.news .block .module .info .ttl{margin:10px 0 0;padding:0 2%;font-size:28px;line-height:36px;text-align:center;} .movie .postlist.news .block .module .btn{width:80px;margin:10px 0 20px;padding:8px 16px;font-size:16px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .movie .postlist.news .block .module div.date{background:none;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ postlist TAMA BLOG -------------------------------------------------- */ .blog .postlist.news{} .blog .postlist.news .block .module_S{margin-right:25px;} .blog .postlist.news .block .module_S:nth-child(3n+3){margin-right:0px;} .blog .postlist.news .block .module_S div.info .category{font-size:110px;line-height:80px;bottom:0px;} .blog .postlist.news .block .module_S div.info .category span.year{font-size:80px;line-height:50px;} .blog .postlist.news .block .module_S div.info .category br.pc_news_ttl{display:block;} @media screen and (max-width:980px){ .blog .postlist.news .block .module_S div.info .category{font-size:90px;line-height:70px;bottom:20px;} .blog .postlist.news .block .module_S div.info .category span.year{font-size:40px;line-height:30px;} .blog .postlist.news .block .module_S div.info .category br.pc_news_ttl{display:block;} } @media screen and (max-width:690px){ .blog .postlist.news .block .module_S div.info .category{font-size:110px;line-height:80px;bottom:10px;} .blog .postlist.news .block .module_S div.info .category span.year{font-size:60px;line-height:30px;} .blog .postlist.news .block .module_S div.info .category br.pc_news_ttl{display:none;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ postlist NEWS / SCHEDULE -------------------------------------------------- */ .news .postlist.news{background:none;} .news .postlist.news .block .module{margin-right:0px;text-align:left;background:#FFF;cursor:default;} .news .postlist.news .block .module img.new{position:relative;top:-1px;left:-1px;margin-right:-25px;z-index:10;} .news .postlist.news .block .module .date{position:relative;width:auto;height:auto;padding:50px 4% 0;background:none;color:#000;font-size:14px;font-weight:lighter;font-style:italic;display:inline-block;} .news .postlist.news .block .module h1.ttl{position:relative;padding:6px 4% 0;color:#000;font-size:24px;line-height:1.4em;font-weight:bold;} .news .postlist.news .block .module ul.sns{margin:20px 4% 30px;overflow:hidden;} .news .postlist.news .block .module ul.sns li{float:left;width:209px;height:50px;color:#FFF;font-size:12px;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .news .postlist.news .block .module ul.sns li.facebook{background:#3b5998;margin-right:9px;} .news .postlist.news .block .module ul.sns li.twitter{background:#55acee;margin-right:9px;} .news .postlist.news .block .module ul.sns li.mail{background:#b0b0b0;} .news .postlist.news .block .module ul.sns li.facebook:hover{background:#133d95;} .news .postlist.news .block .module ul.sns li.twitter:hover{background:#1a91ec;} .news .postlist.news .block .module ul.sns li.mail:hover{background:#818181;} .news .postlist.news .block .module ul.sns li a{display:inline-block;text-decoration:none;} .news .postlist.news .block .module ul.sns li.facebook a{padding:17px 10px 0 76px;} .news .postlist.news .block .module ul.sns li.twitter a{padding:17px 6px 0 73px;} .news .postlist.news .block .module ul.sns li.mail a{padding:17px 8px 0 75px;} .news .postlist.news .block .module ul.sns li.facebook img{margin:-2px 10px 0 0;} .news .postlist.news .block .module ul.sns li.twitter img{margin:-2px 6px 0 0;} .news .postlist.news .block .module ul.sns li.mail img{margin:-2px 8px 0 0;} .news .postlist.news .block .module .contents{position:relative;padding:30px 4%;color:#000;font-size:14px;line-height:1.4em;} .news .postlist.news .block .module .contents img{width:100%;height:auto;margin:20px 0;} .news .postlist.news .block .module .contents a{color:#cf2831;} .news .postlist.news .block .module .contents a:hover{color:#FFF;background:#cf2831;text-decoration:none;} @media screen and (max-width:980px){ .news .postlist.news .block .module{width:100%;} .news .postlist.news h1.ttl{margin:0 0 40px;} } @media screen and (max-width:690px){ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ postlist SINGLE -------------------------------------------------- */ .single .contents p{width:100%;} .single .contents img{width:100%;height:auto;} .single .contents video{width:100%;height:auto;} @media screen and (max-width:980px){ } @media screen and (max-width:690px){ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ PAGER -------------------------------------------------- */ .pager{position:relative;height:70px;margin:30px 0 20px;background:#000;text-align:center;display:inline-block;} a.page-numbers, .pager .current{position:relative;color:#FFF;background-color:#000;padding:6px 10px;margin:18px 4px 16px;font-size:24px;font-weight:bold;text-decoration:none;display:inline-block;} .pager .current{color:#990318;background-color:#000;border-bottom:solid 2px #990318;} .pager a:hover{color:#FFF;background-color:#990318;} .pager .prev, .pager .next{position:absolute;margin:0;padding:21px 20px 25px;} .pager .prev{left:0;} .pager .next{right:0;} .postlist.news .pager{width:980px;} .news .postlist.news .pager{width:705px;} @media screen and (max-width:980px){ .postlist.news .pager{width:100%;} .news .postlist.news .pager{width:100%;} } @media screen and (max-width:690px){ a.page-numbers, .pager .current{padding:6px 8px;margin:18px 1px 16px;font-size:24px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ ARCHIVES -------------------------------------------------- */ .archives{position:relative;width:360px;margin:60px 0 30px;text-align:center;display:inline-block;cursor:pointer;} .archives .btn{position:relative;padding:37px 0 36px;background:#000;} .archives .toggle{position:relative;background:#FFF;width:360px;height:auto;margin-bottom:100px; border-bottom:4px solid #000;} .archives .btn{cursor:default;} .archives .toggle ul{} .archives .toggle ul li{width:100%;} .archives .toggle ul li a{width:100%;padding:10px 0;font-size:24px;color:#000;font-weight:bold;text-decoration:none;display:inline-block;} .archives .toggle ul li a:hover{color:#FFF;background:#b8041d;} .contents.blog .archives{float:left;width:310px;margin:0 25px 30px 0;} .contents.blog .archives .toggle{width:310px;} .contents.news .archives{float:left;width:200px;margin:0 75px 30px 0;} .contents.news .archives .toggle{width:200px;} .single .archives .toggle{background:transparent;width:360px;border-bottom:none;} .single .archives .toggle ul li{margin-bottom:10px;} .single .archives .toggle ul li a{padding:0 0 0 30px;color:#FFF;background:url(/assets/img/shapes/arrow_01.png) no-repeat;background-position:10px 10px;text-align:left;} .single .archives .toggle ul li a:hover{background:#b8041d url(/assets/img/shapes/arrow_01.png) no-repeat;} @media screen and (max-width:980px){ .contents.news .archives .btn:hover{background:#990318;cursor:pointer;} .contents.news .archives .toggle{margin-bottom:0;} .contents.news .archives{width:100%;margin:0 0 30px;} .contents.news .archives .toggle{width:100%;} } @media screen and (max-width:690px){ } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .single .archives .toggle ul li a{background:url(/assets/img/shapes/arrow_01@x2.png) no-repeat;background-size:20px 17px;background-position:0 5px;} .single .archives .toggle ul li a:hover{background:#b8041d url(/assets/img/shapes/arrow_01@x2.png) no-repeat;background-size:20px 17px;background-position:2px 5px;} }