@charset "utf-8"; /* 0.共通 1.ホーム */ #sp_header_1, #sp_search, #footer_bottom { display: none; } .fsize100p { font-size:100% !important; } .fsize120p { font-size:120% !important; } .fsize150p { font-size:150% !important; } .fsize180p { font-size:180% !important; } .fsize200p { font-size:200% !important; } @media screen and (min-width:641px) and (max-width:960px){ @import "/main/css/contents_base.css"; #gnav14, #header_base, #contents_base, #footer_top, #nav_wrap, #footer_bottom_base{ clear:both; width:960px; margin:0 auto; position:relative; } #footer_top, #contents_base, #gnav14, #gnav14 #gnav14_base, #main_images14_base{ width:960px; margin: auto; } #footer_top{ margin:0; width:960px; } #gnav14_base{ width:100%; } #nav_wrap{ width:955px; } #footer_top{ width:960px; margin:0 auto; } /* footer */ .fnav_14box{ width:218px; padding:15px 10px; float:left; position:relative; border-left:1px solid #DD8EAA; border-bottom:1px solid #DD8EAA; } #fnav01.fnav_14box, #fnav02.fnav_14box, #fnav03.fnav_14box, #fnav04.fnav_14box{ min-height:260px; } #fnav05.fnav_14box, #fnav06.fnav_14box, #fnav07.fnav_14box, #fnav08.fnav_14box{ min-height:230px; } .fnav_14box ul li { white-space:inherit !important; } footer #footer_bottom_base .footbnav{ width:50%; padding:0; font-size:11px; } footer #footer_bottom_base, footer #footer_top{ width:960px !important; } footer #footer_bottom_base{ padding:18px 0 0 0; } footer #footer_bottom_base p{ line-height:1.2em; font-size:12px; margin:0; text-align:right !important; color:#FFF; } .tb_towbn p{ margin-bottom:9px; } #home_cbnav ul li p{ font-size:13px; } .news_slide_art .news_slide_detail{ padding-right:21%; } #cc_main, #cc_head{ width:960px; } .cb_nav p{ margin:27px 0 0 0; } .cb_nav p#cb_icon6{ width:200px; height:42px; padding:-51px 10px 7px 0; } #gnav{ padding:0; } /* itteru add 130525 */ #main_contents{ width:72%; padding-right:0; } #side_nav{ width:220px; padding:0 0 20px; margin:0; } #side_nav li:hover{ /*background:url(../images/detail_side_nav_back.gif) no-repeat left center;*/ background-position:left -55px; } .cb_nav p{ padding:0 0.6% 8px 0; font-size:11px; } .cb_nav{ padding-top:30px; } .cb_nav p#cb_icon6{ padding:-13px 0 7px 0; margin:0; line-height:0; width:245px; height:51px; } .cb_nav p#cb_icon6 img{ width:100%; } #search_wrap{ position:absolute; display:none; width:320px; height:26px; padding:4px 5px; right:0; top:25px; background:#E01988; z-index:9999; } #onav1{ margin-left:0.5%; background:url(/main/images/common_images/onav_back.jpg) repeat-x -25px top; } #onav2{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -25px top; } #onav3{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -37px top; } #onav4{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -10px top; } #onav5{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -20px top; } #onav6{ margin-left:-100%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 60px top; } #onav7{ margin-left:-235%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 233px top; } #onav8{ margin-left:-96%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 39px top; } #campus_home #main_contents, #dept_main_wrap{ width:100% !important; padding:0 !important; } #news_more{ right:1%; } /* 141026 */ .typea #main_contents, .typeb #main_contents{ width:700px; padding:33px 0 0 0; } .typeb #main_contents{ padding:19px 0 0 0; } } @media screen and (min-width:960px) and (max-width:1200px){ @import "/main/css/contents_base.css"; #home header, #header_base{ width:100%; margin:0; } footer, #gnav, #header_base, #contents_base, #footer_top, #gnav_base, #nav_wrap, #footer_bottom_base{ width:100%; /*padding:0 1%;*/ } #footer_top, #contents_base, #gnav14 #gnav14_base, #main_images14_base{ width:960px; margin: auto; } .home_topic_one p{ font-size:10px; margin:0 0 5px 0; } .news_slide_art .news_slide_detail{ padding-right:21%; } /* footer */ .fnav_14box{ width:218px; padding:15px 10px; float:left; position:relative; border-left:1px solid #DD8EAA; border-bottom:1px solid #DD8EAA; } #fnav01.fnav_14box, #fnav02.fnav_14box, #fnav03.fnav_14box, #fnav04.fnav_14box{ min-height:260px; } #fnav05.fnav_14box, #fnav06.fnav_14box, #fnav07.fnav_14box, #fnav08.fnav_14box{ min-height:230px; } .fnav_14box ul li { white-space:inherit !important; } footer #footer_bottom_base .footbnav{ width:50%; padding:0; font-size:11px; } footer #footer_bottom_base, footer #footer_top{ width:960px !important; } footer #footer_bottom_base{ padding:18px 0 0 0; } .tb_towbn p{ margin-bottom:9px; } #cc_main, #cc_head{ width:100%; } .cb_nav p{ margin:27px 0 0 0; font-size:11px; } .cb_nav p#cb_icon6{ width:200px; height:42px; padding:-51px 10px 7px 0; } #campus_home #main_contents, #dept_main_wrap{ width:100% !important; padding:0 !important; } #news_more{ right:1%; } /* 新レイアウト微調整 ===================================================== */ /* 後ほど統合予定 */ .cb_nav p{ padding:0 0.6% 8px 0; } .cb_nav{ padding-top:30px; } .cb_nav p#cb_icon6{ padding:-13px 0 7px 0; margin:0; line-height:0; width:245px; height:51px; } .cb_nav p#cb_icon6 img{ width:auto; } /* itteru add 130525 */ #main_contents{ width:72%; padding-right:0; } #onav1{ margin-left:0.5%; background:url(/main/images/common_images/onav_back.jpg) repeat-x -25px top; } #onav2{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -25px top; } #onav3{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -37px top; } #onav4{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -10px top; } #onav5{ background:url(/main/images/common_images/onav_back.jpg) repeat-x -20px top; } #onav6{ margin-left:-100%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 80px top; } #onav7{ margin-left:-200%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 248px top; } #onav8{ margin-left:-85%; background:url(/main/images/common_images/onav_back.jpg) repeat-x 48px top; } /* 141026 */ .typea #main_contents, .typeb #main_contents{ width:700px; padding:33px 0 0 0; } .typeb #main_contents{ padding:19px 0 0 0; } } @media screen and (min-width:1200px){ @import "/main/css/contents_base.css"; #header_base, #contents_base, #footer_top, #gnav_base{ width:1200px; padding:0; /*padding:0 1%;*/ } #footer_top{ width:100%; padding:0; margin:0; } #footer_bottom_base{ width:100%; margin:0; } #cc_main, #cc_head{ width:100%; } #nav_wrap{ width:1195px; } .fnav_wrap h2{ font-size:81.25%; } .fnav_wrap ul li{ font-size:12px; } .fnav_wrap{ height:440px; } .cb_nav p{ margin:41px 0 0 0; font-size:13px; } .cb_nav{ padding-top:30px; } .cb_nav p#cb_icon6{ padding:-13px 0px 7px 0px; padding-right:0; margin:0; line-height:0; width:245px; height:51px; } .cb_nav p#cb_icon6 img{ width:auto; } #search_wrap{ /*right:2.7%;*/ } #home #search_wrap{ right:0; } /* ★new */ /* 新レイアウト微調整 ===================================================== */ /* 後ほど統合予定 */ .cb_nav p{ margin:25px 0 10px 0; } } footer, .over_nav, .home_news_wrap table th, .home_news_wrap table td, .home_event_wrap table th, .home_event_wrap table td, .topics_wrap h2{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; } /* 明朝 */ footer #footer_bottom_base p, .hnews_wrap p.date, .topics_wrap .date{ font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','MS P明朝','MS PMincho','メイリオ',serif; } /*フォントスタイル*/ .italic{ font-style:italic; display:inline; } /*点線消し*/ a { outline: none; } @charset "UTF-8"; /* _mixin.scss */ /* $font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", Helvetica, Arial, Verdana, sans-serif; $font-family--mincho: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN"; */ @media screen and (max-width: 640px) { body.header_fixed #layout { padding-top: 44px; } body.header_fixed #header_top { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; } } @media screen and (min-width: 640px) { body.header_fixed #layout { padding-top: 237px; } body.header_fixed header.cf { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; z-index: 9999; } } /* ## .address-1 */ .address-1 { position: relative; padding: 18px 14px; color: #fff; background: #cf1030; } .address-1 img { vertical-align: top; } .address-1 p { margin: 1em 0 0; color: #fff; font-size: 14px; line-height: 1.4; } .address-1 strong { font-size: 125%; font-style: normal; } .address-1 small { font-size: 75%; } .address-1 a { color: #fff; } .address-1 a:hover { color: #fff; } .address-1__h1 { padding: 0; color: #fff; font-size: 107%; font-weight: normal; line-height: 1.4; } @media screen and (min-width: 640px) { .address-1 { width: 406px; padding: 28px; margin: 0 0 0 auto; } .address-1__h1 { font-size: 150%; } } /* ## .banner_open-campus-1 */ .banner_open-campus-1 { margin: 12px 0 0; text-align: center; } .banner_open-campus-1 img { vertical-align: top; } @media screen and (min-width: 640px) { .banner_open-campus-1 { display: block; position: absolute; top: 17px; right: 135px; margin: 0; text-align: left; } .banner_open-campus-1:hover img { opacity: .7; } } /* ## .banner-1 */ .banner-1 { padding: 8px 0; text-align: center; color: #cf1030; font-size: 138%; text-decoration: none; border: solid 1px #cf1030; border-radius: 3px; } .banner-1:hover { text-decoration: none; } .banner-1 img { vertical-align: top; } /* ## .button-5 */ .button-5 { display: inline-block; padding-left: 14px; background: url(../images/shared/button-5__icon.png) no-repeat 0 44%; background-size: 7px 8px; } /* ## .button-4 */ .button-4 { display: block; padding: 11px 0 10px; color: #cf1030; font-size: 82%; font-weight: bold; line-height: 1.2; text-align: center; background: #ffddde; } .button-4 span { display: inline-block; padding-right: 14px; background: url(../images/sp/button-4__icon.png) no-repeat 100% 50%; background-size: 10px 9px; } .button-4 img { vertical-align: top; } /* ## .button-3 */ .button-3__wrapper { margin-top: 20px; text-align: center; } .button-3, .button-3-2, .button-3-3 { display: inline-block; padding: 5px 34px 5px 24px; font-size: 100%; text-align: center; border: solid 1px #000; background: url(../images/sp/button-3__icon-1.png) no-repeat 100% 50%; background-size: 28px 10px; } .button-3 img, .button-3-2 img, .button-3-3 img { vertical-align: top; } .button-3-2 { background-image: url(../images/sp/button-3__icon-2.png); } .button-3-3 { background-image: url(../images/sp/button-3__icon-3.png); background-size: 18px 6px; } @media screen and (min-width: 640px) { .button-3__wrapper { display: none; } .button-3, .button-3-2, .button-3-3 { display: none; } } /* ## .button-2 */ .button-2 { display: inline-block; padding: 0 0 0 12px; color: #cf1030; font-size: 94%; line-height: 1; text-decoration: none; background: url(../images/pc/button-2__icon.png) no-repeat 0 44%; } .button-2:hover { color: #cf1030; text-decoration: underline; } /* ## .button-1 */ .button-1 { display: block; padding: 4px 0; color: #cf1030; font-size: 88%; font-weight: bold; text-align: center; border: solid 1px #cf1030; border-radius: 3px; text-decoration: none; } .button-1 img { vertical-align: top; } @media screen and (min-width: 640px) { .button-1 { font-size: 138%; padding: 8px 0; } } /* ## .button_close-1 */ .button_close-1 { display: block; overflow: hidden; position: relative; height: 36px; text-align: left; text-indent: -9999px; background: #cf1030 url(../images/sp/button_close-1.png) no-repeat 50% 50%; background-size: 75px 13px; } .button_close-1 img { vertical-align: top; } /* ## .figure-1 */ /* ## .carousel-2 */ .carousel-2 { position: relative; padding: 0 30px; } .carousel-2 img { vertical-align: top; } .carousel-2 .slick-prev, .carousel-2 .slick-next { display: none !important; } .carousel-2 .slick-dots { margin-top: 15px; font-size: 0; line-height: 0; text-align: center; } .carousel-2 .slick-dots li { display: inline-block; margin: 0 5px; } .carousel-2 .slick-dots li:hover button, .carousel-2 .slick-dots li.slick-active button { background-color: #cf1030; } .carousel-2 .slick-dots li button { -moz-appearance: none; -webkit-appearance: none; border: 0; margin: 0; padding: 0; width: 10px; height: 10px; font-size: 0; line-height: 0; vertical-align: top; background-color: #a0a0a0; border-radius: 5px; outline: none; cursor: pointer; } .carousel-2__item { *zoom: 1; } .carousel-2__item:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .carousel-2__item__icon { margin: 0; line-height: 1.4; } .carousel-2__item__title { margin: .3em 0 0; font-size: 88%; line-height: 1.4; } .carousel-2__item__1 { float: left; } .carousel-2__item__2 { overflow: hidden; position: relative; padding-left: 20px; } @media screen and (min-width: 640px) { .carousel-2 .slick-prev, .carousel-2 .slick-next { display: block !important; -moz-appearance: none; -webkit-appearance: none; border: 0; margin: 0; padding: 0; position: absolute; top: 52px; width: 14px; height: 16px; font-size: 0; line-height: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; outline: none; cursor: pointer; } .carousel-2 .slick-prev:hover, .carousel-2 .slick-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .carousel-2 .slick-prev { left: 0; background-image: url(../images/pc/carousel-2__prev.png); } .carousel-2 .slick-next { right: 0; background-image: url(../images/pc/carousel-2__next.png); } .carousel-2__item__title { margin: .8em 0 0; line-height: 1.7; } } /* ## .carousel-1 */ .carousel-1 { position: relative; } .carousel-1 img { vertical-align: top; } .carousel-1__viewport { overflow: hidden; position: relative; width: 100%; } .carousel-1__arrow { display: none; } .carousel-1__item a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .carousel-1__item img { width: 100%; height: auto; } .carousel-1__pointers { padding: 10px 0; font-size: 0; line-height: 0; text-align: center; background: #eee; } .carousel-1__pointer { display: inline-block; width: 40px; height: 5px; margin: 0 10px; background: #a0a0a0; } .carousel-1__pointer img { display: none; } .carousel-1__pointer:hover, .carousel-1__pointer.is-active { background: #cf1030; } @media screen and (min-width: 640px) { .carousel-1 { width: 1200px; margin: 0 auto; } .carousel-1__item img { width: 100%; height: auto; } .carousel-1__arrow { display: block; position: absolute; top: 50%; width: 50px; height: 50px; margin: -25px 0 0; padding: 0; border: 0; background-repeat: no-repeat; background-position: 0 0; cursor: pointer; z-index: 1900; } .carousel-1__prev { left: 0; background-image: url(../images/pc/carousel-1__prev.png); } .carousel-1__next { right: 0; background-image: url(../images/pc/carousel-1__next.png); } .carousel-1__pointers { padding: 5px 0; font-size: 0; line-height: 0; text-align: center; background: url(../images/pc/carousel-1__pointers__bg.png) repeat 50% 0; } .carousel-1__pointer { display: inline-block; position: relative; width: auto; height: auto; margin: 5px; vertical-align: top; background-color: #fff; cursor: pointer; } .carousel-1__pointer img { display: block; } .carousel-1__pointer:hover img, .carousel-1__pointer.is-active img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .carousel-1__pointer:hover .carousel-1__pointer__active, .carousel-1__pointer.is-active .carousel-1__pointer__active { display: block; } .carousel-1__pointer__active { display: none; position: absolute; top: 0; left: 0; width: 143px; height: 50px; border: solid 2px #cf1030; } } /* ## .gnav-1 */ .gnav-1 { overflow: visible; position: relative; color: #fff; background-color: #cf1030; z-index: 9988; } .gnav-1__items { overflow: visible; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; font-size: 94%; font-weight: bold; } .gnav-1__items:first-of-type .gnav-1__item { border-top: 0; } .gnav-1__item { box-sizing: border-box; width: 33%; font-size: 100%; border: solid 1px #fff; border-right: 0; border-bottom: 0; } .gnav-1__item:first-of-type { width: 34%; border-left: 0; } .gnav-1__anchor { display: table; width: 100%; color: #fff; text-decoration: none; } .gnav-1__anchor:hover { color: #fff; text-decoration: none; } .gnav-1__anchor > span { display: table-cell; position: relative; height: 45px; font-size: 94%; line-height: 1.1; text-align: center; vertical-align: middle; } .gnav-1__anchor > span span { display: none; } .gnav-1__anchor .c-1, .gnav-1__anchor .c-2, .gnav-1__anchor .c-3 { display: none; } .gnav-1__anchor:hover, .gnav-1__item.is-active .gnav-1__anchor { color: #cf1030; background-color: #fff; } @media screen and (min-width: 640px) { .gnav-1__items { display: block; width: 1199px; margin: 0 auto; font-size: 100%; font-weight: normal; padding-right: 1px; background: url(../images/pc/gnav-1__border.png) no-repeat 100% 50%; *zoom: 1; } .gnav-1__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .gnav-1__item { float: left; width: 171px !important; padding: 4px 0 4px 1px; border: 0; background: url(../images/pc/gnav-1__border.png) no-repeat 0 50%; } .gnav-1__item-3 { width: 173px !important; } .gnav-1__anchor > span { height: 52px; font-size: 113%; } .gnav-1__anchor .c-1 { position: absolute; bottom: -12px; left: 0; width: 100%; height: 20px; background-color: #fff; } .gnav-1__anchor .c-2 { position: absolute; top: 0; left: -1px; width: 2px; height: 52px; background-color: #fff; } .gnav-1__anchor .c-3 { position: absolute; top: 0; right: -1px; width: 2px; height: 52px; background-color: #fff; } .gnav-1__anchor small { font-size: 69%; } .gnav-1__anchor:hover .c-2, .gnav-1__anchor:hover .c-3, .gnav-1__item.is-active .gnav-1__anchor .c-2, .gnav-1__item.is-active .gnav-1__anchor .c-3 { display: block; } .gnav-1__item.is-active .gnav-1__anchor .c-1, .gnav-1__item.is-active .gnav-1__anchor .c-2, .gnav-1__item.is-active .gnav-1__anchor .c-3 { display: block; } .gnav-1__item.is-active .gnav-1__anchor .c-2, .gnav-1__item.is-active .gnav-1__anchor .c-3 { height: 58px; } } /* ## .header-1 */ /* ## .icon-1 */ .icon-1 { display: inline-block; min-width: 100px; padding: 2px 5px; color: #cf1030; font-size: 75%; line-height: 1; text-align: center; border: solid 1px #e78797; vertical-align: middle; } /* ## .icon_document-request-1 */ .icon_document-request-1 { display: none; } @media screen and (min-width: 640px) { .icon_document-request-1 { display: block; position: absolute; top: 0; right: 0; width: 120px; font-size: 18px; } .icon_document-request-1 a { display: block; padding: 48px 0 0; height: 34px; color: #fff; text-align: center; background: #cf1030 url(../images/pc/icon_document-request-1.png) no-repeat 50% 16px; } .icon_document-request-1 a:hover { text-decoration: none; opacity: .7; } } /* ## .icon_search-1 */ .icon_search-1 { display: inline-block; overflow: hidden; position: relative; width: 34px; height: 34px; background: url(../images/sp/icon_search-1.png) no-repeat 0 0; background-size: 34px 34px; text-indent: -9999px; vertical-align: middle; } /* ## .icon_sns-1 */ .icon_sns-1 { overflow: hidden; position: relative; } .icon_sns-1 img { vertical-align: top; } .icon_sns-1__items { /*margin-left: -10px;*/ zoom: 1; list-style: none; } .icon_sns-1__items:after { content: ""; display: block; clear: both; } .icon_sns-1__item { float: left; margin-left: 5px; line-height: 1.4; } .icon_sns-1__item a:hover { opacity: .7; } /* ## .keyvisual-1 */ /* ## .list-3 */ .list-3 { font-size: 100%; } .list-3 img { vertical-align: top; } .list-3__h1 { padding: 0; font-size: 107%; font-weight: normal; line-height: 1.4; } .list-3__items { list-style: none; } .list-3__item { margin-top: .2em; font-size: 82%; line-height: 1.4; } .list-3__item a { display: inline-block; padding: 0 0 0 11px; background: url(../images/pc/list-3__item__icon.png?ver=2) no-repeat 0 50%; } nav.list-3 .list-3__item { font-size: 88%; } @media screen and (min-width: 640px) { .list-3__item { font-size: 107%; } .list-3-2 .list-3__items { *zoom: 1; } .list-3-2 .list-3__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .list-3-2 .list-3__item { float: left; width: 44%; } } /* ## .list-2 */ .list-2 { overflow: hidden; position: relative; margin: 0 15px; font-size: 88%; } .list-2 img { vertical-align: top; } .list-2__items { position: relative; margin: -8px 0 0; line-height: 1.4; list-style: none; } .list-2__item { float: none; margin: 8px 0 0; font-size: 100%; line-height: 1.4; } @media screen and (min-width: 640px) { .list-2 { overflow: hidden; position: relative; width: 1200px; margin: 0 auto; } .list-2__items { position: relative; margin: -20px -10px 0; *zoom: 1; } .list-2__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .list-2__item { float: left; width: 590px; margin: 20px 10px 0; } } /* ## .list-1 */ .list-1 { position: relative; font-size: 88%; } .list-1 img { vertical-align: top; } .list-1__items { border-top: dotted 1px #000; list-style: none; } .list-1__item { display: none; padding: 16px 20px; border-bottom: dotted 1px #000; font-size: 100%; line-height: 1.4; *zoom: 1; } .list-1__item:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .list-1__item:nth-of-type(1), .list-1__item:nth-of-type(2), .list-1__item:nth-of-type(3), .list-1__item:nth-of-type(4), .list-1__item:nth-of-type(5) { display: block; } .list-1__item__date { float: left; margin: 0; line-height: 1.4; } .list-1__item__icon { float: left; margin: 0; padding-left: 10px; line-height: 1.4; } .list-1__item__text { clear: both; margin: 0; padding: .5em 0 0; line-height: 1.4; } @media screen and (min-width: 640px) { .list-1 { overflow-y: scroll; height: 376px; } .list-1__item { display: block !important; } } /* ## .list-1_pc */ .list-1_pc { overflow: hidden; position: relative; margin: 0 15px; font-size: 88%; } .list-1_pc img { vertical-align: top; } .list-1_pc__items { position: relative; margin: 0 auto -10px; list-style: none; } .list-1_pc__item { width: 285px; margin-bottom: 10px; background-color: #fff; } .list-1_pc__item img { width: 100%; height: auto; } .list-1_pc__item a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } @media screen and (max-width: 640px) { .list-1_pc__item { width: 100% !important; } } @media screen and (min-width: 640px) { .list-1_pc { max-width: 1200px; margin: 0 auto; } .list-1_pc__items { width: auto; margin-bottom: -20px; } .list-1_pc__item { width: auto; margin-bottom: 20px; } .list-1_pc__item img { width: auto; } } /* ## .megamenu-1 */ .megamenu-1 img { vertical-align: top; } .megamenu-1__contents { display: none; } @media screen and (min-width: 640px) { .megamenu-1__contents { position: absolute; top: 60px; left: 0; margin: 0 -2px -2px; background-color: #fff; border: solid 2px #cf1030; border-top: 0; } .megamenu-1__inner { padding: 28px 34px 24px; *zoom: 1; } .megamenu-1__inner:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .megamenu-1__1 { float: left; padding-left: 40px; } .megamenu-1__1:first-of-type { padding-left: 0; } } /* ## .nav-5 */ .nav-5 { display: none; } @media screen and (min-width: 640px) { .nav-5 { display: block; position: relative; } .nav-5 img { vertical-align: top; } .nav-5__h1 { margin-bottom: .2em; padding: 0; color: #cf1030; font-size: 113%; } .nav-5__h2 { margin-top: .2em; padding: 0; font-size: 94%; /* a { display: inline-block; padding-left: 16px; color: inherit; background: url(../images/pc/nav-5__item__icon.png?ver=2) no-repeat 1px 9px; } */ } .nav-5__item { margin-top: .1em; line-height: 1.4; } .nav-5__item a { display: inline-block; padding-left: 16px; background: url(../images/pc/nav-5__item__icon.png?ver=2) no-repeat 1px 5px; } .nav-5__item span { display: inline-block; color: #aaa; } } /* ## .nav-4 */ .nav-4 { overflow: hidden; position: relative; } .nav-4 img { vertical-align: top; } .nav-4__items { position: relative; margin: 0 -6px; } .nav-4__item { display: inline-block; margin: 0 6px; font-weight: bold; line-height: 1.2; } @media screen and (min-width: 640px) { .nav-4__item { font-size: 16px; } .nav-4__item a { color: #cf1030; text-decoration: none; } .nav-4__item a:hover { text-decoration: underline; } } /* ## .nav-3 */ .nav-3 { position: relative; } .nav-3 img { vertical-align: top; } .nav-3__items { border: solid 2px #db0e30; border-right: 0; border-bottom: 0; line-height: 1; *zoom: 1; } .nav-3__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .nav-3__item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; border: solid 2px #db0e30; border-top: 0; border-left: 0; } .nav-3__item a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .nav-3__item img { width: 100%; height: auto; } @media screen and (min-width: 640px) { .nav-3 { width: 1200px; margin: 0 auto; } .nav-3__items { border: solid 2px #db0e30; border-right: 0; border-bottom: 0; *zoom: 1; } .nav-3__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .nav-3__item { float: left; width: auto; border: solid 2px #db0e30; border-top: 0; border-left: 0; } .nav-3__item a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } } /* @media screen and ( max-width: $breakpoint-1 ) { } */ /* ## .nav-2 */ .nav-2 { overflow: hidden; position: relative; font-size: 88%; } .nav-2 img { vertical-align: top; } .nav-2__items { margin: 0 0 0 0; *zoom: 1; } .nav-2__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .nav-2__item { float: left; font-size: 100%; border-left: solid 1px #7f7f7f; } .nav-2__item:first-of-type { border-left: 0; } .nav-2__item a { display: inline-block; padding: 4px 10px; } /* ## .nav-1 */ .nav-1 { overflow: hidden; position: relative; } .nav-1 img { vertical-align: top; } .nav-1__items { position: relative; margin: 8px 0; font-size: 13px; line-height: 1.1; } .nav-1__item { display: inline-block; margin: 2px 6px 0; padding-left: 12px; font-size: 100%; text-align: left; line-height: 1.2; background: url(../images/pc/nav-1__icon.png) no-repeat 0 3px; vertical-align: middle; } /* .nav-1 { overflow: hidden; position: relative; } .nav-1__items { position: relative; margin-left: -28px; font-size: 13px; @include legacy-pie-clearfix; } .nav-1__item { float: left; margin-left: 28px; padding-left: 12px; font-size: 100%; background: url(../images/pc/nav-1__icon.png) no-repeat 0 50%; } */ /* ### .search_wrap2 */ .search_wrap2 { clear: both; float: left; /* width: 367px; */ /* height: 24px; */ /* padding: 5px 5px 4px 5px; */ right: 0; top: 25px; margin-right: 1px; padding: 1px 1px 1px 28px; background: #db0e30 url(../images/sp/input-1__icon.png) no-repeat 0 50%; background-size: 28px 26px; z-index: 9999; /* input[type="text"] { width: 180px; padding: 8px 10px; font-size: 12px; border: 0; background: #fff; outline: 0; } */ /* input[type="submit"] { } */ } @media screen and (min-width: 640px) { .search_wrap2 { padding-left: 36px; background-image: url(../images/pc/input-1__icon.png); background-size: auto auto; background-position: 10px 50%; } } .search_text { width: 100px; height: 22px; font-size: 14px; border: none; float: none; background: #8D0635; font-size: 75% !important; padding: 2px 0 2px 6px; background: #fff; border: 0; border-radius: 0; outline: 0; -webkit-appearance: none; appearance: none; vertical-align: top; } .search_btn { display: none; _visibility: hidden; } @media screen and (min-width: 640px) { .search_text { width: 190px; height: 30px; padding: 2px 0 2px 10px; } } /* ## .debug-bar-1 */ .debug-bar-1 { position: absolute; left: 0; width: 100%; font-size: 0; line-height: 0; border-top: solid 2px green; z-index: 9999; } /* ## .pagetop-1 */ .pagetop-1 { position: relative; max-width: 1200px; margin: 30px 0 12px; } .pagetop-1 img { vertical-align: top; } .pagetop-1 a { display: block; overflow: hidden; position: relative; width: 88px; height: 15px; margin: 0 auto; background: url(../images/pc/pagetop-1.png) no-repeat 0 0; text-indent: -9999px; } .pagetop-1 a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } @media screen and (min-width: 640px) { .pagetop-1 { margin: 42px auto 10px; } .pagetop-1 a { margin: 0 0 0 auto; } } /* ## .paragraphs-1 */ .paragraphs-1 img { vertical-align: top; } .paragraphs-1 p { margin-top: 1em; } /* ## .section-3 */ .section-3 { position: relative; padding: 10px; background: #fff; *zoom: 1; } .section-3:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .section-3 img { vertical-align: top; } .section-3__contents { font-size: 100%; } .section-3__1 { float: left; width: 100px; } .section-3__1 img { width: 100%; height: auto; } .section-3__2 { overflow: hidden; position: relative; padding: 0 10px 0 12px; } .section-3__h1 { color: #cf1030; padding: 0; font-size: 107%; line-height: 1.4; } @media screen and (min-width: 640px) { .section-3__1 { width: 146px; } .section-3__2 { padding: 2px 20px 0 22px; } .section-3__h1 { font-size: 157%; } } /* ## .section-2 */ .section-2 { position: relative; } .section-2 img { vertical-align: top; } .section-2__h1 { padding: 0; color: #cf1030; font-size: 157%; text-align: center; } .section-2__contents { margin-top: 9px; padding-top: 1px; } @media screen and (min-width: 640px) { .section-2__contents { margin-top: 26px; } } /* ## .section-1 */ .section-1 { position: relative; } .section-1 img { vertical-align: top; } .section-1__h1 { padding: 0; color: #cf1030; font-size: 157%; line-height: 1.4; text-align: center; } .section-1__lead { margin: .6em 0 0; font-size: 88%; line-height: 1.4; text-align: center; } .section-1__contents { position: relative; margin-top: 15px; padding: 13px 0 15px; background: url(../images/pc/section-1__contents__bg.png) repeat 50% 0; } @media screen and (min-width: 640px) { .section-1__h1 { font-size: 188%; } .section-1__lead { font-size: 113%; } .section-1__contents { margin-top: 28px; padding: 28px 0 35px; } } /* ## .section-1_pc */ .section-1_pc { position: relative; } .section-1_pc img { vertical-align: top; } .section-1_pc__header { display: none; padding: 0 0 12px; border-bottom: solid 5px #cf1030; *zoom: 1; } .section-1_pc__header:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .section-1_pc__header__1 { float: left; } .section-1_pc__header__2 { float: right; padding-top: 20px; } .section-1_pc__h1 { padding: 0; color: #cf1030; font-size: 188%; } .section-1_pc__contents { position: relative; margin-top: 20px; } @media screen and (min-width: 640px) { .section-1_pc__header { display: block; } } /* ## .section-1_sp */ .section-1_sp img { vertical-align: top; } /* ## */ .tab-1 img { vertical-align: top; } .tab-1__nav { border-bottom: solid 3px #cf1030; } .tab-1__nav__items { padding-left: 1px; font-size: 100%; list-style: none; *zoom: 1; } .tab-1__nav__items:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .tab-1__nav__item { float: left; width: 40%; margin-left: 14px; font-size: 125%; line-height: 1.1; } .tab-1__nav__item a { display: block; position: relative; height: 30px; padding: 8px 0 0 10px; padding: 8px 10px 0 10px; color: #cf1030; border: solid 1px #cf1030; border-right: 0; border-bottom: 0; background-color: #fff; } .tab-1__nav__item a.is-active { color: #fff; background-color: #cf1030; z-index: 1000; } .tab-1__nav__item a.is-active:after { border-bottom-color: #cf1030; } .tab-1__nav__item a:hover { text-decoration: none; } .tab-1__nav__item a:after { display: block; position: absolute; top: 0px; right: -19px; height: 0; width: 0; content: ""; border-top: solid 0 transparent; border-left: solid 0 transparent; border-right: solid 19px transparent; border-bottom: solid 38px #fff; } .tab-1__nav__item a:before { display: block; position: absolute; top: -1px; right: -20px; height: 0; width: 0; content: ""; border-top: solid 0 transparent; border-left: solid 0 transparent; border-right: solid 20px transparent; border-bottom: solid 40px #cf1030; } @media screen and (min-width: 640px) { .tab-1 { display: none; } } /* ## .video-1 */ .video-1 { position: relative; width: 100%; padding: 56.2% 0 0; } .video-1 img { vertical-align: top; } .video-1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 640px) { .video-1 { width: 100%; } } /* ## #fnav-2 */ #fnav-2 { display: none; } @media screen and (min-width: 640px) { #fnav-2 { display: block; } } /* ## #fnav */ #fnav { display: none; overflow: hidden; position: relative; margin-top: 8px; background: url(../images/pc/fnav__bg.png) no-repeat 50% 100%; } #fnav__contents { position: relative; width: 1200px; margin: 0 auto; padding: 42px 0 60px; } .fnav__columns { position: relative; margin-left: -50px; *zoom: 1; } .fnav__columns:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .fnav__column { float: left; width: 200px; margin-left: 50px; } .fnav__1 { clear: both; } /* ### .fnav__trigger */ .fnav__trigger { display: none; position: relative; padding: .6em 0; color: #fff; font-size: 138%; text-align: center; background: #cf1030; } .fnav__trigger span { display: inline-block; padding: 0 26px; background-repeat: no-repeat; background-position: 100% 50%; } .fnav__trigger:hover { color: #fff; text-decoration: none; } .fnav__trigger.is-active { display: none; } .fnav__open span { background-image: url(../images/pc/fnav__open__icon.png); } .fnav__close span { background-image: url(../images/pc/fnav__close__icon.png); } @media screen and (max-width: 640px) { #fnav { display: none !important; } } @media screen and (min-width: 640px) { .fnav__trigger { display: block; } } /* ### .fnav__nav-1 */ .fnav__nav-1 { position: relative; margin-top: 34px; } .fnav__nav-1:first-of-type { margin-top: 0; } .fnav__nav-1__h1 { margin-bottom: .6em; padding: 0 0 6px; color: #cf1030; font-size: 138%; line-height: 1.1; border-bottom: solid 2px #cf1030; } .fnav__nav-1__h1 small { font-size: 69%; } .fnav__nav-2 { margin-top: 1em; } .fnav__nav-2__h1 { position: relative; margin: 0 -20px 0 0; padding: 0; color: #cf1030; font-size: 113%; } /* ### .fnav__list-1 */ .fnav__list-1 { margin-top: .4em; } .fnav__list-1__item { margin-top: .4em; font-size: 13px; line-height: 1.4; } .fnav__list-1__item a { display: inline-block; padding: 0 0 0 12px; text-decoration: none; background: url(../images/pc/fnav__list-1__item__icon.png) no-repeat 0 4px; } .fnav__list-1__item a:hover { text-decoration: underline; } .fnav__list-1__item span { display: inline-block; color: #aaa; } /* ### */ .fnav__list-2 { margin-top: .8em; } .fnav__list-2__item { margin-top: .8em; } .fnav__list-2__item .fnav__list-1 { padding-left: 20px; } .fnav__list-2__item__title { margin: 0; font-size: 94%; } /* ## #footer */ /* ## */ #gnaven { display: none !important; } @media screen and (min-width: 640px) { #header, #gnav { display: block; } } /* # 状態 */ /* ## .is-fixed-bottom */ .is-fixed-bottom { position: fixed; left: 0; bottom: 0; } /* ## none */ .is-none { display: none !important; } @media screen and (min-width: 640px) { .is-pc-none { display: none !important; } .is-pc-block { display: block !important; } } @media screen and (max-width: 640px) { .is-sp-none { display: none !important; } .is-sp-block { display: block !important; } } /* 2017.11.07 add */ .homeNav{ display: flex;} .homeNav img{ max-width: 100%; height: auto;} .homeNav ul{ display: flex; flex-wrap: wrap;list-style: none; margin: 0; padding: 0;border-right: 4px solid #D01B2E;border-bottom: 4px solid #D01B2E;} .homeNav ul li{ width: 50%; box-sizing: border-box; border-top: 4px solid #D01B2E; border-left: 4px solid #D01B2E;} .homeNav ul li.nav01{ width: 100%; } .homeNav ul li img{ display: block;} /* forStudent */ .homeNav ul.forStudent{ border-color: #FA4A92;} .homeNav ul.forStudent li{ border-color: #FA4A92;} @media screen and (max-width: 640px) { .homeNav ul{ width: 50%; box-sizing: border-box;} .homeNav ul li{ width: 100%;} } /*追加*/ @media screen and (min-width: 641px) { .page_title_wrap_1803 { line-height: 0; /* margin-top: -40px; */ padding: 45px 0 20px 0; height: 83px; background-image: url(/main/images/common_images/title_shade.gif); background-repeat: repeat-x; /* min-height: 83px; */ } #main_contents .page_title_1803 { line-height:1.4em; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, "Times New Roman", serif; font-size:28px; font-weight:normal; } #main_contents .sub_title_1907 { line-height:1 !important; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, "Times New Roman", serif; font-size:22px; font-weight:normal; font-weight:bold; } .pc_off { display:none; } .bb_solid_A { border-bottom:1px solid #CCC; margin-bottom:30px; padding-bottom:30px; } @media screen and (max-width: 640px) { .page_title_wrap_1803 { line-height: 0; /* margin-top: -40px; */ /* min-height: 83px; */ } #main_contents .page_title_1803 { line-height:1.4em; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, "Times New Roman", serif; font-size:28px; font-weight:normal; } #main_contents .page_title_1803 p { float: left; margin: 0; padding: 20px 0 0 23px; vertical-align: bottom; } #main_contents .sub_title_1907 { line-height:1 !important; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, "Times New Roman", serif; font-size:22px; font-weight:normal; font-weight:bold; } .sp_off { display:none; } .bb_solid_A { border-bottom:1px solid #CCC; margin-bottom:20px; padding-bottom:20px; } } .h_juken { text-align: center; margin-bottom: 60px; background: url(../entrance/admission/img/examination_ttl_bg.png) no-repeat center; background-position: cemter center; border:0 !important; } .h_juken strong { padding:10px; border:1px solid #333; background-color:#FFF; } /* TOP:2020年度 新入学生の皆さんへ */ #covid19_202004 { text-align: center; margin-top: 40px; } #covid19_202004 .sp { display: none; } #covid19_202004 a { text-decoration: none; } .btn_red { display: inline-block; background-color: #CF1030; padding: 5px 10px; color: #FFF; text-decoration: none; } /* 202004:学内マップ */ #map2020_sect1 { margin-top: 40px; } #map2020_sect1 .left { width: 59%; float: left; } #map2020_sect1 .left img { width: 100%; height: auto; } #map2020_sect1 .right { width: 39%; float: right; } #map2020_sect1 .right h4 { border-left: 10px solid #CF1030; padding-left: 5px; margin-bottom: 10px; color: #CF1030; } #map2020_sect2 { margin-top: 40px; } #map2020_sect2 li { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; } #map2020_sect2 li h4 { font-size: 110%; } #map2020_sect2 li:nth-child(2n) { margin-right: 0; } #map2020_sect2 li:nth-child(2n+1) { clear: both; } #map2020_sect2 .left { width: 49%; float: left; } #map2020_sect2 .left img { width: 100%; height: auto; } #map2020_sect2 .right { width: 49%; float: right; } #map2020_sect3 { margin-top: 40px; } #map2020_sect3 .inbox { margin-bottom: 40px; } #map2020_sect3 .inbox:last-child { margin-bottom: 0; } #map2020_sect3 .inbox ul { list-style: none; } #map2020_sect3 .inbox li { width: 32%; float: left; margin-right: 2%; } #map2020_sect3 .inbox li:last-child { margin-right: 0; } #map2020_sect3 .inbox li img { width: 100%; height: auto; } #map2020_sect3 .inbox p { } .base_table{ margin-bottom:1.5em; width:100%; } .base_table{ border-top:1px solid #E5E5E5; } .base_table th, .base_table td{ padding:7px 5px 5px 5px; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; font-weight:normal; } .base_table.abox th a, .base_table.abox td a{ display:block; } .base_t12 th, .base_t12 td{ font-size:12px; line-height:1.4em; } .base_table th{ background:#FAFAFA; } .base_table th.brnone, .base_table td.brnone{ border-right:none !important; } /* 202005:トップページ上部バナー */ .nav01_2020_pc .in_left { width: 50.4%; float: left; box-sizing: border-box; } .nav01_2020_pc .in_right { width: 49.6%; float: right; box-sizing: border-box; } .nav01_2020_pc figure { display: block; } .nav01_2020_pc figure a { box-sizing: border-box; } .nav01_2020_pc figure img { width: 100%; height: auto; box-sizing: border-box; } .nav01_2020_pc .in_left img { border-top: 4px solid #D01B2E; border-right: 4px solid #D01B2E; } .nav01_2020_pc .in_right a { display: block; width: 100%; border-top: 4px solid #D01B2E; padding:0; margin: 0; text-align: center; } .nav01_2020_pc .in_right img { } .nav01_2020_pc .in_right a:nth-child(2) img { width: auto; height: 75px; } .nav01_2020_sp { display: none; }