/* Theme Name: Rising */ @charset "utf-8"; body { position: relative; overflow: hidden; min-width: 320px; font-size:12px; background: #fff!important; -webkit-text-size-adjust:none; } section { background: #fff!important; } a { text-decoration:none; color:#474747; transition: all 0.25s ease; display: inline-block; } a:hover { text-decoration:none; color:#c6002f; } img { max-width: 100%; } #wrap { position: relative; background: #fff; } .fl { float:left!important; } .fr { float:right!important; } .mt40 { margin-top: 40px!important; } .pd0 { padding-bottom: 0!important; } .pd10 { padding-bottom: 10px!important; } .pd20 { padding-bottom: 20px!important; } .center { text-align: center!important; } .bgBlack { background: #282828; } .bgRed { background: #c6002f; } .bgGray { background: #f9f9f9; } .tb { display: none; } .sp { display: none; } @media screen (min-width:1548px){ body { position: static; } } @media screen (max-width:790px){ html #wpadminbar { position: fixed; } .pc { display: none; } .tb { display: none; } .sp { display: block; } } /* ------------------------------ clear ------------------------------ */ .bgNone { background: none!important; } .stuffNone { display: none!important; } /* ------------------------------ font ------------------------------ */ /* ------------------------------ header ------------------------------ */ #pageHeader .tryL { position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 240px 280px 0 0; border-color: #ffffff transparent transparent transparent; z-index: 100; -webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.5)); } #pageHeader .tryL h1 { position: absolute; top: -200px; left: 20px; } #pageHeader .tryL h1 a { display: block; width: 120px; height: 64px; background: url(/rising/component/static/img/common/logo_risingL.png) no-repeat; background-size: 120px; } #pageHeader .boxNav { position: absolute; top: 20px; left: 200px; width: 90%; z-index: 110; } #pageHeader .boxNav ul li a:hover { background: #c6002f; } #pageHeader .boxNav ul li:first-child a:hover { background: url(/rising/component/static/img/common/conceal01.png) #c6002f 0 0 no-repeat; } #pageHeader .boxNav ul li { position: relative; float: left; width: 10%; max-width: 135px; } #pageHeader .boxNav ul li:after { padding-top: 100%; display: block; content: " "; } #pageHeader .boxNav ul li .bgNav { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0 1px 0 0; background: #282828; } #pageHeader .boxNav ul li a { text-align: center; color: #fff; position: absolute; width: 100%; height: 100%; } #pageHeader .boxNav ul li a p { padding-top: 50%; margin-top: -1em; text-align: center; color: #fff; font-size: 12px; } #pageHeader .boxNav ul li:first-child a { background: url(/rising/component/static/img/common/conceal01.png) #282828 0 0 no-repeat; } #pageHeader .boxNav ul li:nth-child(3) a p { padding-top: 46%; margin-top: -1em; } #pageHeader .boxNav ul li:nth-child(8) a p { padding-top: 38%; margin-top: -1em; } #pageHeader .boxNav ul li a p span { display: block; text-align: center; font-size: 10px; line-height: 1em; color: #727272; } #pageHeader .boxNav .subNav { background: none; } #pageHeader .boxNav .subNav ul li { position: relative; float: left; width: 50%; } #pageHeader .boxNav .subNav ul li .bgNav { margin: 1px 1px 0 0; } #pageHeader .boxNav .subNav ul li:after { padding-top: 100%; display: block; content: " "; } #pageHeader .boxNav .subNav ul li a { position: absolute; width: 100%; height: 100%; padding-top: 68%; margin-top: 0; font-size: 11px; line-height: 10px; } #pageHeader .boxNav .subNav ul li.access a { background: url(/rising/component/static/img/common/ico_accessM.png) #282828 center 30% no-repeat; background-size: 22px; } #pageHeader .boxNav .subNav ul li.campusmap a { background: url(/rising/component/static/img/common/ico_campusmapM.png) #282828 center 30% no-repeat; background-size: 14px; padding-top: 52%; } #pageHeader .boxNav .subNav ul li.contact a { background: url(/rising/component/static/img/common/ico_contactM.png) #282828 center 30% no-repeat; background-size: 18px; } #pageHeader .boxNav .subNav ul li.sitemap a { background: url(/rising/component/static/img/common/ico_sitemapM.png) #282828 center 30% no-repeat; background-size: 18px; } #pageHeader .boxNav .subNav ul li.access a:hover { background: url(/rising/component/static/img/common/ico_accessM.png) #c6002f center 30% no-repeat; background-size: 22px; } #pageHeader .boxNav .subNav ul li.campusmap a:hover { background: url(/rising/component/static/img/common/ico_campusmapM.png) #c6002f center 30% no-repeat; background-size: 14px; padding-top: 52%; } #pageHeader .boxNav .subNav ul li.contact a:hover { background: url(/rising/component/static/img/common/ico_contactM.png) #c6002f center 30% no-repeat; background-size: 18px; } #pageHeader .boxNav .subNav ul li.sitemap a:hover { background: url(/rising/component/static/img/common/ico_sitemapM.png) #c6002f center 30% no-repeat; background-size: 18px; } @media(min-width:1548px){ #pageHeader { position: relative; background: url(/rising/component/static/img/common/bgHeaderL.png) center center; z-index: 100; } #pageHeader .tryL { top: -20px; } #pageHeader .boxNav { position: relative; top: 0; width: 1382px; margin: 20px auto 0; z-index: 100; } #pageHeader .boxNav ul li:first-child { border-left: 1px solid #fff; } #pageHeader .boxNav .subNav { border-right: 1px solid #fff; } #pageHeader .boxNav .subNav ul li:first-child { border-left: none; } /* #pageHeader .boxNav .subNav ul li.campusmap { border-right: 1px solid #fff; } #pageHeader .boxNav .subNav ul li.sitemap { border-right: 1px solid #fff; } */ #pageHeader .boxNav ul li:first-child a { background: #282828; } #pageHeader .boxNav ul li:first-child a:hover { background: #c6002f; } } @media(max-width:1100px){ #pageHeader .tryL { border-width: 140px 160px 0 0; } #pageHeader .tryL h1 { top: -125px; left: 10px; } #pageHeader .tryL h1 a { width: 80px; height: 48px; background-size: 80px; } #pageHeader .boxNav { left: 90px; width: 110%; } #pageHeader .boxNav ul li a { font-size: 11px; } #pageHeader .boxNav ul li:first-child a { background: url(/rising/component/static/img/common/conceal01.png) #282828 0 -8px no-repeat; } #pageHeader .boxNav ul li:first-child a:hover { background: url(/rising/component/static/img/common/conceal01.png) #c6002f 0 -8px no-repeat; } #frametype_home section.feature .subNav { position: absolute; right: 0; bottom: 0; width: 30%; height: 50px; overflow: hidden; } #frametype_home section.feature .subNav ul li { position: relative; float: left; width: 25%; } #frametype_home section.feature .subNav ul li a { display: table-cell; min-width: 50px; width: 25%; height: 50px; padding-bottom: 6px; color: #fff; font-size: 10px; line-height: 0.8em; text-align: center; vertical-align: bottom; } /* #frametype_home section.feature .subNav ul li:last-child { width: 25.6%; } #frametype_home section.feature .subNav ul li:last-child a { width: 25.6%; } */ #frametype_home section.feature .subNav ul li.access a { background: url(/rising/component/static/img/common/ico_accessM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgBlack.png); background-size: 20px; } #frametype_home section.feature .subNav ul li.campusmap a { background: url(/rising/component/static/img/common/ico_campusmapM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgBlack.png); background-size: 14px; padding-bottom: 4px; } #frametype_home section.feature .subNav ul li.contact a { background: url(/rising/component/static/img/common/ico_contactM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgBlack.png); background-size: 18px; } #frametype_home section.feature .subNav ul li.sitemap a { background: url(/rising/component/static/img/common/ico_sitemapM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgBlack.png); background-size: 18px; } #frametype_home section.feature .subNav ul li.access a:hover { background: url(/rising/component/static/img/common/ico_accessM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgRed.png); background-size: 20px; } #frametype_home section.feature .subNav ul li.campusmap a:hover { background: url(/rising/component/static/img/common/ico_campusmapM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgRed.png); background-size: 14px; padding-bottom: 4px; } #frametype_home section.feature .subNav ul li.contact a:hover { background: url(/rising/component/static/img/common/ico_contactM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgRed.png); background-size: 18px; } #frametype_home section.feature .subNav ul li.sitemap a:hover { background: url(/rising/component/static/img/common/ico_sitemapM.png) center 30% no-repeat, url(/rising/component/static/img/common/bgRed.png); background-size: 18px; } } @media(max-width:790px){ body { margin-top: 0!important; } #pageHeader .tryL { border-width: 100px 120px 0 0; } #pageHeader .tryL h1 { top: -90px; left: 5px; } #pageHeader .tryL h1 a { background-size: 60px; } #pageHeader .spMenu { position: absolute; display: block; height: 40px; width: 100%; z-index: 80; } #pageHeader li{ cursor: pointer; } #pageHeader ul.acordion{ background: #1d1d1d; } #pageHeader ul.acordion li ul li { /*float: left; width: 50%;*/ background: #1d1d1d; border-bottom: 1px solid #282828; border-left: 1px solid #282828; } #pageHeader ul.acordion li ul li.listHead { width: 100%; background: #c6002f; border-bottom: 1px solid #da0034; } #pageHeader ul.acordion li ul li a { font-size: 11px; color: #fff; display: block; padding: 16px 14px 14px 0; } #pageHeader ul.acordion li .none-submenu { color: #fff; display: block; padding: 11px; font-size: 11px; text-align: right; } #pageHeader ul.acordion li .active-submenu { color: #fff; display: block; padding: 11px; font-size: 11px; text-align: right; border-bottom: 1px solid #282828; } #pageHeader ul.acordion li a { text-align: right; } #pageHeader ul.acordion li span em.menuIcon { float: right; width: 12px; height: 12px; margin-left: 4px; } #pageHeader ul.acordion li span em.menuIcon span { display: block; background: #fff; height: 2px; margin-top: 2px; } } /* ------------------------------ top ------------------------------ */ /*#frametype_home .box { cursor: pointer; }*/ #frametype_home .box:hover img { max-width: } #frametype_home section.feature { position: relative; } #frametype_home section.feature .bnrArea { position: absolute; bottom: 0; right: 0; z-index: 100; width: 180px; height: 160px; padding: 10px; background: url(/rising/component/static/img/common/bgBlack.png); } #frametype_home section.feature .bnrArea ul li { margin-bottom: 10px; } #frametype_home section.feature .bnrArea ul li a:hover { opacity: 0.8; } #frametype_home section.feature .catchFeature { top: 0; width: 100%; height: 100%; /*background: url(/rising/component/static/img/top/catch01.jpg) no-repeat; background-size: 100%;*/ z-index: 1; } #frametype_home section.feature .catchFeature img { width: 100%; } #frametype_home section.feature .boxTxt { position: absolute; bottom: 5%; left: 40px; font-size: 40px; /*text-shadow: 1px 2px 3px #666;*/ } #frametype_home section.feature .boxTxt h2 { display: none; margin-bottom: 8px; font-size: 40px; font-weight: 600; text-align: left; line-height: 1.1em; color: #474747; } #frametype_home section.feature .boxTxt p { display: none; font-size:16px; font-weight: bold; color: #474747; } #frametype_home h2 { margin: 40px auto; font-size: 32px; font-weight: 500; text-align: center; } #frametype_home section.global { width: 1020px; margin: auto; } #frametype_home section.global h2 { width: 360px; border-bottom: 4px solid #c6002f; } #frametype_home section.global .boxWrap { overflow: hidden; } #frametype_home section.global .box { position: relative; width: 500px; height: 510px; border: 1px solid #dedede; border-top: 5px solid #c6002f; } #frametype_home section.global .box h3 { margin: 20px 0; font-size: 30px; font-weight: 500; text-align: center; } #frametype_home section.global .box h3 small { font-size: 20px; } #frametype_home section.global .box p { font-size: 18px; text-align: center; } #frametype_home section.global .box a { display: block; width: 300px; height: 40px; margin: 20px auto; padding: 8px 0 0; font-size: 18px; color: #fff; text-align: center; vertical-align: middle; border-radius: 4px; background: #282828 url(/rising/component/static/img/common/arrow_white.png) 280px center no-repeat; position: absolute; top: -20%; left: -100%; right: -100%; bottom: -100%; margin: auto; } #frametype_home section.global .box:hover a { background: #c6002f url(/rising/component/static/img/common/arrow_white.png) 280px center no-repeat; background-size: 10px; } #frametype_home section.global .box:hover a:hover { border-radius: 20px; } #frametype_home section.global .btnSummary { display: block; width: 50%; margin: 40px auto 0; padding: 10px; color: #C6002F; text-align: center; border: 2px solid #C6002F; border-radius: 4px; } #frametype_home section.global .btnSummary:hover { color: #fff; background: #C6002F; } .page-id-176 .language-chooser { display: none; } #frametype_home section.newborn h2 { width: 440px; margin: 50px auto 30px; border-bottom: 4px solid #c6002f; } #frametype_home section.newborn .box { position: relative; float: left; width: 25%; height: 400px; text-align: center; border-right: 1px solid #fff; background-position: center!important; } #frametype_home section.newborn .box { cursor:default; } #frametype_home section.newborn .n01 { background: url(/rising/component/static/img/top/imgTop03.jpg); } #frametype_home section.newborn .n02 { background: url(/rising/component/static/img/top/imgTop04.jpg); } #frametype_home section.newborn .n03 { background: url(/rising/component/static/img/top/imgTop05.jpg); } #frametype_home section.newborn .n04 { background: url(/rising/component/static/img/top/imgTop06.jpg); } #frametype_home section.newborn .box h3 { height: 60px; padding: 18px 0 0; color: #fff; font-size: 18px; font-weight: 600; text-align: center; background: url(/rising/component/static/img/common/bgRed.png); } #frametype_home section.newborn .box:last-child h3 { padding: 12px 0 0; line-height: 1em; } #frametype_home .en section.newborn .box:last-child h3 { padding-top: 18px; } #frametype_home section.newborn .box p { line-height: 1.8em; padding: 20px 10px; color: #fff; font-size: 14px; font-weight: 600; text-shadow: 1px 2px 3px #666; } #frametype_home section.newborn .box a { width: 200px; height: 34px; padding-top: 7px; color: #fff; font-size: 13px; font-weight: 600; text-align: center; border: 1px solid #fff; border-radius: 4px; background: url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat, url(/rising/component/static/img/common/bgBlack.png); position: absolute; top: -20%; left: -100%; right: -100%; bottom: -100%; margin: auto; pointer-events: initial; } #frametype_home section.newborn .box:hover a { background: url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat, url(/rising/component/static/img/common/bgRed.png); } #frametype_home section.newborn .box:hover a:hover { border-radius: 20px; } #frametype_home .en section.newborn .box li { display: block; line-height: 1.3em; padding: 10px 10px 5px; color: #fff; font-size: 14px; font-weight: 600; text-shadow: 1px 2px 3px #666; text-indent: -1em; padding-left: 2em; } #frametype_home section.news { width: 1020px; margin: auto; } #frametype_home section.news h2 { width: 100px; border-bottom: 4px solid #c6002f; } #frametype_home section.news table { border-collapse: collapse; } #frametype_home section.news th { padding: 20px 0; font-size: 14px; font-weight: 600; text-align: center; border: 1px solid #dedede; border-bottom: none; } #frametype_home section.news td { position: relative; border: 1px solid #dedede; border-top: none; } #frametype_home section.news td p { padding: 0 10px 20px; font-size: 14px; text-align: center; } #frametype_home section.news a.toList { width: 106px; margin: 14px 0 0 10px; padding-top: 1px; font-size: 14px; background: url(/rising/component/static/img/common/ico_arrow_rectBlack.png) 90px center/16px 16px no-repeat; } #frametype_home section.news .tr { border-top: 1px solid #c6002f; border-left: 1px solid #c6002f; box-sizing: border-box; position: relative; overflow: hidden; } #frametype_home section.news .td { position: relative; float: left; width: 20%; text-align: center; border-bottom: 1px solid #c6002f; border-right: 1px solid #c6002f; box-sizing: border-box; } #frametype_home section.news .td .ttlBox a { height: 35px; margin: 0 0 15px; padding: 0 15px 0; text-align: center; overflow: hidden; color: #474747; } #frametype_home section.news .td .imgBox { width: 100%; height: 150px; overflow: hidden; } #frametype_home section.news .td .imgBox a { width: 100%; padding: 0; } #frametype_home section.news .td img { width: 100%; height: auto; z-index: 100; } #frametype_home section.news .td img.replaceImg { position: static; width: 60%; margin: 25px 41px; z-index: 1; } #frametype_home section.news .td a.arrow { position: absolute; bottom: 0; right: 0; padding: 0; } #frametype_home section.news .tr { border-top: 1px solid #dedede; border-left: 1px solid #dedede; } #frametype_home section.news .td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; } #frametype_home section.news .td { padding: 20px 0 0; text-align: center; font-size: 14px; font-weight: 600; } #frametype_home section.news .td p { padding: 0 0 20px; font-size: 14px; font-weight: 600; text-align: center; } #frametype_home section .btnContact { display: none; width: 50%; margin: 80px auto 0; padding: 10px; color: #C6002F; text-align: center; border: 2px solid #C6002F; border-radius: 4px; } #frametype_home section .btnContact:hover { color: #fff; background: #C6002F; } #frametype_home section.pamphlet { width: 1020px; margin: 0 auto 120px; } #frametype_home section.pamphlet .box { overflow: hidden; margin: 80px 0; border: 1px solid #dedede; } #frametype_home section.pamphlet .box img { width: 30% } #frametype_home section.pamphlet .box dl { width: 70%; } #frametype_home section.pamphlet .box dt { padding: 50px 20px 10px; font-size: 16px; text-align: center; } #frametype_home section.pamphlet .box a { display: block; width: 240px; margin: auto; padding: 7px 0; color: #fff; text-align: center; background: #C6002F; border-radius: 4px; } #frametype_home section.pamphlet .box a:hover { border-radius: 20px; } @media(max-width:1100px){ #frametype_home section.feature .boxTxt { bottom: 5%; left: 20px; } #frametype_home section.feature .boxTxt h2 { font-size: 30px; } #frametype_home section.feature .boxTxt p { font-size:12px; } #frametype_home section.feature .bnrArea { left: 0; width: 70%; height: 50px; padding: 5px; } #frametype_home section.feature .bnrArea ul li { float: left; margin-right: 5px; } #frametype_home section.global { width: auto; max-width: 1020px; margin: auto; padding: 0 30px; } #frametype_home section.global .box { width: 49%; min-width: 340px; height: auto; } #frametype_home section.global .box h3 { font-size: 22px; } #frametype_home section.global .box h3 small { font-size: 12px; } #frametype_home section.global .box p { font-size: 14px; } #frametype_home section.global .box a { position: static; width: 80%; margin: 30px auto 20px; background: #282828 url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat; } #frametype_home section.global .box:hover a { background: #c6002f url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat; } #frametype_home section.newborn .box { width: 50%; } #frametype_home section.news { width: auto; } #frametype_home section.news .td { width: 25%; height: 290px; } #frametype_home section.news .td img { position: absolute; bottom: 0; height: auto; } #frametype_home section.news .td img.replaceImg { margin: 55px 51px; } #frametype_home section.news .td a.arrow { width: 40px; } #frametype_home section.pamphlet { width: 100%; } } @media(max-width:790px){ #frametype_home section.feature .boxTxt { bottom: 0; left: 0; padding: 10px; } #frametype_home section.feature .boxTxt h2 { font-size: 20px; margin-bottom: 4px; } #frametype_home section.feature .boxTxt p { font-size:10px; } #frametype_home section.feature .bnrArea { bottom: -35px; width: 100%; height: 35px; padding: 3px; background: #1d1d1d; z-index: 60; } #frametype_home section.feature .bnrArea ul { display: table; } #frametype_home section.feature .bnrArea ul li { display: table-cell; width: 32%; margin: 0 3px 0 0; } #frametype_home section.feature .bnrArea ul li:last-child { margin: 0; } #frametype_home section.feature .bnrArea ul li img { width: 115px; } #frametype_home h2 { font-size: 24px; } #frametype_home section.global h2 { width: 60%; margin: 60px auto 20px; } #frametype_home section.global { padding: 0; } #frametype_home section.global .box { float: none!important; width: 60%; min-width: 300px; height: auto; margin: 0 auto 20px; } #frametype_home section.global .box a { position: static; margin: 20px auto; } #frametype_home section.global .btnSummary { margin: 20px auto 0; } #frametype_home section.newborn h2 { width: 58%; } #frametype_home section.newborn .box { height: 300px; } #frametype_home section.newborn .box p { padding: 10px 10px; font-size: 80%; line-height: 1.3em; } #frametype_home section.newborn .box a { width: 80%; background: url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat, url(/rising/component/static/img/common/bgBlack.png); } #frametype_home section.newborn .box a:hover { background: url(/rising/component/static/img/common/arrow_white.png) 95% center no-repeat, url(/rising/component/static/img/common/bgRed.png); } #frametype_home .en section.newborn .box { height: 340px; } #frametype_home .en section.newborn .box li { font-size: 80%; } #frametype_home section.news { margin-bottom: 40px; } #frametype_home section.news .td { height: 280px; } #frametype_home section.news .td img.replaceImg { margin: 55px 22%; } #frametype_home section .btnContact { margin: 0 auto; } #frametype_home section.pamphlet .box { margin: 40px; } #frametype_home section.pamphlet .box img { width: 100%; } #frametype_home section.pamphlet .box dl { width: 100%; } #frametype_home section.pamphlet .box dd { padding-bottom: 40px; } } @media(max-width:767px){ #frametype_home section.news .td { width: 50%; max-height: auto; } #frametype_home section.news .td .imgBox { height: 165px; } #frametype_home section.news .td img { position: static; } #frametype_home section.news .td img.replaceImg { position: absolute; } } @media(max-width:480px){ #frametype_home .en section.global h2 { font-size: 150%; } #frametype_home .en section.global .box h3 { font-size: 160%; } #frametype_home .en section.global .box p { font-size: 95%; } #frametype_home .en section.newborn h2 { font-size: 150%; } #frametype_home .en section.pamphlet .box dt { font-size: 95%; } #frametype_home .en section.newborn .box p { font-size: 85%; } #frametype_home .en section.newborn .box h3 { font-size: 100%; padding: 25px 0; } #frametype_home section.news .td img { position: absolute; } #frametype_home section.news .td img.replaceImg { margin: 55px 35px; } #frametype_home section.pamphlet { margin: 0 auto 80px; } } /* ------------------------------ ÏŒӹ²Í¨ ------------------------------ */ .language-chooser { position: absolute; top: 15px; z-index: 9999; } .language-chooser li { float: left; } .language-chooser li a { padding: 0 10px; background: #f4f4f4; border: 1px solid #ccc; } .language-chooser li span { font-size: 12px; } .language-chooser li.active a { background: #bbb; border: 1px solid #888; box-sizing: border-box; } #subPage section.feature .catchFeature { border-bottom: 4px solid #c6002f; } #subPage section.feature h2 { position: relative; width: 600px; margin-top: -44px; padding: 16px 0 24px; font-size: 30px; color: #fff; background: #c6002f; z-index: 50; } #subPage section.feature h2 small { display: block; text-align: center; line-height: 0.4em; font-size: 16px; } #subPage section.contHead h3 { margin: 0 auto 40px; font-size: 24px; font-weight: 500; text-align: center; border-bottom: 4px solid #c6002f; width: 90%; max-width: 940px; } #subPage section.contSub h3 { padding: 16px 0 13px; font-size: 24px; font-weight: 500; text-align: center; line-height: 1.2em; color: #fff; background: #282828; border-bottom: 3px solid #c6002f; } #subPage section.contHead h4, #subPage section.contSub h4 { width: 400px; margin: 40px auto; padding: 12px; text-align: center; font-size: 18px; font-weight: 500; color: #fff; background: #c6002f; } #subPage section.contHead p, #subPage section.contSub p { width: 90%; max-width: 1020px; padding-bottom: 60px; margin: auto; font-size: 14px; line-height: 2em; } #subPage .contHead img, #subPage .contSub img { display: block; margin: auto; } #subPage .points { position: relative; overflow: hidden; width: 1020px; margin: 0 auto 20px; box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px; -webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px; -moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 1px; } #subPage .points dl { float: left; width: 360px; padding: 20px; } #subPage .points dl.pointLast { width: 300px; } #subPage .points dt { padding-bottom: 10px; text-align: center; font-size: 18px; } #subPage .points dt, #subPage .points dd { color: #fff; } #subPage .pointMiddle dt { margin-left: -30px; } #subPage .pointMiddle dt, #subPage .pointMiddle dd { color: #474747; } #subPage .points dd { font-size: 12px; } #subPage .points .pointMiddle, #subPage .points .pointLast { position: relative; } #subPage .points .pointMiddle:before { position: absolute; top: 0; left: -70px; content: ''; display: block; clear: both; width: 0; height: 0; border-style: solid; border-width: 0 0 120px 70px; border-color: transparent transparent #fff transparent; } #subPage .points .pointLast:before { position: absolute; top: 0; left: -70px; content: ''; display: block; clear: both; width: 0; height: 0; border-style: solid; border-width: 0 0 120px 70px; border-color: transparent transparent #c6002f transparent; } #subPage section.revolution p { margin-top: 40px; } @media(max-width:1100px){ .language-chooser { left: 15px; top: 110%; } #subPage section.feature h2 { width: 50%; font-size: 24px; } #subPage section.feature h2 small { font-size: 14px; } #subPage section.contHead h3 { width: 580px; font-size: 20px; } #subPage section.contSub h3 { font-size: 20px; } #subPage .points { width: 90%; } #subPage .points dl { width: 35%; padding: 10px; } #subPage .points dl.pointLast { width: 30%; } #subPage .points dd { font-size: 14px; } } @media(max-width:790px){ .language-chooser { top: 15px; left: 10px; } #subPage section.feature .catchFeature { width: 100%; } #subPage section.feature h2 { margin: -28px auto 20px; padding: 8px 10px 10px; font-size: 18px; line-height: 1; } #subPage section.feature h2 small { font-size: 10px; line-height: 1; } #subPage section.contHead h3 { width: 90%; max-width: 400px; margin: 0 auto 20px; font-size: 16px; } #subPage section.contSub h3 { font-size: 16px; padding: 16px 20px 13px; } #subPage section.contSub h3 small { line-height: 0; font-size: 12px; } #subPage section.contHead h4, #subPage section.contSub h4 { width:60%; margin: 20px auto; font-size: 14px; } #subPage section.aim h4 { min-width:310px; } #subPage section.contHead p, #subPage section.contSub p { line-height: 1.6em; padding-bottom: 30px; } #subPage .points { margin-bottom: 40px; } #subPage .points dl { float: none; width: 100%; } #subPage .points dl.pointLast { width: 100%; } #subPage .pointMiddle dt { margin: 0; } #subPage .points dt { font-size: 16px; } #subPage .points dd { font-size: 12px; text-align: center; } #subPage section.revolution p { margin-top: 20px; } } @media(max-width:480px){ .language-chooser { position: fixed; } } /* ------------------------------ summary ------------------------------ */ #subPage .summary .listNewborn { width: 1020px; margin: auto; padding-bottom: 60px; } #subPage .summary .listNewborn li { position: relative; } #subPage .summary .listNewborn li div.tryS { position: absolute; bottom: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 80px 0 0 80px; border-color: transparent transparent transparent #c6002f; z-index: 100; } #subPage .summary .listNewborn li:nth-child(2) div.tryS, #subPage .summary .listNewborn li:nth-child(4) div.tryS { border-color: transparent transparent transparent #282828; } #subPage .summary .listNewborn li div.tryS span { display: block; position: absolute; left: -70px; bottom: 10px; width: 30px; height: 30px; } #subPage .summary .listNewborn li:first-child div.tryS span { background: url(/rising/component/static/img/subPage/icoSummary01.png) no-repeat; } #subPage .summary .listNewborn li:nth-child(2) div.tryS span { background: url(/rising/component/static/img/subPage/icoSummary02.png) no-repeat; } #subPage .summary .listNewborn li:nth-child(3) div.tryS span { background: url(/rising/component/static/img/subPage/icoSummary03.png) no-repeat; bottom: 5px; } #subPage .summary .listNewborn li:nth-child(4) div.tryS span { background: url(/rising/component/static/img/subPage/icoSummary04.png) no-repeat; } #subPage .summary .listNewborn li .imgBox { position: absolute; top: -20px; width: 260px; height: 200px; border: 1px solid #ccc; background: #fff; z-index: 1; } #subPage .summary .listNewborn li .imgBox span { position: absolute; width: 100%; top: 90px; text-align: center; font-size: 12px; } #subPage .summary .listNewborn img { position: absolute; top: -20px; z-index: 1; } #subPage .summary .listNewborn dl { margin: 30px 0 0 0; padding: 20px 80px 40px; background: #fff; border: 4px solid #c6002f; } #subPage .summary .listNewborn dl.odd { border: 4px solid #282828; } #subPage .summary .listNewborn dt { font-size: 20px; color: #c6002f; } #subPage .summary .listNewborn dd { padding-top: 20px; font-size: 14px; } #subPage .summary .listNewborn li a { position: absolute; bottom: 20px; right: 20px; font-size: 12px; color: #c6002f; } #subPage .summary .listNewborn li a:before { content: ''; display: block; clear: both; position: absolute; top: 3px; left: -14px; width: 8px; height: 9px; background: url(/rising/component/static/img/common/ico_arrrow_doubleRed.png) center center no-repeat; } #subPage .summary .goals { padding-bottom: 5%; background: url(/rising/component/static/img/subPage/imgSummary02.jpg) no-repeat; background-size: 100%; } #subPage .summary .goals .breakdown { width: 800px; height: 300px; margin: auto; background: url(/rising/component/static/img/common/bgWhite.png); } #subPage .summary .goals .breakdown ul { width: 600px; margin: auto; padding: 50px 0; } #subPage .summary .goals .breakdown li { color: #c6002f; font-size: 20px; font-weight: 600; } #subPage .summary .goals .breakdown li strong { color: #474747; font-size: 34px; } #subPage .summary .goals .breakdown li em { font-size: 34px; } #subPage .summary .goals .breakdown li em span { color: #c6002f; } #subPage .summary .goals .breakdown a { font-size: 12px; } @media(max-width:1100px){ #subPage .summary .listNewborn { width: 90%; } #subPage .summary .goals { background-size: 150%; } #subPage .summary .goals .breakdown { width: 90%; height: auto; } } @media(max-width:790px){ #subPage .summary .listNewborn { padding-bottom: 30px; } #subPage .summary .listNewborn dl { height: 160px; } #subPage .summary .listNewborn dt { font-size: 16px; } #subPage .summary .listNewborn dd { font-size: 12px; } } @media(max-width:680px){ #subPage .summary .listNewborn dl { height: 200px; } #subPage .summary .listNewborn dd { padding-top: 20px; } #subPage .summary .goals .breakdown li strong { font-size: 26px; } #subPage .summary .goals .breakdown li em { font-size: 26px; } #subPage .summary .goals .breakdown li { font-size: 18px; } } @media(max-width:580px){ #subPage .summary .listNewborn img { width: 180px; } #subPage .summary .listNewborn li div.tryS { border-width: 60px 0 0 60px; } #subPage .summary .listNewborn li div.tryS span { left: -55px; bottom: 0; background-size: 24px!important; } #subPage .summary .listNewborn li:nth-child(3) div.tryS span { bottom: -3px } #subPage .summary .listNewborn li .imgBox { width: 94%; height: 138px; } #subPage .summary .listNewborn li .imgBox span { top: 65px; } #subPage .summary .listNewborn dl { height: 160px; margin: 20px 0 0 0; padding: 20px 20px 0 20px; } #subPage .summary .listNewborn li:nth-child(3) dl, #subPage .summary .listNewborn li:nth-child(4) dl { height: 190px; } #subPage .summary .listNewborn dd { padding-top: 10px; } #subPage .summary .goals .breakdown ul { padding: 30px 0; } #subPage .summary .goals .breakdown li strong { font-size: 24px; } #subPage .summary .goals .breakdown li em { font-size: 24px; } #subPage .summary .goals .breakdown li { font-size: 16px; } } @media(max-width:540px){ #subPage .summary .goals .breakdown li strong { font-size: 20px; } #subPage .summary .goals .breakdown li em { font-size: 20px; } #subPage .summary .goals .breakdown li { font-size: 14px; } } @media(max-width:460px){ #subPage .summary .goals .breakdown ul { padding: 10px 0; } #subPage .summary .goals .breakdown li strong { font-size: 12px; } #subPage .summary .goals .breakdown li em { font-size: 12px; } #subPage .summary .goals .breakdown li { font-size: 10px; } } /* ------------------------------ newborn ------------------------------ */ #subPage .newborn .inner { width: 800px; margin: auto; padding: 0 0 30px; } #subPage .newborn section h3 { padding: 0 0 10px; background: rgba(198,0,47,0.6); border: none; } #subPage .newborn section h3.blk { background: rgba(0,0,0,0.6); } #subPage .newborn section h4 { position: relative; margin: 0; padding: 0 0 0 10px; color: #474747; font-size: 14px; font-weight: 600; text-align: left; background: none; } #subPage .newborn section h4:before { content: " "; display: inline-block; border: 6px solid transparent; border-left-color: #c6002f; position: absolute; left: 0; top: 3px; } #subPage .newborn .inner p { margin: 0 0 20px; padding: 0; line-height: 1.2em; } #subPage .newborn .bg { margin: 0 0 40px; padding: 140px 0; background-size: 100%!important; background-repeat: no-repeat!important; } #subPage .newborn #governance .bg { background: url(/rising/component/static/img/subPage/imgNewborn01.jpg); } #subPage .newborn #governance h3:before { position: relative; top: 20px; right: 15px; content: url(/rising/component/static/img/subPage/icoNewborn01.png); zoom: 0.5; } #subPage .newborn #learning .bg { background: url(/rising/component/static/img/subPage/imgNewborn02.jpg); } #subPage .newborn #learning h3:before { position: relative; top: 20px; right: 15px; content: url(/rising/component/static/img/subPage/icoNewborn02.png); zoom: 0.5; } #subPage .newborn #program .bg { background: url(/rising/component/static/img/subPage/imgNewborn03.jpg); } #subPage .newborn #program h3:before { position: relative; top: 20px; right: 15px; content: url(/rising/component/static/img/subPage/icoNewborn03.png); zoom: 0.5; } #subPage .newborn #global .bg { background: url(/rising/component/static/img/subPage/imgNewborn04.jpg); } #subPage .newborn #global h3:before { position: relative; top: 20px; right: 15px; content: url(/rising/component/static/img/subPage/icoNewborn04.png); zoom: 0.5; } @media(max-width:1300px){ #subPage .newborn .bg { padding: 140px 0 0; } } @media(max-width:790px){ #subPage .newborn .inner { width: 100%; padding: 0 20px 20px; } #subPage .newborn .bg { margin: 0 0 20px; padding: 80px 0 0; background-position: center center; } #subPage .newborn section.contSub h4 { width: 100%; } } @media(max-width:460px){ #subPage .newborn .bg { padding: 37px 0 0; } #subPage .newborn h3:before { zoom: 0.3!important; } } /* ------------------------------ newsarchive ------------------------------ */ #subPage .newsArchive .contHead { width: 1020px; margin: auto; } #contentArchive { position: relative; overflow: hidden; width: 90%; max-width: 1100px; margin: auto; padding-bottom: 60px; } #contentArchive .contentList { width: 49%; text-align: center; border-collapse: collapse; } #contentArchive .contentList:after { clear:both; } #contentArchive .contentList p { padding: 20px 0; text-align: center; font-size: 14px; font-weight: 600; } #contentArchive .contentList a { padding: 0 10px 20px; text-align: center; font-size: 14px; } #contentArchive .contentNews { float: left; } #contentArchive .contentReport { float: right; } #contentArchive h3 { padding: 10px 0; text-align: center; font-size: 18px; font-weight: 500; } #contentArchive .contentNews h3 { border: 1px solid #c6002f; border-bottom: none; color: #c6002f; } #contentArchive .contentReport h3 { border: 1px solid #282828; border-bottom: none; } #contentArchive .contentList .tr { border-top: 1px solid #c6002f; border-left: 1px solid #c6002f; box-sizing: border-box; position: relative; overflow: hidden; } #contentArchive .contentList .td { position: relative; float: left; width: 50%; text-align: center; border-bottom: 1px solid #c6002f; border-right: 1px solid #c6002f; box-sizing: border-box; } #contentArchive .contentList .td .ttlBox { height: 35px; margin: 0 0 15px; text-align: center; overflow: hidden; } #contentArchive .contentList .td .imgBox { width: 100%; height: 160px; overflow: hidden; } #contentArchive .contentList .td .imgBox a { width: 100%; padding: 0; } #contentArchive .contentList .td img { width: 100%; height: 100%; } #contentArchive .contentList .td img.replaceImg { width: 60%; margin: 25px; } #contentArchive .contentList .td a.arrow { position: absolute; bottom: 0; right: 0; padding: 0; } #contentArchive .contentReport .tr { border-top: 1px solid #282828; border-left: 1px solid #282828; } #contentArchive .contentReport .td { border-bottom: 1px solid #282828; border-right: 1px solid #282828; } #contentArchive .contentNews .linkNews { position: relative; margin: 20px 0 0; padding: 0; } #contentArchive .contentNews .linkNews:after { position: absolute; left: 10px; display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #c6002e transparent transparent transparent; } #contentArchive .contentReport .linkReport { position: relative; margin: 20px 0 0; padding: 0; } #contentArchive .contentReport .linkReport:after { position: absolute; left: 10px; display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #282828 transparent transparent transparent; } @media(max-width:1100px){ #contentArchive { width: 95%; } #contentArchive .contentList .td .imgBox { height: 115px; background-size: 100px; } } @media(max-width:790px){ #contentArchive .contentList .td { float: none; width: 100%; } #contentArchive .contentList .td .imgBox { height: 200px; background-size: 140px; } } @media(max-width:700px){ #contentArchive .contentList .td .imgBox { height: 160px; background-size: 120px; } } @media(max-width:550px){ #contentArchive .contentList .td .imgBox { height: 140px; } } @media(max-width:480px){ #contentArchive .contentList .td .imgBox { height: 120px; } } @media(max-width:410px){ #contentArchive .contentList .td .imgBox { height: 110px; background-size: 100px; } } /* ------------------------------ newsarchive ------------------------------ */ #subPage .newsDetail { padding: 0 0 60px; } #subPage .newsDetail h3 { margin: 0 0 40px; } #subPage .newsDetail h3 span { display: block; margin: 6px 0 0; color: #fff; font-size: 16px; text-align: center; } #subPage .newsDetail span.newsImg img { height: auto; } /* ------------------------------ development ------------------------------ */ /* ------------------------------ sitemap ------------------------------ */ #subPage .sitemap { position: relative; overflow: hidden; padding-bottom: 60px; } #subPage .sitemap .inner { width: 890px; margin: auto; } #subPage .sitemap ul { float: left; margin-right:90px; } #subPage .sitemap ul:last-child { margin: 0; } #subPage .sitemap ul li { margin-bottom: 10px; padding-left: 20px; background: #fff url(/rising//component/static/img/common/arrow_red.png) center left 8px no-repeat; } #subPage .sitemap ul li a { font-size: 14px; } @media(max-width:1100px){ #subPage .sitemap .inner { width: 740px; } #subPage .sitemap ul { margin-right:40px; } } @media(max-width:790px){ #subPage .sitemap { padding-bottom: 0; } #subPage .sitemap .inner { width: auto; } #subPage .sitemap ul { float: none; margin: 0 0 10px; border-bottom: 1px dotted #c6002f; } } /* ------------------------------ contact ------------------------------ */ #subPage .contact { position: relative; overflow: hidden; padding-bottom: 100px; } #subPage .contact p { padding-bottom: 40px!important; text-align: center; } #subPage .contact dl { width: 600px; margin: auto; } #subPage .contact dt { color: #000; font-size: 14px; font-weight: 600; } #subPage .contact dd {margin: 10px 0 20px; } #subPage .contact dt small { padding: 1px 4px 1px 4px; color: #fff; font-size: 10px; font-weight: 500; background: #c6002f; } #subPage .contact input { -webkit-appearance: none; border-radius: 0; } #subPage .contact input { width: 100%; height: 40px; background: #e8e8e8; border: none; } #subPage .contact textarea { width: 100%; max-width: 600px; min-height: 140px; background: #e8e8e8; border: none; -webkit-appearance: none; border-radius: 0; } #subPage .contact div { width: 600px; margin: auto; } #subPage .contact div.wpcf7-response-output { margin: 20px 0 0; padding: 0; text-align: center; font-size: 14px; font-weight: 600; color: #c6002f; border: none; } #subPage .contact span.wpcf7-not-valid-tip { margin: 6px 0 0; color: #c6002f; font-size: 12px; } #subPage .contact div .btnSend { width: 240px; margin: auto; } #subPage .contact input.wpcf7-submit { width: 240px; margin: auto; color: #fff; text-align: center; font-size: 14px; font-weight: 600; background: #c6002f; } @media(max-width:790px){ #subPage .contact { padding-bottom: 40px; } #subPage .contact .contSub { width: 100%; padding: 20px; } #subPage .contact dl { width: auto; margin: auto; } #subPage .contact div { width: auto; margin: auto; } #subPage .contact textarea { max-width: none; } } /* ------------------------------ footer ------------------------------ */ #pageFooter { clear: both; position: relative; height: 240px; padding: 30px 0 0; background: #292929; } #pageFooter .tryM { position: absolute; bottom: 70px; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 220px 800px; border-color: transparent transparent #292929 transparent; } #pageFooter .tryM a { position: absolute; top: 40px; right: 0px; width: 100px; font-size: 16px; color: #fff; } #pageFooter #footerNav { position: relative; z-index: 100; } #pageFooter #footerNav .inner { width: 700px; margin: 0 30px; padding: 20px; border-top: 1px dotted #fff; } #pageFooter #footerNav ul:first-child { margin: 0; } #pageFooter #footerNav ul { float: left; margin-left: 40px; } #pageFooter #footerNav ul li a { margin-bottom: 8px; color: #eaeaea; font-size: 13px; } #pageFooter .tryL { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 180px 760px; border-color: transparent transparent #ffffff transparent; } #pageFooter .tryL .logoRising a { position: absolute; top: 80px; right: 150px; display: block; width: 100px; height: 53px; background: url(/rising/component/static/img/common/logo_risingL.png) center center/100px 53px; z-index: 100; } #pageFooter .tryL .logoChibaUniv a { position: absolute; top: 50px; right: 30px; display: block; width: 100px; height: 83px; background: url(/rising/component/static/img/common/logo_chibaunivL.png) center center/100px 83px; z-index: 100; } #pageFooter #copyright { position: absolute; bottom: 0; width: 100%; padding: 4px 0; color: #fff; font-size: 12px; text-align: center; background: #c6002f; z-index: 120; } @media(max-width:1100px){ #pageFooter { height: 300px; } #pageFooter .tryM { bottom: 160px; border-width: 0 0 180px 800px; } #pageFooter .tryM a { top: 25px; right: -15px; font-size: 14px; } #pageFooter #footerNav .inner { width: 100%; margin: 0; } #pageFooter .tryL { border-width: 0 0 140px 800px; } #pageFooter .tryL .logoChibaUniv a { top: 30px; right: 20px; width: 80px; height: 63px; background-size: 80px 63px; } #pageFooter .tryL .logoRising a { top: 50px; right: 120px; width: 80px; height: 42px; background-size: 80px 42px; } } @media(max-width:790px){ #spFooter { padding: 20px 10px; background: #F2F2F2; } #spFooter ul li { padding: 9px 0 8px 20px; font-size: 12px; border-bottom: 1px solid #f5f5f5; background: #fff url(/rising//component/static/img/common/arrow_red.png) center left 8px no-repeat; } #spFooter ul li:first-child { padding-left: 10px; background: #c6002f url(/rising/component/static/img/common/arrow_white.png) center right 10px/6px 12px no-repeat; } #spFooter ul li:first-child a { color: #fff; } #pageFooter { height: 154px; padding: 0; } #pageFooter .tryM { display: none; } #pageFooter .inner { padding: 0!important; border-top: 0!important; } #pageFooter .inner ul { width: 100%; } #pageFooter .inner ul li { width: 100%; border-bottom: 1px dotted #eaeaea; } #pageFooter .inner ul li:last-child { border-bottom: 0; } #pageFooter .inner ul li a { padding: 8px 0 0 8px; font-size: 12px!important; } #pageFooter .tryL { border-width: 0 0 154px 220px; z-index: 100; } #pageFooter .tryL h2.logoChibaUniv a { top: 75px; right: 10px; width: 56px; height: 47px; background-size: 56px 47px; } #pageFooter .tryL h2.logoRising a { top: 95px; right: 76px; width: 50px; height: 27px; background-size: 50px 27px; } #pageFooter .tryL .toTop { position: absolute; top: 20px; right: 5px; color: #C6002F; width: 22px; text-align: center; font-size: 10px; line-height: 0.9em; letter-spacing: -0.2em; z-index: 100; } #pageFooter #copyright { font-size: 10px; } } /* ------------------------------ toHome ------------------------------ */ .toHome { position: absolute; font-size:12px; width: auto; height: auto; margin: 12px 0 0 10px; padding: 5px 8px; background: #fff; border-radius: 2px; } .toHome:hover { color: #fff; background: #c6002f; } @media screen and (max-width: 1024px ) { .toHome { position: absolute; margin: 17% 0 0 10px; padding: 10px; } } @media screen and (max-width: 767px ){ #header{overflow:hidden ;} .toHome { position: absolute; margin: 17% 0 0 10px; bottom: -36px; padding: 5px 8px; font-size: 10px; } }