@charset "UTF-8";
#top_page #list_navi { width: 100%; }
#top_page #list_navi ul li.bg01 { background: #303030; }
#top_page #list_navi ul li.bg02 { background: #161616; }
#top_page #list_navi ul li a { width: 100%; height: 360px; display: block; text-decoration: none; overflow: hidden; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a { height: 220px; } }
#top_page #list_navi ul li a .box { width: 960px; height: 360px; margin: 0 auto; position: relative; /* ホバー時 */ }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box { width: 100%; height: 220px; } }
#top_page #list_navi ul li a .box .number { width: 73px; height: 68px; padding: 18px 0 0 13px; background: #636363; position: absolute; top: 0; left: 0; z-index: 5; color: #fff; font-size: 28px; font-weight: bold; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .number { width: 28px; height: 23px; padding: 5px 0 0 2px; font-size: 12px; } }
#top_page #list_navi ul li a .box .number span { font-weight: normal; vertical-align: top; font-size: 20px; font-weight: normal; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .number span { font-size: 10px; } }
#top_page #list_navi ul li a .box h2 { position: absolute; top: 25px; left: 120px; color: #fff; font-size: 52px; font-weight: bold; z-index: 3; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box h2 { top: 8px; left: 40px; font-size: 18px; line-height: 20px; } }
#top_page #list_navi ul li a .box .tn_photo { width: 240px; height: 240px; position: absolute; bottom: 55px; right: 90px; z-index: 2; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .tn_photo { width: 120px; height: 120px; right: 190px; bottom: 50px; background-size: 100%; } }
#top_page #list_navi ul li a .box .name { position: absolute; bottom: 40px; right: 35px; z-index: 6; color: #6f6f6f; font-size: 33px; font-weight: bold; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .name { bottom: 98px; font-size: 16px; } }
#top_page #list_navi ul li a .box .tag { position: absolute; left: 120px; bottom: 20px; z-index: 5; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .tag { width: 100%; padding: 10px 0; border-top: 1px solid #656565; left: 0; top: 150px; } }
#top_page #list_navi ul li a .box .tag p { margin: 0 8px 0 0; padding: 5px 10px; background: #656565; display: inline-block; color: #fff; font-size: 12px; font-weight: bold; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .tag p { margin: 0 0 10px 10px; padding: 3px 10px; } }
#top_page #list_navi ul li a .box .tag p.last { margin: 0; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .tag p.last { margin: 0 0 0 10px; } }
#top_page #list_navi ul li a .box .photo { width: 360px; height: 360px; display: none; position: absolute; right: -100px; z-index: 5; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .photo { width: 180px; height: 150px; background-size: 100%; display: block; position: absolute; right: 0; z-index: 0; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph001 { background: url(../img/photo/photo001_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph002 { background: url(../img/photo/photo002_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph003 { background: url(../img/photo/photo003_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph004 { background: url(../img/photo/photo004_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph005 { background: url(../img/photo/photo005_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph006 { background: url(../img/photo/photo006_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph007 { background: url(../img/photo/photo007_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph008 { background: url(../img/photo/photo008_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph009 { background: url(../img/photo/photo009_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph010 { background: url(../img/photo/photo010_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph011 { background: url(../img/photo/photo011_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph012 { background: url(../img/photo/photo012_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph013 { background: url(../img/photo/photo013_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph014 { background: url(../img/photo/photo014_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph015 { background: url(../img/photo/photo015_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph016 { background: url(../img/photo/photo016_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph017 { background: url(../img/photo/photo017_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph018 { background: url(../img/photo/photo018_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph019 { background: url(../img/photo/photo019_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph020 { background: url(../img/photo/photo020_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph021 { background: url(../img/photo/photo021_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph022 { background: url(../img/photo/photo022_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph023 { background: url(../img/photo/photo023_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph024 { background: url(../img/photo/photo024_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph025 { background: url(../img/photo/photo025_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph026 { background: url(../img/photo/photo026_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph027 { background: url(../img/photo/photo027_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph028 { background: url(../img/photo/photo028_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph029 { background: url(../img/photo/photo029_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph030 { background: url(../img/photo/photo030_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph031 { background: url(../img/photo/photo031_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph032 { background: url(../img/photo/photo032_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph033 { background: url(../img/photo/photo033_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph034 { background: url(../img/photo/photo034_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph035 { background: url(../img/photo/photo035_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph036 { background: url(../img/photo/photo036_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph037 { background: url(../img/photo/photo037_sp.jpg) no-repeat; background-size: 100%; } }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .ph038 { background: url(../img/photo/photo038_sp.jpg) no-repeat; background-size: 100%; } }

#top_page #list_navi ul li a .box h3 { position: absolute; top: 5px; left: 120px; display: none; z-index: 5; color: #fff; font-size: 50px; font-weight: bold; opacity: 0; }
#top_page #list_navi ul li a .box .jp_color { position: absolute; bottom: 3px; left: 15px; z-index: 5; display: none; color: #fff; font-size: 14px; }
#top_page #list_navi ul li a .box .overlay { width: 86px; height: 360px; position: absolute; left: 0; z-index: 4; }
@media screen and (max-width: 736px) { #top_page #list_navi ul li a .box .overlay { display: none; } }
#top_page #link_orf2015 { position: absolute; top: 120px; right: 0; z-index: 9999; }
@media screen and (max-width: 767px) { #top_page #link_orf2015 { position: relative; top: 0; right: 0; } }
#top_page #link_orf2015 a { width: 280px; height: 225px; background: url(../img/top_ORF2016.png) no-repeat; background-size: 100% 100%; display: inline-block; text-indent: -99999px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width: 767px) { #top_page #link_orf2015 a { width: 100%; height: 0; padding-bottom: 23.4375%; background: url(../img/top_ORF2016_sp.png) no-repeat; background-size: 100%; } }
#top_page #link_orf2015 a:hover { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; -ms-opacity: 0.7; opacity: 0.7; }
@media screen and (max-width: 767px) { #top_page #link_orf2015 a:hover { filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; opacity: 1; } }

/* tn_photo */
.tn_ph001 { background: url(../img/photo/tn_photo001.jpg) no-repeat; }

.tn_ph002 { background: url(../img/photo/tn_photo002.jpg) no-repeat; }

.tn_ph003 { background: url(../img/photo/tn_photo003.jpg) no-repeat; }

.tn_ph004 { background: url(../img/photo/tn_photo004.jpg) no-repeat; }

.tn_ph005 { background: url(../img/photo/tn_photo005.jpg) no-repeat; }

.tn_ph006 { background: url(../img/photo/tn_photo006.jpg) no-repeat; }

.tn_ph007 { background: url(../img/photo/tn_photo007.jpg) no-repeat; }

.tn_ph008 { background: url(../img/photo/tn_photo008.jpg) no-repeat; }

.tn_ph009 { background: url(../img/photo/tn_photo009.jpg) no-repeat; }

.tn_ph010 { background: url(../img/photo/tn_photo010.jpg) no-repeat; }

.tn_ph011 { background: url(../img/photo/tn_photo011.jpg) no-repeat; }

.tn_ph012 { background: url(../img/photo/tn_photo012.jpg) no-repeat; }

.tn_ph013 { background: url(../img/photo/tn_photo013.jpg) no-repeat; }

.tn_ph014 { background: url(../img/photo/tn_photo014.jpg) no-repeat; }

.tn_ph015 { background: url(../img/photo/tn_photo015.jpg) no-repeat; }

.tn_ph016 { background: url(../img/photo/tn_photo016.jpg) no-repeat; }

.tn_phORF { background: url(../img/photo/tn_photoORF.jpg) no-repeat; }

.tn_ph017 { background: url(../img/photo/tn_photo017.jpg) no-repeat; }

.tn_ph018 { background: url(../img/photo/tn_photo018.jpg) no-repeat; }

.tn_ph019 { background: url(../img/photo/tn_photo019.jpg) no-repeat; }

.tn_ph020 { background: url(../img/photo/tn_photo020.jpg) no-repeat; }

.tn_ph021 { background: url(../img/photo/tn_photo021.jpg) no-repeat; }

.tn_ph022 { background: url(../img/photo/tn_photo022.jpg) no-repeat; }

.tn_ph023 { background: url(../img/photo/tn_photo023.jpg) no-repeat; }

.tn_ph024 { background: url(../img/photo/tn_photo024.jpg) no-repeat; }

.tn_ph025 { background: url(../img/photo/tn_photo025.jpg) no-repeat; }

.tn_ph026 { background: url(../img/photo/tn_photo026.jpg) no-repeat; }

.tn_ph027 { background: url(../img/photo/tn_photo027.jpg) no-repeat; }

.tn_ph028 { background: url(../img/photo/tn_photo028.jpg) no-repeat; }

.tn_ph029 { background: url(../img/photo/tn_photo029.jpg) no-repeat; }

.tn_ph030 { background: url(../img/photo/tn_photo030.jpg) no-repeat; }

.tn_ph031 { background: url(../img/photo/tn_photo031.jpg) no-repeat; }

.tn_ph032 { background: url(../img/photo/tn_photo032.jpg) no-repeat; }

.tn_ph033 { background: url(../img/photo/tn_photo033.jpg) no-repeat; }

.tn_ph034 { background: url(../img/photo/tn_photo034.jpg) no-repeat; }

.tn_ph035 { background: url(../img/photo/tn_photo035.jpg) no-repeat; }

.tn_ph036 { background: url(../img/photo/tn_photo036.jpg) no-repeat; }

.tn_ph037 { background: url(../img/photo/tn_photo037.jpg) no-repeat; }

.tn_ph038 { background: url(../img/photo/tn_photo038.jpg) no-repeat; }

/* pair */
@media screen and (max-width: 767px) { #top_page #list_navi ul li.pair > a { height: 270px; } }
#top_page #list_navi ul li.pair .box .name { text-align: center; font-size: 28px; line-height: 21px; }
@media screen and (max-width: 767px) { #top_page #list_navi ul li.pair .box .name { font-size: 16px; line-height: 11px; } }
#top_page #list_navi ul li.pair .box .tag { max-width: 500px; }
#top_page #list_navi ul li.pair .box .tag p:first-child { margin-bottom: 5px; }