@charset "UTF-8"; /*-------------------------------- 更新日:2016-09-23 --------------------------------*/ /*-------------------------------- ベース --------------------------------*/ body { min-width:1100px; background:#FFF; font-size:87.5%; line-height:1.5; } #vl { width:0; height:0; overflow:hidden; } /* ビジョナリストタグ */ #tmp_container { background:#fff; } a:link, a:visited { color:#3854aa; text-decoration:none; } a:hover { color:#ff8c00; text-decoration:underline; } a.tmp_fadeover:hover { opacity:0.6; } a.tmp_inner_fadeover:hover img { opacity:0.6; } a.tmp_stripe_over .tmp_img_wrap { display:block; background:url(../images/over_stripe_bg.png) left top repeat; } a.tmp_stripe_over:hover .tmp_img_wrap img { opacity:0.6; } /**** アウトライン ****/ #tmp_container_inner { position:relative; width:1100px; margin:0 auto; padding-bottom:100px; } /**** 汎用クラス ****/ img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic; } .tmp_sp { display:none; } /* -------------------------------- ヘッダー -------------------------------- */ /**** アウトライン ****/ #tmp_hdr { position:relative; padding:25px 0 21px; border-bottom:1px solid #d9d9d9; height:99px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #tmp_hdr .tmp_hdr_prime { display:inline-block; display:table-cell; } #tmp_hdr .tmp_hdr_second { display:inline-block; display:table-cell; padding-left:18px; vertical-align:middle; } /**** 見出し ****/ #tmp_hdr .tmp_hdr_meta .tmp_hdr_h1 { font-size:13px; font-weight:bold; } #tmp_hdr .tmp_hdr_meta .tmp_hdr_h1 .tmp_sp_block { padding-right:1em; } #tmp_hdr .tmp_hdr_meta .tmp_hdr_desc { padding-top:2px; font-size:11px; } /**** ボタン ****/ #tmp_hdr .tmp_hdr_btns { position:absolute; top:47px; right:0; } #tmp_hdr .tmp_hdr_btns ul li { float:right; margin-left:10px; } #tmp_hdr .tmp_hdr_btns ul li:last-child { margin:0; } /**** ユーティル：パン屑・シェア ****/ .tmp_util_nav {border-bottom:1px solid #d9d9d9; } .tmp_breadcrumb { float:left; padding:20px 0; font-size:12px; } .tmp_breadcrumb a {} .tmp_breadcrumb span { padding:0 10px; } .tmp_social_btns{padding:30px 0;text-align:center;} .tmp_social_btns .social_btns_inner{display:inline-block;} .tmp_social_btns .tmp_social_txt { display:inline-block; font-size:92.8%; } .tmp_social_btns ul { display:inline-block; height:36px; vertical-align:middle; } .tmp_social_btns ul li { display:inline-block; width:36px; height:36px; margin-left:6px; } .tmp_social_btns ul li a { display:block; width:36px; height:36px; text-indent:-9999px; background-position:left top; background-repeat:no-repeat;-webkit-background-size:36px;-moz-background-size:36px;background-size:36px;} .tmp_social_btns ul li.tmp_btn_tweet a { background-image:url(../images/share_icon_twitter.png); } .tmp_social_btns ul li.tmp_btn_facebook a { background-image:url(../images/share_icon_facebook.png); } .tmp_social_btns ul li.tmp_btn_gplus a { background-image:url(../images/share_icon_gplus.png); } .tmp_social_btns ul li.tmp_btn_line a { background-image:url(../images/share_icon_line.png); background-size:contain; } .tmp_share_url_copy { position:relative; display:block; margin:20px auto 0; width:250px; height:36px; vertical-align:middle; margin-left:20px; } .tmp_share_url_copy .copy_btn { position:relative; width:auto; height:30px; margin:3px; border:1px solid #1b388d; border-radius:15px; text-align:center; cursor:pointer; font-size:12px; line-height:30px; transition:bacground-color 0.5s ease; background-color:#fff; } .tmp_share_url_copy .copy_btn:before { content:""; background:url(../images/share_icon_clipboard.svg) no-repeat center / contain; width:16px; height:16px; position:absolute; left:15px; top:50%; margin-top:-8px; } .tmp_share_url_copy .copy_btn span { opacity:1; transition:opacity 0.5s ease; } .tmp_share_url_copy .copy_btn:after { opacity:0; transition:opacity 0.5s ease; position:absolute; top:0; left:0; width:100%; height:100%; line-height:30px; color:#ffffff; content:"コピーしました"; } .tmp_share_url_copy .copy_txt { position:absolute; display:none; opacity:0; } .tmp_share_url_copy.is-active .copy_btn { background-color:#1b388d; } .tmp_share_url_copy.is-active .copy_btn span { opacity:0; } .tmp_share_url_copy.is-active .copy_btn:after { opacity:1; } .tmp_share_url_copy.is-active .copy_btn:before { background-image:url(../images/share_icon_clipboard.active.svg) } /* -------------------------------- グローバルナビ -------------------------------- */ #tmp_gnav_full { position:relative; margin:0; } #tmp_gnav_full > ul { position:relative; width:100%; } #tmp_gnav_full > ul > li { float:left; width:149px; padding-right:1px; overflow:hidden; background:url(../images/gnav_full_sep.png) right center no-repeat; text-align:center; } #tmp_gnav_full > ul > li > p a { display:block; padding:12px 0; color:#333333; text-decoration:none; } #tmp_gnav_full > ul > li > p a:hover { background:#515151; color:#fff; } /**** グローバルナビ：ドロップダウン ****/ #tmp_gnav_full > ul > li .tmp_nav_cnt { position:absolute; left:0; top:45px; display:none; width:100%; overflow:hidden; z-index:10; background:#515151; color:#fff; } #tmp_gnav_full > ul > li.current .tmp_nav_cnt { z-index:100; } #tmp_gnav_full > ul > li .tmp_nav_cnt_inner { padding:35px 30px 0; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_cnt_inner .tmp_nav_cnt_prime { display:table; width:100%; table-layout:fixed; } #tmp_gnav_full > ul > li .tmp_nav_cnt .tmp_nav_col { display:table-cell; padding:0 8px; background:url(../images/gnav_col_bor.png) right top repeat-y; text-align:left; } #tmp_gnav_full > ul > li .tmp_nav_cnt .tmp_nav_col:last-child { background:none; } #tmp_gnav_full > ul > li .tmp_nav_cnt a { color:#fff; } #tmp_gnav_full > ul > li .tmp_nav_cnt a:hover { color:#ff8c00; } #tmp_gnav_full > ul > li .tmp_nav_item { padding:10px 0; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_nav_ttl { margin-bottom:10px; padding:5px 0; font-weight:bold; font-size:12px; color:#fff; } #tmp_gnav_full > ul > li .tmp_nav_item + .tmp_nav_item { border-top:1px solid #636363; } #tmp_gnav_full > ul > li .tmp_nav_item_01 .tmp_nav_ttl { border-bottom:2px solid #4cae0e; } #tmp_gnav_full > ul > li .tmp_nav_item_02 .tmp_nav_ttl { border-bottom:2px solid #e178a9; } #tmp_gnav_full > ul > li .tmp_nav_item_03 .tmp_nav_ttl { border-bottom:2px solid #d63838; } #tmp_gnav_full > ul > li .tmp_nav_item_04 .tmp_nav_ttl { border-bottom:2px solid #e79c0f; } #tmp_gnav_full > ul > li .tmp_nav_item_05 .tmp_nav_ttl { border-bottom:2px solid #c275e9; } #tmp_gnav_full > ul > li .tmp_nav_item_06 .tmp_nav_ttl { border-bottom:2px solid #36b7bd; } #tmp_gnav_full > ul > li .tmp_nav_item_07 .tmp_nav_ttl { border-bottom:2px solid #6090e8; } #tmp_gnav_full > ul > li .tmp_nav_item ul li { font-size:12px; } #tmp_gnav_full > ul > li .tmp_nav_item ul li + li { margin-top:17px; line-height:1.5; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_nav_ttl + ul li { margin-top:8px; line-height:1.2; font-size:10px; } #tmp_gnav_full > ul > li .tmp_nav_item a { text-decoration:none; } #tmp_gnav_full > ul > li .tmp_nav_item a:hover { text-decoration:underline; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_school_icon { position:relative; top:-1px; padding-left:5px; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_school_icon img { vertical-align:middle; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_nav_ttl .tmp_txt_kamata { color:#e65e5e; font-size:11px; font-weight:normal; } #tmp_gnav_full > ul > li .tmp_nav_item .tmp_nav_ttl .tmp_txt_hachioji { color:#34b96f; font-size:11px; font-weight:normal; } /**** 学科紹介 ****/ #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_item { padding:0 0 10px; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_cnt_second { padding:20px 10px 27px; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_school_course_link { float:left; margin-right:50px; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_school_course_link .tmp_thumbnail { display:table-cell; vertical-align:middle; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_school_course_link .tmp_txt { display:table-cell; padding-left:10px; vertical-align:middle; font-size:11px; text-align:left; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_school_course_link a { display:block; text-decoration:none; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_school_course_link a:hover { text-decoration:underline; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_icon_desc { float:right; padding-top:10px; font-size:10px; text-align:left; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_icon_desc p span { position:relative; top:-1px; padding-right:5px; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_icon_desc p span img { vertical-align:middle; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_icon_desc .tmp_txt_kamata { color:#ff7272; } #tmp_gnav_full > ul > li .tmp_nav_01_cnt .tmp_nav_icon_desc .tmp_txt_hachioji { color:#55db90; } /**** 入学案内 ****/ #tmp_gnav_full > ul > li .tmp_nav_02_cnt .tmp_nav_cnt_inner { padding:30px 22px 25px; } #tmp_gnav_full > ul > li .tmp_nav_02_cnt .tmp_nav_col { width:147px; padding:0 0 0 15px; } /**** キャンパス紹介 ****/ #tmp_gnav_full > ul > li .tmp_nav_03_cnt .tmp_nav_cnt_inner { padding:30px 22px 25px; } #tmp_gnav_full > ul > li .tmp_nav_03_cnt .tmp_nav_col { width:168px; padding:0 0 0 15px; } /**** アクセス ****/ #tmp_gnav_full > ul > li .tmp_nav_04_cnt .tmp_nav_cnt_inner { padding:30px 22px 25px; } #tmp_gnav_full > ul > li .tmp_nav_04_cnt .tmp_nav_col { width:238px; padding:0 0 0 15px; } /**** キャリアサポート ****/ #tmp_gnav_full > ul > li .tmp_nav_05_cnt .tmp_nav_cnt_inner { padding:30px 22px 25px; } #tmp_gnav_full > ul > li .tmp_nav_05_cnt .tmp_nav_col { width:198px; padding:0 0 0 15px; } /**** 資格 ****/ #tmp_gnav_full > ul > li .tmp_nav_06_cnt {} #tmp_gnav_full > ul > li .tmp_nav_06_cnt .tmp_nav_cnt_inner { padding:30px 22px 25px; } #tmp_gnav_full > ul > li .tmp_nav_06_cnt .tmp_nav_col { width:132px; padding:0 0 0 15px; } /* -------------------------------- グローバルナビ：スマホ -------------------------------- */ #tmp_btn_gnav_sp { display:none; } #tmp_gnav_sp { display:none; } /* -------------------------------- バナー -------------------------------- */ #fix-area{position:fixed;top:-61px;left:0;width:100%;background-color:rgba(255,255,255,1);z-index:3000;transition:0.3s ease-in-out;} #fix-area.view{top:0;} #fix-area .fix-wrap{padding:10px;border-bottom:1px solid #d9d9d9;} #fix-area .fix-wrap:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;} #fix-area .ttl {float:left;} #fix-area .ttl small{display:block;font-size:12px;} #fix-area .ttl b{display:block;font-size:14px;} #fix-area .btn{float:right;} /* -------------------------------- 検索フォーム -------------------------------- */ .tmp_search_open { position:absolute; right:0; top:104px; width:46px; height:38px; } .tmp_search_open a { display:block; } .tmp_search_field { position:absolute; top:99px; left:0; z-index:20; width:100%; height:45px; display:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmp_search_close { position:absolute; top:12px; right:15px; width:19px; height:18px; } .tmp_search_close a { display:block; } #tmp_search_input { width:100%; height:45px; background:#fff; border:none; font-size:17px; outline:none; } /* -------------------------------- カラムレイアウト -------------------------------- */ #tmp_cnt { padding-top:50px; } #tmp_col_main { float:left; width:808px; } #tmp_col_side { float:right; width:268px; } /* -------------------------------- 下部コンテンツ -------------------------------- */ #tmp_bottom_cnt { position:relative; } #tmp_bottom_cnt .tmp_layout_inner { position:relative; width:1100px; margin:0 auto; padding:0 0 50px; } #tmp_bottom_cnt .tmp_bnr_cnt { display:none; text-align:center; } #tmp_bottom_cnt .tmp_bnr_cnt h2 { margin-bottom:8px; font-size:157%; font-weight:bold; color:#d00000; } #tmp_bottom_cnt .tmp_bnr_cnt .tmp_txt { line-height:1.64; } #tmp_bottom_cnt .tmp_bnr_cnt .tmp_bnr { margin-top:14px; } #tmp_pagetop { position:absolute; bottom:49px; right:35px; } #tmp_pagetop > a { display:block; } #tmp_pagetop.js-fixed { position:fixed; } /* -------------------------------- サイドコンテンツ -------------------------------- */ #tmp_col_side {} #tmp_col_side .tmp_side_h2 { font-size:114%; } #tmp_col_side .tmp_side_mod { padding:20px; background:#f2f2f2; } #tmp_col_side .tmp_side_mod + .tmp_side_mod { margin-top:20px; } /**** バナー ****/ #tmp_col_side .tmp_side_bnr { padding:10px 0; text-align:center; } /**** ナビゲーション ****/ #tmp_col_side .tmp_nav_list { margin-top:10px; background:#fff; } #tmp_col_side .tmp_side_gnav .tmp_nav_list { margin-top:6px; } #tmp_col_side .tmp_side_gnav > .tmp_nav_list > li:first-child > a { border:none !important; } #tmp_col_side .tmp_side_gnav > .tmp_nav_list > li:first-child > .tmp_label > a { border:none; } #tmp_col_side .tmp_side_gnav li a { font-size:11px; } #tmp_col_side .tmp_nav_list li { position:relative; padding:0 15px; } #tmp_col_side .tmp_nav_list > li:first-child > a { border:none; } #tmp_col_side .tmp_nav_list > li:first-child > p > a { border:none; } #tmp_col_side .tmp_nav_list li a { display:block; padding:11px 6px; border-top:1px solid #e0e0e1; font-size:12px; } #tmp_col_side .tmp_nav_list li a.nolink:link, #tmp_col_side .tmp_nav_list li a.nolink:visited, #tmp_col_side .tmp_nav_list li a.nolink:hover{color:#333;text-decoration:none;cursor:default;} #tmp_col_side .tmp_nav_list li a span { display:block; padding-right:18px; background:url(../images/arw_r_03.png) right center no-repeat; -webkit-background-size:6px 11px; -moz-background-size:6px 11px; background-size:6px 11px; } #tmp_col_side .tmp_nav_list li a.nolink span{background:none;} #tmp_col_side .tmp_nav_list .tmp_acod_body li ul { margin-left:-15px; margin-right:-15px; } #tmp_col_side .tmp_nav_list .tmp_acod_body li ul li a { padding:11px 21px; } #tmp_col_side .tmp_nav_list li li a span { padding-left:1em; } #tmp_col_side .tmp_nav_list li li li { padding:0; } #tmp_col_side .tmp_nav_list li li li a span { padding-left:2em; } #tmp_col_side .tmp_nav_list .tmp_acod_head { padding:0; } #tmp_col_side .tmp_nav_list .tmp_acod_head + .tmp_acod_head { border-top:1px solid #fff; } #tmp_col_side .tmp_nav_list .js-opened + li a { border-top:1px solid #e0e0e1; } #tmp_col_side .tmp_nav_list .tmp_acod_head.js-opened .tmp_label a { text-decoration:none; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_label { position:relative; padding:0 15px; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_acod_toggle { position:absolute; display:block; width:13px; height:13px; top:50%; right:15px; margin-top:-7px; line-height:1; cursor:pointer; background:url(../images/side_nav_toggle_plus.png) left top no-repeat; } #tmp_col_side .tmp_nav_list .tmp_acod_head.js-opened .tmp_acod_toggle { background-image:url(../images/side_nav_toggle_minus.png); } #tmp_col_side .tmp_nav_list .tmp_current + li > .tmp_label > a { border:none; } #tmp_col_side .tmp_nav_list .js-opened + li > .tmp_label > a { border-top:1px solid #e0e0e1; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_acod_toggle img { width:100%; height:auto } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_acod_body > li:first-child a { border:none; } #tmp_col_side .tmp_nav_list .tmp_acod_head > a > span { background:none; } #tmp_col_side .tmp_nav_list .tmp_acod_body { display:none; } /** current **/ #tmp_col_side .tmp_nav_list .tmp_current.js-opened .tmp_acod_body > li ul { margin:0; } #tmp_col_side .tmp_nav_list .tmp_current.js-opened .tmp_acod_body > li ul li a { padding:11px 6px; } #tmp_col_side .tmp_nav_list .tmp_current .tmp_label { background:#dce6f7; } #tmp_col_side .tmp_nav_list .tmp_current .tmp_acod_body li { background:#fafafc; } #tmp_col_side .tmp_nav_list .tmp_current .tmp_acod_body li li a { padding:0; } #tmp_col_side .tmp_nav_list .tmp_current + .tmp_acod_head > .tmp_acod_body > li:first-child > a { border:none; } #tmp_col_side .tmp_nav_list .js-opened:not(.tmp_current) > .tmp_acod_body li:first-child a { border-top:1px solid #e0e0e1; } #tmp_col_side .tmp_nav_list .tmp_current { background:#dce6f7; } #tmp_col_side .tmp_nav_list .tmp_current ul { background:#fafafc; } #tmp_col_side .tmp_nav_list .tmp_current + li > a { border:none; } #tmp_col_side .tmp_nav_list a.tmp_nav_list_bdr_none{border-top:none;} /**** 編入制度 ****/ #tmp_col_side .tmp_admission_inner { padding:25px 30px; background:#fff; border:1px solid #e4e4e4; text-align:center; } #tmp_col_side .tmp_admission_inner h2 { font-size:114%; font-weight:bold; } #tmp_col_side .tmp_lead { margin-top:3px; font-size:85.7%; } #tmp_col_side .tmp_course_name { margin-top:7px; font-size:71.4%; } /**** カレンダー ****/ #tmp_col_side .tmp_calendar_wrap {} #tmp_col_side .tmp_calendar_wrap_inner { position:relative; margin-top:5px; padding:25px 36px; background:#fff; } #tmp_col_side .tmp_calendar_body { width:100%; border-collapse:collapse; background:#fff; } #tmp_col_side .tmp_calendar_body th { text-align:center; border:1px solid #c5c5c5; font-size:11px; line-height:1.8; } #tmp_col_side .tmp_calendar_body td { text-align:center; border:1px solid #c5c5c5; font-size:11px; line-height:1.8; } #tmp_col_side .tmp_calendar_body th:first-child, #tmp_col_side .tmp_calendar_body th:first-child a, #tmp_col_side .tmp_calendar_body td:first-child, #tmp_col_side .tmp_calendar_body td:first-child a { color:#b22222; } #tmp_col_side .tmp_calendar_body th:last-child, #tmp_col_side .tmp_calendar td:last-child { color:#1f2384; } #tmp_col_side .tmp_calendar_body a { display:block; background:#dce4f4; } #tmp_col_side .tmp_calendar_hdr { position:relative; margin-bottom:5px; } #tmp_col_side .tmp_calendar_date { font-size:12px; line-height:1.3; } #tmp_col_side .tmp_calendar_date span { font-size:16px; } #tmp_col_side .tmp_calendar_nav { float:right; } #tmp_col_side .tmp_calendar_nav li { position:absolute; } #tmp_col_side .tmp_calendar_nav li.tmp_calendar_prev_wrap { bottom:5px; right:28px; } #tmp_col_side .tmp_calendar_nav li.tmp_calendar_next_wrap { bottom:5px; right:0; } #tmp_col_side .tmp_calendar_wrap .tmp_readmore { margin-top:12px; text-align:center; font-size:85.7%; } #tmp_col_side .tmp_calendar_wrap .tmp_swipe { overflow:hidden; visibility:hidden; position:relative; } #tmp_col_side .tmp_calendar_wrap .tmp_swipe-wrap { position:relative; overflow:hidden; } #tmp_col_side .tmp_calendar_wrap .tmp_swipe-wrap .tmp_calendar { position:relative; float:left; width:100%; } /*** コンテンツナビ ***/ #tmp_col_side .tmp_aside_cnt_nav { padding:10px 25px; } #tmp_col_side .tmp_aside_cnt_nav li + li { border-top:1px solid #e4e4e4; } #tmp_col_side .tmp_aside_cnt_nav a { display:block; padding:10px 9px; text-decoration:none; } #tmp_col_side .tmp_aside_cnt_nav a .tmp_link_txt {} #tmp_col_side .tmp_aside_cnt_nav a:hover .tmp_link_txt { text-decoration:underline; } #tmp_col_side .tmp_aside_cnt_nav a .tmp_lead { display:block; color:#333; } #tmp_col_side .tmp_aside_cnt_nav .tmp_thumbnail { display:inline-block; display:table-cell; width:58px; } #tmp_col_side .tmp_aside_cnt_nav .tmp_ttl { display:inline-block; display:table-cell; width:130px; height:57px; padding-left:10px; vertical-align:middle; } /*** Q&A ***/ #tmp_col_side .tmp_qa { padding:25px; } #tmp_col_side .tmp_qa ul { margin-top:20px; } #tmp_col_side .tmp_qa ul li { width:197px; margin:0 auto; } #tmp_col_side .tmp_qa ul li a { display:block; text-align:center; padding:6px 0; color:#fff; background:#0035a1 url(../images/arw_r_05.png) 12px center no-repeat; font-size:12px; } /* -------------------------------- フッター -------------------------------- */ #tmp_ftr { background:#464646; } /**** 入学についてのお問い合わせ ****/ #tmp_ftr .tmp_ftr_cnt_01 {} #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list { padding:16px 0; background:#213b8c; color:#fff; letter-spacing:-0.4em; text-align:center; vertical-align:middle; line-height:1; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list p { display:inline-block; letter-spacing:normal; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list .tmp_icon { padding:0 5px; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list .tmp_sep_txt { padding:0 7px; } /**** サイトマップ ****/ #tmp_ftr .tmp_ftr_cnt_02 { position:relative; width:1100px; margin:0 auto; padding-bottom:89px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_sitemap { padding-top:45px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_sitemap a { color:#fff; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_sitemap a:hover { color:#ff8c00; } #tmp_ftr .tmp_ftr_nav .tmp_item { border-right:1px solid #5c5c5c; } #tmp_ftr .tmp_ftr_nav .tmp_item:last-child { border:none; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 { border-bottom:1px solid #5c5c5c; padding-bottom: 50px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_sp_acod { float:left; width:218px; padding:20px 28px 0px; color:#fff; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_sp_acod:last-child { border:none; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head { height:3.6em; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head .tmp_en_txt { display:block; font-size:85.7%; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul { margin-left:5px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li + li { margin-top:9px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li a { padding-left:10px; font-size:85.7%; background:url(../images/arw_r_02.png) left center no-repeat; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li a:hover { text-decoration:underline; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 { margin-top:20px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item { display:inline-block; padding:15px 0; color:#fff; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item:first-child { width:274px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item ~ .tmp_item { padding:0 25px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item a { text-decoration:underline; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item a:hover { text-decoration:none; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_access { margin-top:5px; font-size:85.7%; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_tel { margin-top:5px; font-size:150%; line-height:1; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_tel .tmp_icon { padding-right:5px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_tel .tmp_icon img { padding-top:0.1em; vertical-align:top; } /**** コピーライト・ロゴ ****/ #tmp_ftr .tmp_ftr_siteid { position:absolute; bottom:12px; right:0; } #tmp_ftr .tmp_ftr_siteid .tmp_ftr_logo { text-align:right; } #tmp_ftr .tmp_ftr_siteid .tmp_copyright { padding-top:35px; color:#999; font-size:85.7%; text-align:right; } /* -------------------------------- コンテンツ共通 -------------------------------- */ .tmp_section {} .tmp_section { margin-top:40px; } .tmp_section .tmp_cnt_h2 { margin-bottom:30px; font-size:185%; color:#002baf; line-height:1.3; } .tmp_section .tmp_bor_h { padding-left:12px; border-width:0 0 0 6px; border-style:solid; line-height:1.3; } .tmp_section .tmp_bor_h_01 { border-color:#1a8a00; } .tmp_section_pad_inner { padding:0 15px; } /* -------------------------------- 関連コンテンツ -------------------------------- */ .tmp_rel_cnt { margin-top:55px; border-bottom:1px solid #fff; overflow:hidden; } .tmp_rel_cnt .tmp_cnt_h2 { margin-bottom:10px; } .tmp_rel_cnt_inner { position:relative; top:1px; } .tmp_rel_cnt .tmp_item { width:168px; padding:24px 16px 21px; float:left; border-color:#d9d9d9; border-style:solid; border-width:0 1px 1px 0; } .tmp_rel_cnt .tmp_item:nth-child(1), .tmp_rel_cnt .tmp_item:nth-child(2), .tmp_rel_cnt .tmp_item:nth-child(3), .tmp_rel_cnt .tmp_item:nth-child(4) { padding-top:12px; } .tmp_rel_cnt .tmp_item:nth-child(4n) { border-right:none; } .tmp_rel_cnt .tmp_item a { display:block; color:#333; text-decoration:none; } .tmp_rel_cnt .tmp_item h3 { margin-top:13px; } .tmp_rel_cnt .tmp_item h3 span { color:#213b8c; } .tmp_rel_cnt .tmp_item a:hover h3 span { text-decoration:underline; color:#ff8c00; } .tmp_rel_cnt .tmp_item h3 + p {margin-top:5px;font-size:85.7%;} .tmp_rel_cou{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 0 30px;padding:15px 0;border-bottom:#d9d9d9 1px solid;} .tmp_rel_cou a{text-decoration:none;} .tmp_rel_cou_item{width:33.33%;margin:0;padding:15px;box-sizing:border-box;} .tmp_rel_cou_title h3{margin-top:13px;} .tmp_rel_cou a:hover h3{ text-decoration:underline;} .tmp_rel_cou_txt{margin-top:5px;font-size:85.7%;color:#333;text-decoration:none;} /* -------------------------------- ニュース・スペシャルイベント -------------------------------- */ /**** 共通レイアウト：ニュース・イベント ****/ .tmp_section .tmp_cols_article { float:left; width:389px; margin:10px 0; padding-left:15px; } .tmp_section .tmp_cols_article a { display:block; text-decoration:none; color:#333; } .tmp_section .tmp_cols_article .tmp_thumbnail { float:left; width:110px; padding:5px; border:1px solid #e4e4e4; } .tmp_section .tmp_cols_article .tmp_info { float:left; width:236px; padding:0 10px 0 17px; } .tmp_section .tmp_cols_article .tmp_article_h { display:block; height:3em; color:#213b8c; overflow:hidden; } .tmp_section .tmp_cols_article a:hover .tmp_article_h { text-decoration:underline; color:#ff8c00; } .tmp_section .tmp_cols_article .tmp_date { height:3em; margin-top:8px; font-size:85.7%; overflow:hidden; } .tmp_section .tmp_summary { height:3em; margin-top:10px; padding-top:10px; border-top:1px solid #ddd; font-size:85.7%; overflow:hidden; } /**** ニュース ****/ .tmp_news { margin-top:30px; } .tmp_news .tmp_cnt_h2 { margin-bottom:10px; } .tmp_news .tmp_cat { display:inline-block; padding:3px 10px; font-size:10px; color:#fff;} .tmp_news .tmp_article_h { margin-top:3px; } .tmp_news .tmp_readmore { clear:both; padding-right:10px; text-align:right; } /* -------------------------------- WebTV -------------------------------- */ .tmp_webtv { position:relative; margin-top:55px; padding:25px 15px 17px; border-top:4px solid #00479d; background:#f4f6f9; } .tmp_webtv .tmp_hdr { text-align:center; } .tmp_webtv .tmp_hdr h2 + p { margin-top:14px; font-size:114%; font-weight:bold; } /**** カルーセル ****/ .tmp_webtv #tmp_cf_wrap { width:660px; margin:0 auto; } .tmp_webtv #tmp_cf_carousel { margin-top:25px; } .tmp_webtv .tmp_carousel_item { float:left; width:150px; margin:0 10px; } .tmp_webtv .tmp_ttl { height:4.5em; margin-top:5px; text-align:center; font-size:85.7%; } .tmp_webtv .tmp_desc { margin-top:20px; padding:0 60px 20px; border-bottom:1px solid #d0dceb; } .tmp_webtv .tmp_desc .tmp_point { float:left; width:105px; padding:9px 0; text-align:center; color:#fff; font-size:11px; background:#393939; } .tmp_webtv .tmp_desc h3 { float:left; width:543px; padding-left:10px; font-size:85.7%; } .tmp_webtv .tmp_readmore { padding:12px 5px 0 0; text-align:right; } .tmp_webtv #tmp_cf_navigation li { width:17px; height:31px; cursor:pointer; text-indent:-9999px; -webkit-background-size:17px 31px; -moz-background-size:17px 31px; background-size:17px 31px; } .tmp_webtv #tmp_cf_navigation #tmp_cf_prev { position:absolute; left:25px; top:180px; background-image:url(../images/cf_prev.png); z-index:20; } .tmp_webtv #tmp_cf_navigation #tmp_cf_next { position:absolute; right:25px; top:180px; background-image:url(../images/cf_next.png); z-index:20; } /* -------------------------------- jobmap -------------------------------- */ #tmp_jobmap {position:relative; margin-top:55px; padding:25px 15px 17px; border-top:4px solid #00479d; background:#f4f6f9;} #tmp_jobmap .tmp_hdr {text-align: center;} #tmp_jobmap .tmp_hdr .tmp_hdr_tag span {display: inline-block; padding: 8px 16px; color: #fff; font-size: 14px; font-weight: bold; background-color: #333; border-radius: 8px; line-height: 1;} #tmp_jobmap .tmp_hdr .tmp_hdr_pre > div {font-size: 15px; display: inline-block; border-bottom: 2px solid #00479d; margin-top: 10px;} #tmp_jobmap .tmp_hdr .tmp_hdr_pre span {font-size: 17px; font-weight: bold; color: #00479d; display: inline-block; padding: 0 5px;} #tmp_jobmap .tmp_hdr h2 {font-size: 24px; font-weight: bold; margin: 8px 0 26px;} #tmp_jobmap .tmp_navigation li { width:17px; height:31px; cursor:pointer; text-indent:-9999px; background-size:17px 31px; top:242px;} #tmp_jobmap .tmp_navigation .tmp_prev { position:absolute; left:25px; background-image:url(../images/cf_prev.png); z-index:20; } #tmp_jobmap .tmp_navigation .tmp_next { position:absolute; right:25px; background-image:url(../images/cf_next.png); z-index:20; } #tmp_jobmap .tmp_jobmap_carousel {text-align: center;} #tmp_jobmap .tmp_jobmap_carousel .tmp_item {display: inline-block; margin: 0 6px; width: 150px; height: 210px;} #tmp_jobmap .tmp_jobmap_carousel .tmp_item a {opacity: 1;} #tmp_jobmap .tmp_jobmap_carousel .tmp_item a:hover {opacity: .65;} #tmp_jobmap .tmp_jobmap_carousel .tmp_item img {width: 100%; height: auto;} /* -------------------------------- メインカラム 資料請求バナー -------------------------------- */ .tmp_main_request_bnr { margin-top:80px; padding:60px 70px 65px 75px; background:#fdf7f5; } .tmp_main_request_bnr .tmp_col_l { float:left; width:340px; padding-top:4px; } .tmp_main_request_bnr .tmp_col_r { float:right; width:290px; } .tmp_main_request_bnr h2 { margin-bottom:8px; font-size:157%; font-weight:bold; color:#d00000; } .tmp_main_request_bnr .tmp_txt { line-height:1.64; } /* -------------------------------- 体験入学 -------------------------------- */ .tmp_taiken .tmp_taiken_guide { position:relative; /* margin-top:-41px; */ }/* 学科ページ体入バナー上のh2にかかるため非表示(20160223)*/ .tmp_taiken .tmp_taiken_guide .tmp_hdr { width:812px; } .tmp_taiken .tmp_taiken_guide .tmp_btns { margin-top:20px; letter-spacing:-0.4em; text-align:center; } .tmp_taiken .tmp_taiken_guide .tmp_btns li { display:inline-block; margin:0 6px; letter-spacing:normal; background:#ff871e; } .tmp_taiken .tmp_taiken_guide .tmp_btns li a { display:block; padding:5px 0; color:#fff; text-decoration:none; text-align:center; background:url(../images/arw_r_01.png) 16px center no-repeat; -webkit-background-size:8px 13px; -moz-background-size:8px 13px; background-size:8px 13px; } .tmp_taiken .tmp_taiken_guide .tmp_btns li.tmp_btn_01 a { width:215px; padding:5px 0 5px 0; } .tmp_taiken .tmp_taiken_guide .tmp_btns li.tmp_btn_02 a { width:215px; padding:5px 0 5px 0; } .tmp_taiken .tmp_taiken_guide .tmp_body { margin-top:-10px; padding:28px 84px 30px; background:#f7f7f7; } .tmp_taiken .tmp_taiken_guide .tmp_date_wrap { padding:0 12px; font-size:18px; } .tmp_taiken .tmp_taiken_guide .tmp_date_wrap .tmp_label { position:relative; float:left; display:block; height:27px; padding:3px 9px 0 14px; vertical-align:middle; color:#ff6600; background:#fff; } .tmp_taiken .tmp_taiken_guide .tmp_label:after { content:''; display:block; position:absolute; right:-12px; top:0; width:0; height:0; border-style:solid; border-width:15px 0 15px 12px; border-color:transparent transparent transparent #fff; } .tmp_taiken .tmp_taiken_guide .tmp_date { position:relative; top:1px; display:block; padding-left:3em; vertical-align:middle; } .tmp_taiken .tmp_taiken_guide .tmp_date .tmp_date_inner { display:block; padding-left:45px; word-wrap:break-word; } .tmp_taiken .tmp_taiken_guide .tmp_desc { margin-top:9px; padding-top:10px; border-top:1px solid #dedede; text-align:center; } .tmp_taiken .tmp_taiken_guide .tmp_note { margin-top:20px; padding:0 15px; } /* -------------------------------- 体験入学 -------------------------------- */ .tmp_taiken .tmp_feature_event .tmp_feature_event_inner { padding:28px; background:#fbf6ef; } .tmp_taiken .tmp_feature_event .tmp_item a { display:block; color:#333; text-decoration:none; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_thumbnail {} .tmp_taiken .tmp_feature_event .tmp_thumbnail .tmp_align_left { float:left; margin-right:19px; } .tmp_taiken .tmp_feature_event .tmp_thumbnail .tmp_align_right { float:right; margin-left:20px; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_info { float:left; width:436px; padding:5px 0 15px; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_info .tmp_course_name { font-size:114%; font-weight:bold; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_desc { margin-top:3px; } .tmp_taiken .tmp_feature_event .tmp_curc { margin-top:12px; font-size:85.7%; } .tmp_taiken .tmp_feature_event .tmp_curc + .tmp_curc { margin:0; } .tmp_taiken .tmp_feature_event .tmp_label_kamata { color:#b81e1e; } .tmp_taiken .tmp_feature_event .tmp_label_hachioji { color:#077430; } .tmp_taiken .tmp_feature_event .tmp_bnr ul li { margin-top:22px; } /* -------------------------------- webTV　アンカー位置 -------------------------------- */ #webtv { display: block; padding-top: 71px; margin-top: -71px; } @media screen and (max-width:767px) { /* -------------------------------- ベース -------------------------------- */ body { min-width:100%; background:#fff; font-size:12px; } /**** 汎用クラス ****/ .tmp_sp { display:block; margin:0 auto; } .tmp_full { display:none; } .tmp_fluid { width:100%; height:auto; } /**** アウトライン ****/ #tmp_container_inner { width:100%; margin:0 auto; padding-bottom:0; } /* -------------------------------- ヘッダー -------------------------------- */ #tmp_hdr { height:auto; padding:17px 12px 10px; } #tmp_hdr .tmp_hdr_prime { float:none; display:block; padding-bottom:12px; border-bottom:1px solid #b2b2b2; } #tmp_hdr .tmp_hdr_meta .tmp_hdr_h1 { padding-top:12px; font-size:12px; } #tmp_hdr .tmp_hdr_meta .tmp_hdr_h1 .tmp_sp_block { display:block; padding:0; } #tmp_hdr .tmp_hdr_second { float:none; display:block; padding:0; text-align:center; } #tmp_hdr .tmp_hdr_btns { position:static; width:286px;min-height:50px;margin:0 auto; padding:0 5px;} #tmp_hdr .tmp_hdr_btns.tmp_hdr_btns_taiken{width:346px;} #tmp_hdr .tmp_hdr_btns_container{padding:10px 0;min-height:50px;} #tmp_hdr .tmp_hdr_btns_container.fix{position:fixed;top:0;left:0;width:100%;background-color:#fff;border-bottom:1px #ddd solid;z-index:999;} #tmp_hdr .tmp_hdr_btns_container.fix ul{position:static;width:286px;margin:0 auto;} #tmp_hdr .tmp_hdr_btns.tmp_hdr_btns_taiken .tmp_hdr_btns_container.fix ul{width:346px;} #tmp_hdr .tmp_hdr_btns ul { letter-spacing:-0.4em; } #tmp_hdr .tmp_hdr_btns ul li { margin:0; float:right; } #tmp_hdr .tmp_hdr_btns ul li + li { float:left; } /**** ユーティル：パン屑・シェア ****/ .tmp_util_nav { margin:0 12px; padding:0; } .tmp_breadcrumb { float:none; padding:12px 7px 10px; font-size:10px; line-height:2.2; width:auto; } .tmp_social_btns { float:none; padding:15px 0 15px; text-align:center; border-top:1px solid #d9d9d9; } .tmp_social_btns .tmp_social_txt { display:block; margin-bottom:4px; font-weight:bold; font-size:14px; } .tmp_social_btns ul { height:44px; } .tmp_social_btns ul li { width:44px; height:44px; margin:0 10px; } .tmp_social_btns ul li a { width:44px; height:44px; -webkit-background-size:44px; -moz-background-size:44px; background-size:44px; } /* -------------------------------- グローバルナビ -------------------------------- */ #tmp_gnav_full { display:none; } /* -------------------------------- グローバルナビ：スマホ -------------------------------- */ #tmp_gnav_sp { position:absolute; top:65px; left:0; width:100%; background:#0f1b0d; font-size:15px; z-index:100; } #tmp_gnav_sp .tmp_acod_body { display:none; background:#d9d9d9; } #tmp_gnav_sp ul li { position:relative; } #tmp_gnav_sp > ul > li { border-bottom:1px solid #060905; } #tmp_gnav_sp > ul > li + li { border-top:1px solid #414141; } #tmp_gnav_sp > ul > li:last-child { border-bottom:none; } #tmp_gnav_sp > ul > li.js-opened { border-bottom:none; } #tmp_gnav_sp .tmp_label { position:relative; } #tmp_gnav_sp a { display:block; padding:14px 12px 14px 18px; color:#fff; text-decoration:none; } #tmp_gnav_sp .tmp_acod_body a { padding:14px 12px 14px 33px; color:#333; } #tmp_gnav_sp .tmp_acod_body a span { display:block; padding-right:30px; background:url(../images/gnav_sp_arw.png) right center no-repeat; -webkit-background-size:24px; -moz-background-size:24px; background-size:24px; } #tmp_gnav_sp .tmp_acod_body li { border-bottom:1px solid #c6c6c6; } #tmp_gnav_sp .tmp_acod_body li + li { border-top:1px solid #dedede; } #tmp_gnav_sp .tmp_acod_body li:last-child { border-bottom:1px solid #4a4a4a; } #tmp_gnav_sp .tmp_acod_toggle { position:absolute; top:50%; right:12px; width:24px; height:24px; margin-top:-12px; background:url(../images/gnav_sp_plus.png) left top no-repeat; -webkit-background-size:24px; -moz-background-size:24px; background-size:24px; } #tmp_gnav_sp .js-opened .tmp_acod_toggle { background-image:url(../images/gnav_sp_minus.png); } #tmp_btn_gnav_sp { display:block; position:absolute; left:12px; top:17px; width:32px; height:33px; overflow:hidden; z-index:50; background:url(../images/btn_sp_menu.png) left top no-repeat; -webkit-background-size:32px 66px; -moz-background-size:32px 66px; background-size:32px 66px; } #tmp_btn_gnav_sp.js-opened { background-position:left -33px; } #tmp_btn_gnav_sp span { display:block; width:32px; height:33px; border:none; background:none; text-indent:-9999px; outline:none; } /* -------------------------------- 検索フォーム -------------------------------- */ .tmp_search_open { position:absolute; right:12px; top:17px; width:32px; height:33px; background:url(../images/btn_sp_search.png) left top no-repeat; -webkit-background-size:32px 33px; -moz-background-size:32px 33px; background-size:32px 33px; } .tmp_search_open img { opacity:0; } .tmp_search_field { position:absolute; top:0; left:0; z-index:100; padding:0 10px; height:64px; display:none; } #tmp_search_input { width:100%; height:64px; background:#fff; border:none; font-size:14px; outline:none; } .tmp_search_close { width:19px; height:18px; position:absolute; top:23px; right:20px; } /* -------------------------------- コンテンツ -------------------------------- */ #tmp_cnt { padding-top:16px; } #tmp_col_main { float:none; width:100%; } #tmp_col_side { float:none; width:100%; background:#f2f2f2; } /* -------------------------------- 下部コンテンツ -------------------------------- */ #tmp_bottom_cnt { padding-bottom:83px; background:#f2f2f2; } #tmp_bottom_cnt .tmp_layout_inner { width:100%; padding:0 0 35px; } #tmp_bottom_cnt .tmp_bnr_cnt { display:block; } #tmp_bottom_cnt .tmp_bnr_cnt h2 { display:none; } #tmp_bottom_cnt .tmp_txt { display:none; } #tmp_bottom_cnt .tmp_bnr_cnt .tmp_bnr { margin-top:0; } #tmp_pagetop { bottom:23px; right:20px; } #tmp_pagetop img { width:60px; height:60px; } /* -------------------------------- サイドコンテンツ -------------------------------- */ #tmp_col_side { padding-top:20px; } #tmp_col_side .tmp_side_mod { padding:0 10px 0; } /**** バナー ****/ #tmp_col_side .tmp_side_bnr { padding:10px 0; } /**** ナビゲーション ****/ #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_label { padding:0; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_label a { font-size:14px; width:100%; padding-right:20%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #tmp_col_side .tmp_nav_list .tmp_current .tmp_label a { color:#0035a1; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_acod_toggle { right:10px; width:18px; height:18px; margin-top:-9px; background-image:url(../images/side_nav_toggle_plus_sp.png); -webkit-background-size:18px; -moz-background-size:18px; background-size:18px; } #tmp_col_side .tmp_nav_list .tmp_acod_head.js-opened .tmp_acod_toggle { background-image:url(../images/side_nav_toggle_minus_sp.png); } #tmp_col_side .tmp_nav_list .tmp_acod_body li ul { margin:0; background:#fff; } #tmp_col_side .tmp_nav_list .tmp_acod_body li ul li a { padding:11px 13px 11px 10px; } #tmp_col_side .tmp_nav_list li { padding:0; font-size:12px; } #tmp_col_side .tmp_nav_list li a { padding:11px 13px 11px 10px; } #tmp_col_side .tmp_nav_list > li > a { font-size:14px; } #tmp_col_side .tmp_side_lnav .tmp_nav_list { border-top:1px solid #e0e0e1; } #tmp_col_side .tmp_side_lnav .tmp_nav_list > li > a { font-size:12px; } #tmp_col_side .tmp_side_lnav .tmp_side_h2 { padding:11px 10px 11px 10px; background:#fff; color:#0035a1; font-size:14px; } #tmp_col_side .tmp_side_lnav .tmp_acod_head span { display:block; background:url(../images/side_nav_toggle_plus_sp.png) right center no-repeat; -webkit-background-size:18px; -moz-background-size:18px; background-size:18px; } #tmp_col_side .tmp_nav_list .tmp_acod_head .tmp_label a span { background:none; } #tmp_col_side .tmp_side_lnav .tmp_acod_head.js-opened span { background-image:url(../images/side_nav_toggle_minus_sp.png); } #tmp_col_side .tmp_nav_list .tmp_acod_head.js-opened + li .tmp_label > a {} #tmp_col_side .tmp_side_lnav .tmp_nav_list { display:none; margin:0; padding:10px 0 10px; letter-spacing:-0.4em; } #tmp_col_side .tmp_side_lnav .tmp_nav_list li { display:inline-block; width:50%; letter-spacing:normal; font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #tmp_col_side .tmp_side_lnav .tmp_nav_list li:nth-child(odd) { border-right:1px solid #e0e0e1; } #tmp_col_side .tmp_side_lnav .tmp_nav_list li a { padding:6px 12px; border:none; } #tmp_col_side .tmp_side_lnav .tmp_nav_list li a span { background:none; } /** current **/ #tmp_col_side .tmp_nav_list .tmp_current + li > a { border-top:1px solid #e0e0e1; } #tmp_col_side .tmp_nav_list .tmp_current {} #tmp_col_side .tmp_nav_list .tmp_current ul {} #tmp_col_side .tmp_nav_list .tmp_current .tmp_acod_body li {} #tmp_col_side .tmp_nav_list .tmp_current.js-opened .tmp_acod_body > li ul li a { padding:11px 13px 11px 10px; } /**** 編入制度 ****/ #tmp_col_side .tmp_admission_inner {} #tmp_col_side .tmp_admission_inner h2 { font-size:16px; } #tmp_col_side .tmp_lead { font-size:14px; } #tmp_col_side .tmp_course_name { font-size:10px; } /**** カレンダー ****/ #tmp_col_side .tmp_calendar_wrap { padding:30px 16px 30px; } #tmp_col_side .tmp_calendar_wrap .tmp_side_h2 { padding-left:0; font-weight:bold; } #tmp_col_side .tmp_calendar_wrap_inner { margin:13px; padding:18px 25px; } #tmp_col_side .tmp_calendar_date { font-size:15px; } #tmp_col_side .tmp_calendar_date span { font-size:23px; } #tmp_col_side .tmp_calendar_nav li { font-size:20px; } #tmp_col_side .tmp_calendar_nav li.tmp_calendar_prev_wrap { right:40px; } #tmp_col_side .tmp_calendar_nav li img { width:30px; height:30px; } #tmp_col_side .tmp_calendar_body th, #tmp_col_side .tmp_calendar_body td { line-height:2.2; font-size:12px; } #tmp_col_side .tmp_calendar_wrap .tmp_readmore { margin-top:15px; font-size:12px; } /*** コンテンツナビ ***/ #tmp_col_side .tmp_aside_cnt_nav { padding:10px 10px 0; border-bottom:1px solid #f2f2f2; overflow:hidden; } #tmp_col_side .tmp_aside_cnt_nav ul { position:relative; top:1px; } #tmp_col_side .tmp_aside_cnt_nav ul li { width:50%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #tmp_col_side .tmp_aside_cnt_nav ul li:nth-child(even) { float:right; } #tmp_col_side .tmp_aside_cnt_nav ul li { border-color:#d9d9d9; border-style:solid; border-width:0 1px 1px 0; } #tmp_col_side .tmp_aside_cnt_nav ul li + li { border-color:#d9d9d9; border-style:solid; border-width:0 1px 1px 0; } #tmp_col_side .tmp_aside_cnt_nav ul li:nth-child(even) { border-right:none; } #tmp_col_side .tmp_aside_cnt_nav ul li a { display:table; width:100%; padding:20px 0; } #tmp_col_side .tmp_aside_cnt_nav ul li .tmp_thumbnail { width:38%; } #tmp_col_side .tmp_aside_cnt_nav ul li .tmp_ttl { width:57%; padding-right:5%; } #tmp_col_side .tmp_aside_cnt_nav ul li:nth-child(even) .tmp_thumbnail { padding-left:6%; } #tmp_col_side .tmp_aside_cnt_nav ul li:nth-child(even) .tmp_ttl { width:56%; } #tmp_col_side .tmp_aside_cnt_nav a .tmp_lead { font-size:10px; } /* -------------------------------- フッター -------------------------------- */ /**** 入学についてのお問い合わせ ****/ #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list { padding:20px 0 28px; font-size:15px; line-height:1.3; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list p { display:block; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list p:first-child { margin-bottom:10px; font-size:14px; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list .tmp_school { width:4.5em; display:inline-block; text-align:left; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list .tmp_icon img { position:relative; top:0.23em; vertical-align:top; } #tmp_ftr .tmp_ftr_cnt_01 .tmp_ftr_contact_list .tmp_sep_txt { display:none; } /**** サイトマップ ****/ #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_sitemap { padding-top:0; } #tmp_ftr .tmp_ftr_nav .tmp_item { border:none; } #tmp_ftr .tmp_ftr_cnt_02 { width:auto; padding:25px 10px 10px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 { border-bottom:none; padding-bottom: 0; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_sp_acod { float:none; width:auto; padding:0; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head { height:auto; padding:0 6px; font-size:14px; border-bottom:1px solid #fff; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head > span { display:block; padding:10px 0; background:url(../images/acod_toggle_plus.png) right center no-repeat; -webkit-background-size:14px; -moz-background-size:14px; background-size:14px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head.js-opened > span { background-image:url(../images/acod_toggle_minus.png); } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_head .tmp_en_txt { font-size:10px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body { display:none; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul { margin:0; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li { border-bottom:1px solid #626262; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li + li { margin:0; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li a { display:block; padding:0 14px 0 6px; background:none; font-size:12px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_01 .tmp_acod_body ul li a span { display:block; padding:13px 18px 13px 0; background:url(../images/arw_r_02_sp.png) right center no-repeat; -webkit-background-size:10px 17px; -moz-background-size:10px 17px; background-size:10px 17px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 { margin-top:0; padding:35px 7px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item:first-child { width:auto; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item { display:block; padding:0; font-size:15px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item ~ .tmp_item { margin-top:30px; padding:0; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_access { font-size:12px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_tel { font-size:20px; } #tmp_ftr .tmp_ftr_cnt_02 .tmp_ftr_nav_02 .tmp_item .tmp_tel_s { } /**** コピーライト・ロゴ ****/ #tmp_ftr .tmp_ftr_siteid { position:static; padding-top:25px; border-top:1px solid #7e7e7e; } #tmp_ftr .tmp_ftr_siteid .tmp_copyright { padding-top:10px; text-align:center; font-size:10px; } /* -------------------------------- コンテンツ共通 -------------------------------- */ .tmp_section .tmp_cnt_h2 { padding:0 7px; font-size:15px; font-weight:bold; } .tmp_section .tmp_bor_h { padding-left:9px; border-width:0 0 0 4px; } .tmp_section_pad_inner { padding:0 7px; } /* -------------------------------- 関連コンテンツ -------------------------------- */ .tmp_rel_cnt { margin-top:45px; padding:0 10px; } .tmp_rel_cnt .tmp_cnt_h2 { margin-bottom:5px; } .tmp_rel_cnt .tmp_item { width:50%; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmp_rel_cnt .tmp_item .tmp_item_inner { padding:15px 0 13px; } .tmp_rel_cnt_inner { padding-left:5px; } .tmp_rel_cnt .tmp_item:nth-child(even) { border-right:none; } .tmp_rel_cnt .tmp_item:nth-child(1) .tmp_item_inner, .tmp_rel_cnt .tmp_item:nth-child(2) .tmp_item_inner { padding-top:0; } .tmp_rel_cnt .tmp_item:nth-child(3), .tmp_rel_cnt .tmp_item:nth-child(4) { padding-top:0; } .tmp_rel_cnt .tmp_item p { width:76%; margin:0 auto; } .tmp_rel_cnt .tmp_item p img { width:100%; height:auto; } .tmp_rel_cnt .tmp_item h3 { width:76%; margin:8px auto 0; font-size:10px; } .tmp_rel_cnt .tmp_item h3 + p { font-size:10px; line-height:1.3; } .tmp_rel_cou{margin:0 0 15px;padding:20px 0 0;} .tmp_rel_cou_item{width:100%;padding:0 7px 20px;} /* -------------------------------- ニュース -------------------------------- */ .tmp_section .tmp_cols_article { float:none; width:auto; margin:0; padding:10px 9px 15px; border-bottom:1px solid #d9d9d9; } .tmp_section .tmp_cnt_h2 + .tmp_cols_article { margin-top:5px; } .tmp_section .tmp_cols_article ~ .tmp_cols_article { padding:15px 9px; } .tmp_section .tmp_cols_article .tmp_thumbnail { top:0; width:21.6%; padding:2px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmp_section .tmp_cols_article .tmp_thumbnail img { width:100%; height:auto; } .tmp_section .tmp_cols_article .tmp_info { width:78.4%; padding:0 0 0 9px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .tmp_section .tmp_cols_article .tmp_date { height:auto; margin-top:5px; font-size:10px; } .tmp_section .tmp_cols_article .tmp_summary { height:auto; margin-top:7px; padding-top:0; border:none; font-size:10px; } /*** ニュース ***/ .tmp_news .tmp_cnt_h2 { margin-bottom:0; } .tmp_news .tmp_cat { padding:2px 6px; } .tmp_news .tmp_readmore { margin-top:10px; } /* -------------------------------- 体験入学 -------------------------------- */ .tmp_taiken .tmp_taiken_guide { width:100%; margin:0 auto; } .tmp_taiken .tmp_taiken_guide .tmp_hdr { width:100%; } .tmp_taiken .tmp_taiken_guide .tmp_hdr img { width:100%; height:auto; } .tmp_taiken .tmp_taiken_guide .tmp_btns { margin-top:8px; } .tmp_taiken .tmp_taiken_guide .tmp_btns li { margin:0 4px; } .tmp_taiken .tmp_taiken_guide .tmp_btns li a { background-position:12px center; -webkit-background-size:6px 10px; -moz-background-size:6px 10px; background-size:6px 10px; } .tmp_taiken .tmp_taiken_guide .tmp_btns li.tmp_btn_01 { margin-left:0; } .tmp_taiken .tmp_taiken_guide .tmp_btns li.tmp_btn_01 a { width:auto; padding:5px 20px 5px 28px; } .tmp_taiken .tmp_taiken_guide .tmp_btns li.tmp_btn_02 a { width:auto; padding:5px 10px 5px 22px; } .tmp_taiken .tmp_taiken_guide .tmp_body { margin:0; padding:15px 9px 20px; } .tmp_taiken .tmp_taiken_guide .tmp_date_wrap { padding:0; font-size:12px; } .tmp_taiken .tmp_taiken_guide .tmp_date_wrap .tmp_label { float:left; width:3em; height:20px; padding:4px 9px 0 14px; font-weight:bold; } .tmp_taiken .tmp_taiken_guide .tmp_date_wrap .tmp_label:after { right:-10px; border-width:12px 0 12px 10px; } .tmp_taiken .tmp_taiken_guide .tmp_date { display:block; position:relative; top:2px; width:auto; height:auto; padding-left:3em; font-weight:bold; } .tmp_taiken .tmp_taiken_guide .tmp_date .tmp_date_inner { display:block; padding-left:40px; word-wrap:break-word; } .tmp_taiken .tmp_taiken_guide .tmp_desc { margin:0; padding-top:15px; border:none; text-align:left; } .tmp_taiken .tmp_taiken_guide .tmp_note { margin-top:15px; padding:0 9px; } /**** 同時開催イベント ****/ .tmp_taiken .tmp_feature_event .tmp_feature_event_inner { padding:0; background:#fff; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_thumbnail { width:87.2%; margin:0 auto; } .tmp_taiken .tmp_feature_event .tmp_thumbnail .tmp_align_left { display:block; float:none; margin:0 auto; } .tmp_taiken .tmp_feature_event .tmp_thumbnail .tmp_align_right { display:block; float:none; margin:0 auto; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_info { float:none; width:100%; margin:0 auto; padding:10px 3px; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_info .tmp_course_name { font-size:12px; } .tmp_taiken .tmp_feature_event .tmp_list .tmp_desc { margin-top:0; font-size:10px; } .tmp_taiken .tmp_feature_event .tmp_curc { margin-top:10px; font-size:10px; } .tmp_taiken .tmp_feature_event .tmp_bnr ul li { margin-top:14px; } .tmp_taiken .tmp_feature_event .tmp_bnr ul li + li { margin-top:19px; } .tmp_taiken .tmp_feature_event .tmp_bnr ul li img { width:100%; height:auto; } /* -------------------------------- WebTV -------------------------------- */ .tmp_webtv { margin:20px 10px 50px; padding:25px 20px 20px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fff; } .tmp_webtv .tmp_hdr h2 + p { margin-top:6px; } .tmp_webtv #tmp_cf_wrap { width:220px; margin:0 auto; } .caroufredsel_wrapper { margin-top:10px !important; } .tmp_webtv .tmp_carousel_item { width:220px; margin:0 auto; text-align:center; } .tmp_webtv .tmp_carousel_item a:hover img { opacity:1; } .tmp_webtv .tmp_ttl { margin-top:10px; font-size:12px; } .tmp_webtv .tmp_desc { display:none; } .tmp_webtv .tmp_readmore { margin-right:-15px; padding:15px 0 0 0; font-size:14px; } .tmp_webtv #tmp_cf_navigation li { width:12px; height:22px; cursor:pointer; text-indent:-9999px; -webkit-background-size:12px 22px; -moz-background-size:12px 22px; background-size:12px 22px; } .tmp_webtv #tmp_cf_navigation #tmp_cf_prev { left:10px; top:165px; } .tmp_webtv #tmp_cf_navigation #tmp_cf_next { right:10px; top:165px; } /* -------------------------------- jobmap -------------------------------- */ #tmp_jobmap { margin:0 10px 50px; padding:0 20px 20px; border-top:none; border-bottom:1px solid #d9d9d9; background:#fff; } #tmp_jobmap .tmp_navigation li { width:12px; height:22px; top:240px; background-size:12px 22px; } #tmp_jobmap .tmp_jobmap_carousel .tmp_item {margin: 0; width: 200px; height: 280px;} /* -------------------------------- メインカラム 資料請求バナー -------------------------------- */ .tmp_main_request_bnr { display:none; } } /**************************************************************************************** general2 */ /* -------------------------------- カバー画像 -------------------------------- */ #tmp_cover.tmp_cover_w1500 { max-width:1500px; margin:0 auto; } #tmp_cover .royalSlider, #tmp_cover .rsOverflow, #tmp_cover .rsSlide { background:#ffffff; } #tmp_cover .rsArrowIcn { border-radius:0; margin-top:-20px; margin-left:-11px; width:22px; height:40px; background:url(../../common/images/arw_royalslider.png) no-repeat; } #tmp_cover .rsArrowLeft .rsArrowIcn { background-position:0 0; } #tmp_cover .rsArrowRight .rsArrowIcn { background-position:-22px 0; } @media screen and (max-width:1023px) { #tmp_cover .rsTab { display:none; } #tmp_cover .rsArrow { display:none !important; } } /* -------------------------------- コンテンツ共通 -------------------------------- */ .tmp_sectionInner{ margin-left:15px; } .section .cnt_h3 { margin-bottom:30px; font-size:185%; color:#002baf; line-height:1.3; } .section .cnt_h4 { margin-bottom:20px; font-size:128%; color:#002baf; } @media screen and (max-width:767px) { .tmp_sectionInner{ margin-left:0; } .tmp_sectionCommon{ padding:0 10px; } .section .cnt_h3 { font-size:15px; font-weight:bold; } } img { border:medium none; line-height:0; margin:0; padding:0; } .img_hover:hover{ opacity:0.8; } /* -------------------------------- フォント -------------------------------- */ .fs10{ font-size:10px!important; } .fs11{ font-size:11px!important; } .fs12{ font-size:12px!important; } .fs13{ font-size:13px!important; } .fs14{ font-size:14px!important; } .fs15{ font-size:15px!important; } .fs16{ font-size:16px!important; } .fs17{ font-size:17px!important; } .fs18{ font-size:18px!important; } .fs19{ font-size:19px!important; } .fs20{ font-size:20px!important; } .fs21{ font-size:21px!important; } .fs22{ font-size:22px!important; } .fs23{ font-size:23px!important; } .fs24{ font-size:24px!important; } .fs25{ font-size:25px!important; } .fs26{ font-size:26px!important; } .bold{ font-weight:bold!important; } .nomal{ font-weight:lighter!important; } @media screen and (max-width:767px) { .sp_fs10{ font-size:10px!important; } .sp_fs11{ font-size:11px!important; } .sp_fs12{ font-size:12px!important; } .sp_fs13{ font-size:13px!important; } .sp_fs14{ font-size:14px!important; } .sp_fs15{ font-size:15px!important; } .sp_fs16{ font-size:16px!important; } .sp_fs17{ font-size:17px!important; } .sp_fs18{ font-size:18px!important; } .sp_fs19{ font-size:19px!important; } .sp_fs20{ font-size:20px!important; } .sp_fs21{ font-size:21px!important; } .sp_fs22{ font-size:22px!important; } .sp_fs23{ font-size:23px!important; } .sp_fs24{ font-size:24px!important; } .sp_fs25{ font-size:25px!important; } .sp_fs26{ font-size:26px!important; } .sp_bold{ font-weight:bold!important; } .sp_nomal{ font-weight:lighter!important; } } /* -------------------------------- responsive -------------------------------- */ .dsp_pc { display:block; } .dsp_sp { display:none; } .img_sp { width:100%; height:auto; } .img_sp_m { height:auto; max-width:100%; } .dsp_pc_il{display:inline!important;} .dsp_sp_il{display:none!important;} .dsp_pc_ilb{display:inline-block!important;} .dsp_sp_ilb{display:none!important;} @media screen and (max-width:767px) { .dsp_pc { display:none!important; } .dsp_sp { display:block!important; } .sp_block { display:block!important; } .dsp_pc_il{display:none!important;} .dsp_sp_il{display:inline!important;} .dsp_pc_ilb{display:none!important;} .dsp_sp_ilb{display:inline-block!important;} } .dsp_il { display:inline!important; } .dsp_ilb { display:inline-block;!important; } .dsp_flex{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;} /* -------------------------------- position -------------------------------- */ .pos_rel{position:relative;} .pos_abs{position:absolute;} .pos_fix{position:fixed;} /* -------------------------------- float -------------------------------- */ .fl_l{float:left!important;} .fl_r{float:right!important;} .fl_c{clear:both!important;} /* -------------------------------- text-align / position -------------------------------- */ .ta_c{text-align:center!important;} .ta_l{text-align: left!important;} .ta_r{text-align:right!important;} @media screen and (max-width:767px) { .sp_ta_c{text-align:center!important;} .sp_ta_l{text-align: left!important;} .sp_ta_r{text-align:right!important;} } .ps_r{position:relative;} .ps_a{position:absolute;} .ps_br{position:absolute; bottom:0px; right:0px;} .ps_br20{position:absolute; bottom:20px; right:20px;} @media screen and (max-width:767px) { .sp_ps_r{position:relative;} .sp_ps_a{position:absolute;} } .bs_bb{ box-sizing:border-box!important; } .bs_cd{ box-sizing:content-box!important; } @media screen and (max-width:767px) { .sp_bs_bb{ box-sizing:border-box!important; } .sp_bs_cd{ box-sizing:content-box!important; } } /* -------------------------------- indent & bullet -------------------------------- */ .indent1 {padding-left:1em;} .indent1b {padding-left:1.5em;} .indent2 {padding-left:2em;} .indent2b {padding-left:2.5em;} .indent3 {padding-left:3em;} .indent3b {padding-left:3.5em;} .indent4 {padding-left:4em;} .indent4b {padding-left:4.5em;} .indent5 {padding-left:5em;} .indent5b {padding-left:5.5em;} .indent1 .bullet {display:inline-block;width:1em;margin-left:-1em;} .indent1b .bullet {display:inline-block;width:1.5em;margin-left:-1.5em;} .indent2 .bullet {display:inline-block;width:2em;margin-left:-2em;} .indent2b .bullet {display:inline-block;width:2.5em;margin-left:-1.5em;} .indent3 .bullet {display:inline-block;width:3em;margin-left:-3em;} .indent3b .bullet {display:inline-block;width:3.5em;margin-left:-3.5em;} .indent4 .bullet {display:inline-block;width:4em;margin-left:-4em;} .indent4b .bullet {display:inline-block;width:4.5em;margin-left:-4.5em;} .indent5 .bullet {display:inline-block;width:5em;margin-left:-5em;} .indent5b .bullet {display:inline-block;width:5.5em;margin-left:-5.5em;} /*---------------------------------------------------- 装飾 ( color / h / text / link / box / hr ) ----------------------------------------------------*/ .colNec{ color:#002baf!important; border-color:#002baf; } /* 日本工学院 */ .colKmt{ color:#b61412!important; border-color:#b61412; } /* 蒲田キャンパス */ .colHoj{ color:#0f740a!important; border-color:#0f740a; } /* 八王子キャンパス */ .colHkd{ color:#ff6a05!important; border-color:#ff6a05; } /* 北海道キャンパス */ .colCrt{ color:#1a8a00!important; border-color:#1a8a00; } /* クリエイターズ */ .colDsn{ color:#df394c!important; border-color:#df394c; } /* デザイン */ .colMsc{ color:#a40000!important; border-color:#a40000; } /* ミュージック */ .colItc{ color:#fc8d00!important; border-color:#fc8d00; } /* IT */ .colTec{ color:#7438bc!important; border-color:#7438bc; } /* テクノロジー */ .colMdc{ color:#16aecc!important; border-color:#16aecc; } /* 医療 */ .colMdc_kdm{ color:#eb6d8e!important; border-color:#eb6d8e; } /* 医療＿こども学科 */ .colSpt{ color:#005cc4!important; border-color:#005cc4; } /* スポーツ */ .bgcolNec{ background-color:#002baf; } /* 日本工学院 */ .bgcolKmt{ background-color:#b61412; } /* 蒲田キャンパス */ .bgcolHoj{ background-color:#0f740a; } /* 八王子キャンパス */ .bgcolHkd{ background-color:#ff6a05; } /* 北海道キャンパス */ .bgcolCrt{ background-color:#1a8a00; } /* クリエイターズ */ .bgcolDsn{ background-color:#df394c; } /* デザイン */ .bgcolMsc{ background-color:#a40000; } /* ミュージック */ .bgcolItc{ background-color:#fc8d00; } /* IT */ .bgcolTec{ background-color:#7438bc; } /* テクノロジー */ .bgcolMdc{ background-color:#16aecc; } /* 医療 */ .bgcolMdc_kdm{ background-color:#eb6d8e; } /* 医療＿こども学科 */ .bgcolSpt{ background-color:#005cc4; } /* スポーツ */ .colLink{ color:#213b8c; } /* リンク */ .colStd{ color:#333; } /* 標準色 */ .colWht{ color:#fff; } /* 白 */ #tmp_hdr .tmp_hdr_second{ width:510px; } .tmp_cnt_h4:before{ content:"■"; padding-right:2px; } .tmp_cnt_h4{ font-size:128%; margin-bottom:20px; } .tmp_cnt_h2{ font-size:185%; line-height:1.3; margin-bottom:30px; } .tmp_cnt_h2_sub{ font-size:114%; font-weight:bold; margin-bottom:70px; } .tmp_bor_h{ border-style:solid; border-width:0 0 0 6px; line-height:1.3; padding-left:12px; } .tmp_textStd{ font-size:100%; } .tmp_textIdt{ padding-left:1em; text-indent:-1em; } /* IEでバグがあるため、メディアクエリ（768px以上）で対応 .tmp_numberCircle:before{ content:"●"; font-size:239%; } */ .tmp_numberCircle{ width:100%; } .tmp_numberCircle p{ display:inline-table; font-size:162%; padding-top:0.38em; vertical-align:top; width:94%; } .tmp_numberNumber{ color:#fff; margin-left:-1.29em; display:inline-block!important; width:23px!important; } .tmp_pinkCircle{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleCrt120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8cc47f; color:#fff; } .tmp_circleDsn120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ef9ca5; color:#fff; } .tmp_circleMsc120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleItc120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#fdc67f; color:#fff; } .tmp_circleTec120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#b99bdd; color:#fff; } .tmp_circleMdc120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8ad6e5; color:#fff; } .tmp_circleMdc_kdm120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#eb6d8e; color:#fff; } .tmp_circleSpt120{ width:120px; height:120px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7fade1; color:#fff; } .tmp_circleCrt70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8cc47f; color:#fff; } .tmp_circleDsn70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ef9ca5; color:#fff; } .tmp_circleMsc70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleItc70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#fdc67f; color:#fff; } .tmp_circleTec70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#b99bdd; color:#fff; } .tmp_circleMdc70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8ad6e5; color:#fff; } .tmp_circleSpt70{ width:70px; height:70px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7fade1; color:#fff; } .tmp_circleCrt20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8cc47f; color:#fff; } .tmp_circleDsn20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ef9ca5; color:#fff; } .tmp_circleMsc20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleItc20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#fdc67f; color:#fff; } .tmp_circleTec20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#b99bdd; color:#fff; } .tmp_circleMdc20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8ad6e5; color:#fff; } .tmp_circleSpt20{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7fade1; color:#fff; } .tmp_linkCommon{ font-size:100%; } .tmp_linkCommon:before{ content:">"; color:#bdbdbd; padding-right:8px; } .tmp_linkNw{ background:url("/common/images/ico_nw.gif") no-repeat left center / 13px; padding-left:20px; } .tmp_linkNw_r{ background:url("/common/images/ico_nw.gif") no-repeat right center / 13px; padding-right:20px; } @media screen and (min-width:768px) { .tmp_numberCircle:before{ content:"●"; font-size:239%; } } @media screen and (max-width:767px) { #tmp_hdr .tmp_hdr_second{ width:auto!important; } .tmp_cnt_h2 { font-size:15px; font-weight:bold; margin-bottom:10px; } .tmp_cnt_h2_sub{ font-size:100%; margin-bottom:30px; } .tmp_cnt_h4{ font-size:13px; font-weight:bold; margin-bottom:10px; } .tmp_bor_h { border-width:0 0 0 4px; padding-left:9px; } .tmp_textStd{ font-size:93%; } .tmp_linkCommon{ font-size:93%; } .tmp_linkNw{ background-size:13px; padding-left:20px; } .tmp_linkNw_r{ background-size:13px; padding-right:20px; } .tmp_numberCircle:before{ content:"●"; font-size:150%; } .tmp_numberCircle{ width:100%; } .tmp_numberCircle p{ font-size:110%; padding-top:0.32em; width:85%; } .tmp_numberNumber{ margin-left:-1.32em; width:15px!important; } .tmp_pinkCircle{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleCrt120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8cc47f; color:#fff; } .tmp_circleDsn120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ef9ca5; color:#fff; } .tmp_circleMsc120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleItc120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#fdc67f; color:#fff; } .tmp_circleTec120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#b99bdd; color:#fff; } .tmp_circleMdc120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8ad6e5; color:#fff; } .tmp_circleSpt120{ width:85px; height:85px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7fade1; color:#fff; } .tmp_circleCrt70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8cc47f; color:#fff; } .tmp_circleDsn70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#ef9ca5; color:#fff; } .tmp_circleMsc70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#f19395; color:#fff; } .tmp_circleItc70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#fdc67f; color:#fff; } .tmp_circleTec70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#b99bdd; color:#fff; } .tmp_circleMdc70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#8ad6e5; color:#fff; } .tmp_circleSpt70{ width:50px; height:50px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#7fade1; color:#fff; } } .tmp_buttonCommon a:link{ color:#fff; } .tmp_buttonCommon a:hover{ color:#fff; text-decoration:none; } .tmp_buttonCommon a:active{ color:#fff; } .tmp_buttonCommon a:visited{ color:#fff; } .tmp_buttonCommon a{ display:block; padding:0 15px 0 30px; } .tmp_buttonCommon{ position:relative; text-align:center; background-color:#1b388d; font-weight:bold; font-size:15px; line-height:1; } .tmp_buttonCommon:hover{ opacity:0.8; } .tmp_btn580{ font-size:17px; width:580px; padding:20px 0; } .tmp_btn580:before{ content:">"; color:#fff; position:absolute; left:25px; } .tmp_btn450{ width:450px; padding:12px 0; } .tmp_btn270{ width:270px; padding:12px 0; } .tmp_btn220{ width:220px; padding:7px 0; } .tmp_btn450:before, .tmp_btn270:before, .tmp_btn220:before{ content:">"; color:#fff; position:absolute; left:15px; } @media screen and (max-width:767px) { .tmp_btn580, .tmp_btn450{ width:100%; font-size:15px; } .tmp_btn270, .tmp_btn220{ width:100%; font-size:13px; } } .tmp_buttonCommon.fullclick { padding-top:0px!important; padding-bottom:0px!important; } .tmp_buttonCommon.fullclick.tmp_btn580 a { padding-top:20px; padding-bottom:20px; } .tmp_buttonCommon.fullclick.tmp_btn450 a, .tmp_buttonCommon.fullclick.tmp_btn270 a, .tmp_buttonCommon.fullclick.tmp_btn220 a { line-height:135%; padding-bottom:10px; padding-top:10px; } .tmp_buttonCommon.fullclick:before { content:""!important; } .tmp_buttonCommon.fullclick a:before { content:">"; color:#fff; position:absolute; left:15px; } .tmp_buttonCommon.fullclick.tmp_btn580 a:before { left:25px; } @media screen and (max-width:767px) { .tmp_buttonCommon.fullclick.tmp_btn580 a:before { left:15px; } } /*.tmp_bor_box { padding:25px 20px; border:1px solid #d9d9d9; } .tmp_bor_tn { border-top:none; } .tmp_bor_bn { border-bottom:none; } .tmp_bor_ln { border-left:none; } .tmp_bor_rn { border-right:none; }*/ .tmp_boxBorder{ border:solid 1px #dadada; padding:25px 20px; box-sizing:border-box; } .tmp_boxGray{ background:#f2f2f2; padding:15px; box-sizing:border-box; } .tmp_boxBlue{ background:#f3f8fd; padding:20px; box-sizing:border-box; } .bdr_t{ border-top:solid 1px #dadada; } .bdr_l{ border-left:solid 1px #dadada; } .bdr_r{ border-right:solid 1px #dadada; } .bdr_b{ border-bottom:solid 1px #dadada; } .bdr_n{ border:none!important; } .bdr_tn{ border-top:none!important; } .bdr_ln{ border-left:none!important; } .bdr_rn{ border-right:none!important; } .bdr_bn{ border-bottom:none!important; } .bdr_lrn{ border-left:none!important; border-right:none!important; } @media screen and (max-width:767px) { .sp_bdr_t{ border-top:solid 1px #dadada; } .sp_bdr_l{ border-left:solid 1px #dadada; } .sp_bdr_r{ border-right:solid 1px #dadada; } .sp_bdr_b{ border-bottom:solid 1px #dadada; } .sp_bdr_n{ border:none!important; } .sp_bdr_tn{ border-top:none!important; } .sp_bdr_ln{ border-left:none!important; } .sp_bdr_rn{ border-right:none!important; } .sp_bdr_bn{ border-bottom:none!important; } .sp_bdr_lrn{ border-left:none!important; border-right:none!important; } } hr{ margin:10px 0; border:none; border-top:solid 1px #dadada; height:1px; display:block; } /* -------------------------------- table -------------------------------- */ .tableCommon{ border:solid 1px #dadada; width:778px; } .tableCommon td{ padding:5px 25px; font-size:12px; } .tableCommon th{ padding:10px 25px; font-weight:bold; } .tbg_gray{ background-color:#f2f2f2!important; } .tbg_nec{ background-color:#e5e9f7!important; } .tbg_crt{ background-color:#dde5d3!important; } .tbg_itc{ background-color:#fdead4!important; } .tbg_black{ background-color:#333!important; color:#fff!important; } .tbg_white{ background-color:#fff!important; } .tbg_blue{ background:#e9edf4!important; } .tbd_t{ border-top:solid 1px #dadada; } .tbd_r{ border-right:solid 1px #dadada; } .tbd_l{ border-left:solid 1px #dadada; } .tbd_b{ border-bottom:solid 1px #dadada; } .tbd_r_black{ border-right:solid 1px #000; } .tbd_l_black{ border-left:solid 1px #000; } .tbd_t_white{ border-top:solid 1px #fff; } .tbd_b_white{ border-bottom:solid 1px #fff; } .tbd_r_white{ border-right:solid 1px #fff; } .tbd_l_white{ border-left:solid 1px #fff; } .tva_t{ vertical-align:top; } .tva_m{ vertical-align:middle; } .tva_b{ vertical-align:bottom; } .twd_40{ width:40px!important; } .twd_80{ width:80px!important; } .twd_250{ width:250px!important; } .tableAltn tr:nth-child(even) td{ background-color:#fafafa; } .tableWidth_455{ width:455px!important; } .tableCurriculum th{ font-weight:lighter; text-align:center; padding:5px!important; height:20px; } .tableCurriculum td{ width:65px; padding:5px 10px!important; height:40px; } @media screen and (max-width:767px) { .tableCommon{ width:100%; } .tableCommon td{ padding:5px 25px; font-size:11px; } } /* -------------------------------- width % -------------------------------- */ .w100{width:100%!important;} .w99 {width:99%!important;} .w98 {width:98%!important;} .w97 {width:97%!important;} .w96 {width:96%!important;} .w95 {width:95%!important;} .w94 {width:94%!important;} .w93 {width:93%!important;} .w92 {width:92%!important;} .w91 {width:91%!important;} .w90 {width:90%!important;} .w89 {width:89%!important;} .w88 {width:88%!important;} .w87 {width:87%!important;} .w86 {width:86%!important;} .w85 {width:85%!important;} .w84 {width:84%!important;} .w83 {width:83%!important;} .w82 {width:82%!important;} .w81 {width:81%!important;} .w80 {width:80%!important;} .w79 {width:79%!important;} .w78 {width:78%!important;} .w77 {width:77%!important;} .w76 {width:76%!important;} .w75 {width:75%!important;} .w74 {width:74%!important;} .w73 {width:73%!important;} .w72 {width:72%!important;} .w71 {width:71%!important;} .w70 {width:70%!important;} .w69 {width:69%!important;} .w68 {width:68%!important;} .w67 {width:67%!important;} .w66 {width:66%!important;} .w65 {width:65%!important;} .w64 {width:64%!important;} .w63 {width:63%!important;} .w62 {width:62%!important;} .w61 {width:61%!important;} .w60 {width:60%!important;} .w59 {width:59%!important;} .w58 {width:58%!important;} .w57 {width:57%!important;} .w56 {width:56%!important;} .w55 {width:55%!important;} .w54 {width:54%!important;} .w53 {width:53%!important;} .w52 {width:52%!important;} .w51 {width:51%!important;} .w50 {width:50%!important;} .w49 {width:49%!important;} .w48 {width:48%!important;} .w47 {width:47%!important;} .w46 {width:46%!important;} .w45 {width:45%!important;} .w44 {width:44%!important;} .w43 {width:43%!important;} .w42 {width:42%!important;} .w41 {width:41%!important;} .w40 {width:40%!important;} .w39 {width:39%!important;} .w38 {width:38%!important;} .w37 {width:37%!important;} .w36 {width:36%!important;} .w35 {width:35%!important;} .w34 {width:34%!important;} .w33 {width:33%!important;} .w32 {width:32%!important;} .w31 {width:31%!important;} .w30 {width:30%!important;} .w29 {width:29%!important;} .w28 {width:28%!important;} .w27 {width:27%!important;} .w26 {width:26%!important;} .w25 {width:25%!important;} .w24 {width:24%!important;} .w23 {width:23%!important;} .w22 {width:22%!important;} .w21 {width:21%!important;} .w20 {width:20%!important;} .w19 {width:19%!important;} .w18 {width:18%!important;} .w17 {width:17%!important;} .w16 {width:16%!important;} .w15 {width:15%!important;} .w14 {width:14%!important;} .w13 {width:13%!important;} .w12 {width:12%!important;} .w11 {width:11%!important;} .w10 {width:10%!important;} /* メディアクエリ */ @media screen and (max-width:767px) { .sp_w100{width:100%!important;} .sp_w99 {width:99%!important;} .sp_w98 {width:98%!important;} .sp_w97 {width:97%!important;} .sp_w96 {width:96%!important;} .sp_w95 {width:95%!important;} .sp_w94 {width:94%!important;} .sp_w93 {width:93%!important;} .sp_w92 {width:92%!important;} .sp_w91 {width:91%!important;} .sp_w90 {width:90%!important;} .sp_w89 {width:89%!important;} .sp_w88 {width:88%!important;} .sp_w87 {width:87%!important;} .sp_w86 {width:86%!important;} .sp_w85 {width:85%!important;} .sp_w84 {width:84%!important;} .sp_w83 {width:83%!important;} .sp_w82 {width:82%!important;} .sp_w81 {width:81%!important;} .sp_w80 {width:80%!important;} .sp_w79 {width:79%!important;} .sp_w78 {width:78%!important;} .sp_w77 {width:77%!important;} .sp_w76 {width:76%!important;} .sp_w75 {width:75%!important;} .sp_w74 {width:74%!important;} .sp_w73 {width:73%!important;} .sp_w72 {width:72%!important;} .sp_w71 {width:71%!important;} .sp_w70 {width:70%!important;} .sp_w69 {width:69%!important;} .sp_w68 {width:68%!important;} .sp_w67 {width:67%!important;} .sp_w66 {width:66%!important;} .sp_w65 {width:65%!important;} .sp_w64 {width:64%!important;} .sp_w63 {width:63%!important;} .sp_w62 {width:62%!important;} .sp_w61 {width:61%!important;} .sp_w60 {width:60%!important;} .sp_w59 {width:59%!important;} .sp_w58 {width:58%!important;} .sp_w57 {width:57%!important;} .sp_w56 {width:56%!important;} .sp_w55 {width:55%!important;} .sp_w54 {width:54%!important;} .sp_w53 {width:53%!important;} .sp_w52 {width:52%!important;} .sp_w51 {width:51%!important;} .sp_w50 {width:50%!important;} .sp_w49 {width:49%!important;} .sp_w48 {width:48%!important;} .sp_w47 {width:47%!important;} .sp_w46 {width:46%!important;} .sp_w45 {width:45%!important;} .sp_w44 {width:44%!important;} .sp_w43 {width:43%!important;} .sp_w42 {width:42%!important;} .sp_w41 {width:41%!important;} .sp_w40 {width:40%!important;} .sp_w39 {width:39%!important;} .sp_w38 {width:38%!important;} .sp_w37 {width:37%!important;} .sp_w36 {width:36%!important;} .sp_w35 {width:35%!important;} .sp_w34 {width:34%!important;} .sp_w33 {width:33%!important;} .sp_w32 {width:32%!important;} .sp_w31 {width:31%!important;} .sp_w30 {width:30%!important;} .sp_w29 {width:29%!important;} .sp_w28 {width:28%!important;} .sp_w27 {width:27%!important;} .sp_w26 {width:26%!important;} .sp_w25 {width:25%!important;} .sp_w24 {width:24%!important;} .sp_w23 {width:23%!important;} .sp_w22 {width:22%!important;} .sp_w21 {width:21%!important;} .sp_w20 {width:20%!important;} .sp_w19 {width:19%!important;} .sp_w18 {width:18%!important;} .sp_w17 {width:17%!important;} .sp_w16 {width:16%!important;} .sp_w15 {width:15%!important;} .sp_w14 {width:14%!important;} .sp_w13 {width:13%!important;} .sp_w12 {width:12%!important;} .sp_w11 {width:11%!important;} .sp_w10 {width:10%!important;} } /* -------------------------------- margin -------------------------------- */ .m0 {margin:0px!important;} .m1 {margin:1px!important;} .m2 {margin:2px!important;} .m3 {margin:3px!important;} .m4 {margin:4px!important;} .m5 {margin:5px!important;} .m6 {margin:6px!important;} .m7 {margin:7px!important;} .m8 {margin:8px!important;} .m9 {margin:9px!important;} .m10 {margin:10px!important;} .m15 {margin:15px!important;} .m20 {margin:20px!important;} .m25 {margin:25px!important;} .m30 {margin:30px!important;} .m35 {margin:35px!important;} .m40 {margin:40px!important;} .m45 {margin:45px!important;} .m50 {margin:50px!important;} .m55 {margin:55px!important;} .m60 {margin:60px!important;} .m65 {margin:65px!important;} .m70 {margin:70px!important;} .m75 {margin:75px!important;} .m80 {margin:80px!important;} .m85 {margin:85px!important;} .m90 {margin:90px!important;} .m95 {margin:95px!important;} .m100{margin:100px!important;} .mt0 {margin-top:0px!important;} .mt1 {margin-top:1px!important;} .mt2 {margin-top:2px!important;} .mt3 {margin-top:3px!important;} .mt4 {margin-top:4px!important;} .mt5 {margin-top:5px!important;} .mt6 {margin-top:6px!important;} .mt7 {margin-top:7px!important;} .mt8 {margin-top:8px!important;} .mt9 {margin-top:9px!important;} .mt10 {margin-top:10px!important;} .mt15 {margin-top:15px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt45 {margin-top:45px!important;} .mt50 {margin-top:50px!important;} .mt55 {margin-top:55px!important;} .mt60 {margin-top:60px!important;} .mt65 {margin-top:65px!important;} .mt70 {margin-top:70px!important;} .mt75 {margin-top:75px!important;} .mt80 {margin-top:80px!important;} .mt85 {margin-top:85px!important;} .mt90 {margin-top:90px!important;} .mt95 {margin-top:95px!important;} .mt100{margin-top:100px!important;} .mb0 {margin-bottom:0px!important;} .mb1 {margin-bottom:1px!important;} .mb2 {margin-bottom:2px!important;} .mb3 {margin-bottom:3px!important;} .mb4 {margin-bottom:4px!important;} .mb5 {margin-bottom:5px!important;} .mb6 {margin-bottom:6px!important;} .mb7 {margin-bottom:7px!important;} .mb8 {margin-bottom:8px!important;} .mb9 {margin-bottom:9px!important;} .mb10 {margin-bottom:10px!important;} .mb15 {margin-bottom:15px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb45 {margin-bottom:45px!important;} .mb50 {margin-bottom:50px!important;} .mb55 {margin-bottom:55px!important;} .mb60 {margin-bottom:60px!important;} .mb65 {margin-bottom:65px!important;} .mb70 {margin-bottom:70px!important;} .mb75 {margin-bottom:75px!important;} .mb80 {margin-bottom:80px!important;} .mb85 {margin-bottom:85px!important;} .mb90 {margin-bottom:90px!important;} .mb95 {margin-bottom:95px!important;} .mb100{margin-bottom:100px!important;} .mtb0 {margin-top:0px!important; margin-bottom:0px!important;} .mtb1 {margin-top:1px!important; margin-bottom:1px!important;} .mtb2 {margin-top:2px!important; margin-bottom:2px!important;} .mtb3 {margin-top:3px!important; margin-bottom:3px!important;} .mtb4 {margin-top:4px!important; margin-bottom:4px!important;} .mtb5 {margin-top:5px!important; margin-bottom:5px!important;} .mtb6 {margin-top:6px!important; margin-bottom:6px!important;} .mtb7 {margin-top:7px!important; margin-bottom:7px!important;} .mtb8 {margin-top:8px!important; margin-bottom:8px!important;} .mtb9 {margin-top:9px!important; margin-bottom:9px!important;} .mtb10 {margin-top:10px!important; margin-bottom:10px!important;} .mtb15 {margin-top:15px!important; margin-bottom:15px!important;} .mtb20 {margin-top:20px!important; margin-bottom:20px!important;} .mtb25 {margin-top:25px!important; margin-bottom:25px!important;} .mtb30 {margin-top:30px!important; margin-bottom:30px!important;} .mtb35 {margin-top:35px!important; margin-bottom:35px!important;} .mtb40 {margin-top:40px!important; margin-bottom:40px!important;} .mtb45 {margin-top:45px!important; margin-bottom:45px!important;} .mtb50 {margin-top:50px!important; margin-bottom:50px!important;} .mtb55 {margin-top:55px!important; margin-bottom:55px!important;} .mtb60 {margin-top:60px!important; margin-bottom:60px!important;} .mtb65 {margin-top:65px!important; margin-bottom:65px!important;} .mtb70 {margin-top:70px!important; margin-bottom:70px!important;} .mtb75 {margin-top:75px!important; margin-bottom:75px!important;} .mtb80 {margin-top:80px!important; margin-bottom:80px!important;} .mtb85 {margin-top:85px!important; margin-bottom:85px!important;} .mtb90 {margin-top:90px!important; margin-bottom:90px!important;} .mtb95 {margin-top:95px!important; margin-bottom:95px!important;} .mtb100{margin-top:1000px!important; margin-bottom:100px!important;} .ml0 {margin-left:0px!important;} .ml1 {margin-left:1px!important;} .ml2 {margin-left:2px!important;} .ml3 {margin-left:3px!important;} .ml4 {margin-left:4px!important;} .ml5 {margin-left:5px!important;} .ml6 {margin-left:6px!important;} .ml7 {margin-left:7px!important;} .ml8 {margin-left:8px!important;} .ml9 {margin-left:9px!important;} .ml10 {margin-left:10px!important;} .ml15 {margin-left:15px!important;} .ml20 {margin-left:20px!important;} .ml25 {margin-left:25px!important;} .ml30 {margin-left:30px!important;} .ml35 {margin-left:35px!important;} .ml40 {margin-left:40px!important;} .ml45 {margin-left:45px!important;} .ml50 {margin-left:50px!important;} .ml55 {margin-left:55px!important;} .ml60 {margin-left:60px!important;} .ml65 {margin-left:65px!important;} .ml70 {margin-left:70px!important;} .ml75 {margin-left:75px!important;} .ml80 {margin-left:80px!important;} .ml85 {margin-left:85px!important;} .ml90 {margin-left:90px!important;} .ml95 {margin-left:95px!important;} .ml100{margin-left:100px!important;} .mr0 {margin-right:0px!important;} .mr1 {margin-right:1px!important;} .mr2 {margin-right:2px!important;} .mr3 {margin-right:3px!important;} .mr4 {margin-right:4px!important;} .mr5 {margin-right:5px!important;} .mr6 {margin-right:6px!important;} .mr7 {margin-right:7px!important;} .mr8 {margin-right:8px!important;} .mr9 {margin-right:9px!important;} .mr10 {margin-right:10px!important;} .mr15 {margin-right:15px!important;} .mr20 {margin-right:20px!important;} .mr25 {margin-right:25px!important;} .mr30 {margin-right:30px!important;} .mr35 {margin-right:35px!important;} .mr40 {margin-right:40px!important;} .mr45 {margin-right:45px!important;} .mr50 {margin-right:50px!important;} .mr55 {margin-right:55px!important;} .mr60 {margin-right:60px!important;} .mr65 {margin-right:65px!important;} .mr70 {margin-right:70px!important;} .mr75 {margin-right:75px!important;} .mr80 {margin-right:80px!important;} .mr85 {margin-right:85px!important;} .mr90 {margin-right:90px!important;} .mr95 {margin-right:95px!important;} .mr100{margin-right:100px!important;} .mlr0 {margin-left:0px!important; margin-right:0px!important;} .mlr1 {margin-left:1px!important; margin-right:1px!important;} .mlr2 {margin-left:2px!important; margin-right:2px!important;} .mlr3 {margin-left:3px!important; margin-right:3px!important;} .mlr4 {margin-left:4px!important; margin-right:4px!important;} .mlr5 {margin-left:5px!important; margin-right:5px!important;} .mlr6 {margin-left:6px!important; margin-right:6px!important;} .mlr7 {margin-left:7px!important; margin-right:7px!important;} .mlr8 {margin-left:8px!important; margin-right:8px!important;} .mlr9 {margin-left:9px!important; margin-right:9px!important;} .mlr10 {margin-left:10px!important; margin-right:10px!important;} .mlr15 {margin-left:15px!important; margin-right:15px!important;} .mlr20 {margin-left:20px!important; margin-right:20px!important;} .mlr25 {margin-left:25px!important; margin-right:25px!important;} .mlr30 {margin-left:30px!important; margin-right:30px!important;} .mlr35 {margin-left:35px!important; margin-right:35px!important;} .mlr40 {margin-left:40px!important; margin-right:40px!important;} .mlr45 {margin-left:45px!important; margin-right:45px!important;} .mlr50 {margin-left:50px!important; margin-right:50px!important;} .mlr55 {margin-left:55px!important; margin-right:55px!important;} .mlr60 {margin-left:60px!important; margin-right:60px!important;} .mlr65 {margin-left:65px!important; margin-right:65px!important;} .mlr70 {margin-left:70px!important; margin-right:70px!important;} .mlr75 {margin-left:75px!important; margin-right:75px!important;} .mlr80 {margin-left:80px!important; margin-right:80px!important;} .mlr85 {margin-left:85px!important; margin-right:85px!important;} .mlr90 {margin-left:90px!important; margin-right:90px!important;} .mlr95 {margin-left:95px!important; margin-right:95px!important;} .mlr100{margin-left:1000px!important; margin-right:100px!important;} /* メディアクエリ */ @media screen and (max-width:767px) { .sp_m0 {margin:0px!important;} .sp_m1 {margin:1px!important;} .sp_m2 {margin:2px!important;} .sp_m3 {margin:3px!important;} .sp_m4 {margin:4px!important;} .sp_m5 {margin:5px!important;} .sp_m6 {margin:6px!important;} .sp_m7 {margin:7px!important;} .sp_m8 {margin:8px!important;} .sp_m9 {margin:9px!important;} .sp_m10 {margin:10px!important;} .sp_m15 {margin:15px!important;} .sp_m20 {margin:20px!important;} .sp_m25 {margin:25px!important;} .sp_m30 {margin:30px!important;} .sp_m35 {margin:35px!important;} .sp_m40 {margin:40px!important;} .sp_m45 {margin:45px!important;} .sp_m50 {margin:50px!important;} .sp_m55 {margin:55px!important;} .sp_m60 {margin:60px!important;} .sp_m65 {margin:65px!important;} .sp_m70 {margin:70px!important;} .sp_m75 {margin:75px!important;} .sp_m80 {margin:80px!important;} .sp_m85 {margin:85px!important;} .sp_m90 {margin:90px!important;} .sp_m95 {margin:95px!important;} .sp_m100{margin:100px!important;} .sp_mt0 {margin-top:0px!important;} .sp_mt1 {margin-top:1px!important;} .sp_mt2 {margin-top:2px!important;} .sp_mt3 {margin-top:3px!important;} .sp_mt4 {margin-top:4px!important;} .sp_mt5 {margin-top:5px!important;} .sp_mt6 {margin-top:6px!important;} .sp_mt7 {margin-top:7px!important;} .sp_mt8 {margin-top:8px!important;} .sp_mt9 {margin-top:9px!important;} .sp_mt10 {margin-top:10px!important;} .sp_mt15 {margin-top:15px!important;} .sp_mt20 {margin-top:20px!important;} .sp_mt25 {margin-top:25px!important;} .sp_mt30 {margin-top:30px!important;} .sp_mt35 {margin-top:35px!important;} .sp_mt40 {margin-top:40px!important;} .sp_mt45 {margin-top:45px!important;} .sp_mt50 {margin-top:50px!important;} .sp_mt55 {margin-top:55px!important;} .sp_mt60 {margin-top:60px!important;} .sp_mt65 {margin-top:65px!important;} .sp_mt70 {margin-top:70px!important;} .sp_mt75 {margin-top:75px!important;} .sp_mt80 {margin-top:80px!important;} .sp_mt85 {margin-top:85px!important;} .sp_mt90 {margin-top:90px!important;} .sp_mt95 {margin-top:95px!important;} .sp_mt100{margin-top:100px!important;} .sp_mb0 {margin-bottom:0px!important;} .sp_mb1 {margin-bottom:1px!important;} .sp_mb2 {margin-bottom:2px!important;} .sp_mb3 {margin-bottom:3px!important;} .sp_mb4 {margin-bottom:4px!important;} .sp_mb5 {margin-bottom:5px!important;} .sp_mb6 {margin-bottom:6px!important;} .sp_mb7 {margin-bottom:7px!important;} .sp_mb8 {margin-bottom:8px!important;} .sp_mb9 {margin-bottom:9px!important;} .sp_mb10 {margin-bottom:10px!important;} .sp_mb15 {margin-bottom:15px!important;} .sp_mb20 {margin-bottom:20px!important;} .sp_mb25 {margin-bottom:25px!important;} .sp_mb30 {margin-bottom:30px!important;} .sp_mb35 {margin-bottom:35px!important;} .sp_mb40 {margin-bottom:40px!important;} .sp_mb45 {margin-bottom:45px!important;} .sp_mb50 {margin-bottom:50px!important;} .sp_mb55 {margin-bottom:55px!important;} .sp_mb60 {margin-bottom:60px!important;} .sp_mb65 {margin-bottom:65px!important;} .sp_mb70 {margin-bottom:70px!important;} .sp_mb75 {margin-bottom:75px!important;} .sp_mb80 {margin-bottom:80px!important;} .sp_mb85 {margin-bottom:85px!important;} .sp_mb90 {margin-bottom:90px!important;} .sp_mb95 {margin-bottom:95px!important;} .sp_mb100{margin-bottom:100px!important;} .sp_mtb0 {margin-top:0px!important; margin-bottom:0px!important;} .sp_mtb1 {margin-top:1px!important; margin-bottom:1px!important;} .sp_mtb2 {margin-top:2px!important; margin-bottom:2px!important;} .sp_mtb3 {margin-top:3px!important; margin-bottom:3px!important;} .sp_mtb4 {margin-top:4px!important; margin-bottom:4px!important;} .sp_mtb5 {margin-top:5px!important; margin-bottom:5px!important;} .sp_mtb6 {margin-top:6px!important; margin-bottom:6px!important;} .sp_mtb7 {margin-top:7px!important; margin-bottom:7px!important;} .sp_mtb8 {margin-top:8px!important; margin-bottom:8px!important;} .sp_mtb9 {margin-top:9px!important; margin-bottom:9px!important;} .sp_mtb10 {margin-top:10px!important; margin-bottom:10px!important;} .sp_mtb15 {margin-top:15px!important; margin-bottom:15px!important;} .sp_mtb20 {margin-top:20px!important; margin-bottom:20px!important;} .sp_mtb25 {margin-top:25px!important; margin-bottom:25px!important;} .sp_mtb30 {margin-top:30px!important; margin-bottom:30px!important;} .sp_mtb35 {margin-top:35px!important; margin-bottom:35px!important;} .sp_mtb40 {margin-top:40px!important; margin-bottom:40px!important;} .sp_mtb45 {margin-top:45px!important; margin-bottom:45px!important;} .sp_mtb50 {margin-top:50px!important; margin-bottom:50px!important;} .sp_mtb55 {margin-top:55px!important; margin-bottom:55px!important;} .sp_mtb60 {margin-top:60px!important; margin-bottom:60px!important;} .sp_mtb65 {margin-top:65px!important; margin-bottom:65px!important;} .sp_mtb70 {margin-top:70px!important; margin-bottom:70px!important;} .sp_mtb75 {margin-top:75px!important; margin-bottom:75px!important;} .sp_mtb80 {margin-top:80px!important; margin-bottom:80px!important;} .sp_mtb85 {margin-top:85px!important; margin-bottom:85px!important;} .sp_mtb90 {margin-top:90px!important; margin-bottom:90px!important;} .sp_mtb95 {margin-top:95px!important; margin-bottom:95px!important;} .sp_mtb100{margin-top:1000px!important; margin-bottom:100px!important;} .sp_ml0 {margin-left:0px!important;} .sp_ml1 {margin-left:1px!important;} .sp_ml2 {margin-left:2px!important;} .sp_ml3 {margin-left:3px!important;} .sp_ml4 {margin-left:4px!important;} .sp_ml5 {margin-left:5px!important;} .sp_ml6 {margin-left:6px!important;} .sp_ml7 {margin-left:7px!important;} .sp_ml8 {margin-left:8px!important;} .sp_ml9 {margin-left:9px!important;} .sp_ml10 {margin-left:10px!important;} .sp_ml15 {margin-left:15px!important;} .sp_ml20 {margin-left:20px!important;} .sp_ml25 {margin-left:25px!important;} .sp_ml30 {margin-left:30px!important;} .sp_ml35 {margin-left:35px!important;} .sp_ml40 {margin-left:40px!important;} .sp_ml45 {margin-left:45px!important;} .sp_ml50 {margin-left:50px!important;} .sp_ml55 {margin-left:55px!important;} .sp_ml60 {margin-left:60px!important;} .sp_ml65 {margin-left:65px!important;} .sp_ml70 {margin-left:70px!important;} .sp_ml75 {margin-left:75px!important;} .sp_ml80 {margin-left:80px!important;} .sp_ml85 {margin-left:85px!important;} .sp_ml90 {margin-left:90px!important;} .sp_ml95 {margin-left:95px!important;} .sp_ml100{margin-left:100px!important;} .sp_mr0 {margin-right:0px!important;} .sp_mr1 {margin-right:1px!important;} .sp_mr2 {margin-right:2px!important;} .sp_mr3 {margin-right:3px!important;} .sp_mr4 {margin-right:4px!important;} .sp_mr5 {margin-right:5px!important;} .sp_mr6 {margin-right:6px!important;} .sp_mr7 {margin-right:7px!important;} .sp_mr8 {margin-right:8px!important;} .sp_mr9 {margin-right:9px!important;} .sp_mr10 {margin-right:10px!important;} .sp_mr15 {margin-right:15px!important;} .sp_mr20 {margin-right:20px!important;} .sp_mr25 {margin-right:25px!important;} .sp_mr30 {margin-right:30px!important;} .sp_mr35 {margin-right:35px!important;} .sp_mr40 {margin-right:40px!important;} .sp_mr45 {margin-right:45px!important;} .sp_mr50 {margin-right:50px!important;} .sp_mr55 {margin-right:55px!important;} .sp_mr60 {margin-right:60px!important;} .sp_mr65 {margin-right:65px!important;} .sp_mr70 {margin-right:70px!important;} .sp_mr75 {margin-right:75px!important;} .sp_mr80 {margin-right:80px!important;} .sp_mr85 {margin-right:85px!important;} .sp_mr90 {margin-right:90px!important;} .sp_mr95 {margin-right:95px!important;} .sp_mr100{margin-right:100px!important;} .sp_mlr0 {margin-left:0px!important; margin-right:0px!important;} .sp_mlr1 {margin-left:1px!important; margin-right:1px!important;} .sp_mlr2 {margin-left:2px!important; margin-right:2px!important;} .sp_mlr3 {margin-left:3px!important; margin-right:3px!important;} .sp_mlr4 {margin-left:4px!important; margin-right:4px!important;} .sp_mlr5 {margin-left:5px!important; margin-right:5px!important;} .sp_mlr6 {margin-left:6px!important; margin-right:6px!important;} .sp_mlr7 {margin-left:7px!important; margin-right:7px!important;} .sp_mlr8 {margin-left:8px!important; margin-right:8px!important;} .sp_mlr9 {margin-left:9px!important; margin-right:9px!important;} .sp_mlr10 {margin-left:10px!important; margin-right:10px!important;} .sp_mlr15 {margin-left:15px!important; margin-right:15px!important;} .sp_mlr20 {margin-left:20px!important; margin-right:20px!important;} .sp_mlr25 {margin-left:25px!important; margin-right:25px!important;} .sp_mlr30 {margin-left:30px!important; margin-right:30px!important;} .sp_mlr35 {margin-left:35px!important; margin-right:35px!important;} .sp_mlr40 {margin-left:40px!important; margin-right:40px!important;} .sp_mlr45 {margin-left:45px!important; margin-right:45px!important;} .sp_mlr50 {margin-left:50px!important; margin-right:50px!important;} .sp_mlr55 {margin-left:55px!important; margin-right:55px!important;} .sp_mlr60 {margin-left:60px!important; margin-right:60px!important;} .sp_mlr65 {margin-left:65px!important; margin-right:65px!important;} .sp_mlr70 {margin-left:70px!important; margin-right:70px!important;} .sp_mlr75 {margin-left:75px!important; margin-right:75px!important;} .sp_mlr80 {margin-left:80px!important; margin-right:80px!important;} .sp_mlr85 {margin-left:85px!important; margin-right:85px!important;} .sp_mlr90 {margin-left:90px!important; margin-right:90px!important;} .sp_mlr95 {margin-left:95px!important; margin-right:95px!important;} .sp_mlr100{margin-left:1000px!important; margin-right:100px!important;} } /* -------------------------------- padding -------------------------------- */ .p0 {padding:0px!important;} .p1 {padding:1px!important;} .p2 {padding:2px!important;} .p3 {padding:3px!important;} .p4 {padding:4px!important;} .p5 {padding:5px!important;} .p6 {padding:6px!important;} .p7 {padding:7px!important;} .p8 {padding:8px!important;} .p9 {padding:9px!important;} .p10 {padding:10px!important;} .p15 {padding:15px!important;} .p20 {padding:20px!important;} .p25 {padding:25px!important;} .p30 {padding:30px!important;} .p35 {padding:35px!important;} .p40 {padding:40px!important;} .p45 {padding:45px!important;} .p50 {padding:50px!important;} .p55 {padding:55px!important;} .p60 {padding:60px!important;} .p65 {padding:65px!important;} .p70 {padding:70px!important;} .p75 {padding:75px!important;} .p80 {padding:80px!important;} .p85 {padding:85px!important;} .p90 {padding:90px!important;} .p95 {padding:95px!important;} .p100{padding:100px!important;} .pt0 {padding-top:0px!important;} .pt1 {padding-top:1px!important;} .pt2 {padding-top:2px!important;} .pt3 {padding-top:3px!important;} .pt4 {padding-top:4px!important;} .pt5 {padding-top:5px!important;} .pt6 {padding-top:6px!important;} .pt7 {padding-top:7px!important;} .pt8 {padding-top:8px!important;} .pt9 {padding-top:9px!important;} .pt10 {padding-top:10px!important;} .pt15 {padding-top:15px!important;} .pt20 {padding-top:20px!important;} .pt25 {padding-top:25px!important;} .pt30 {padding-top:30px!important;} .pt35 {padding-top:35px!important;} .pt40 {padding-top:40px!important;} .pt45 {padding-top:45px!important;} .pt50 {padding-top:50px!important;} .pt55 {padding-top:55px!important;} .pt60 {padding-top:60px!important;} .pt65 {padding-top:65px!important;} .pt70 {padding-top:70px!important;} .pt75 {padding-top:75px!important;} .pt80 {padding-top:80px!important;} .pt85 {padding-top:85px!important;} .pt90 {padding-top:90px!important;} .pt95 {padding-top:95px!important;} .pt100{padding-top:100px!important;} .pb0 {padding-bottom:0px!important;} .pb1 {padding-bottom:1px!important;} .pb2 {padding-bottom:2px!important;} .pb3 {padding-bottom:3px!important;} .pb4 {padding-bottom:4px!important;} .pb5 {padding-bottom:5px!important;} .pb6 {padding-bottom:6px!important;} .pb7 {padding-bottom:7px!important;} .pb8 {padding-bottom:8px!important;} .pb9 {padding-bottom:9px!important;} .pb10 {padding-bottom:10px!important;} .pb15 {padding-bottom:15px!important;} .pb20 {padding-bottom:20px!important;} .pb25 {padding-bottom:25px!important;} .pb30 {padding-bottom:30px!important;} .pb35 {padding-bottom:35px!important;} .pb40 {padding-bottom:40px!important;} .pb45 {padding-bottom:45px!important;} .pb50 {padding-bottom:50px!important;} .pb55 {padding-bottom:55px!important;} .pb60 {padding-bottom:60px!important;} .pb65 {padding-bottom:65px!important;} .pb70 {padding-bottom:70px!important;} .pb75 {padding-bottom:75px!important;} .pb80 {padding-bottom:80px!important;} .pb85 {padding-bottom:85px!important;} .pb90 {padding-bottom:90px!important;} .pb95 {padding-bottom:95px!important;} .pb100{padding-bottom:100px!important;} .ptb0 {padding-top:0px!important; padding-bottom:0px!important;} .ptb1 {padding-top:1px!important; padding-bottom:1px!important;} .ptb2 {padding-top:2px!important; padding-bottom:2px!important;} .ptb3 {padding-top:3px!important; padding-bottom:3px!important;} .ptb4 {padding-top:4px!important; padding-bottom:4px!important;} .ptb5 {padding-top:5px!important; padding-bottom:5px!important;} .ptb6 {padding-top:6px!important; padding-bottom:6px!important;} .ptb7 {padding-top:7px!important; padding-bottom:7px!important;} .ptb8 {padding-top:8px!important; padding-bottom:8px!important;} .ptb9 {padding-top:9px!important; padding-bottom:9px!important;} .ptb10 {padding-top:10px!important; padding-bottom:10px!important;} .ptb15 {padding-top:15px!important; padding-bottom:15px!important;} .ptb20 {padding-top:20px!important; padding-bottom:20px!important;} .ptb25 {padding-top:25px!important; padding-bottom:25px!important;} .ptb30 {padding-top:30px!important; padding-bottom:30px!important;} .ptb35 {padding-top:35px!important; padding-bottom:35px!important;} .ptb40 {padding-top:40px!important; padding-bottom:40px!important;} .ptb45 {padding-top:45px!important; padding-bottom:45px!important;} .ptb50 {padding-top:50px!important; padding-bottom:50px!important;} .ptb55 {padding-top:55px!important; padding-bottom:55px!important;} .ptb60 {padding-top:60px!important; padding-bottom:60px!important;} .ptb65 {padding-top:65px!important; padding-bottom:65px!important;} .ptb70 {padding-top:70px!important; padding-bottom:70px!important;} .ptb75 {padding-top:75px!important; padding-bottom:75px!important;} .ptb80 {padding-top:80px!important; padding-bottom:80px!important;} .ptb85 {padding-top:85px!important; padding-bottom:85px!important;} .ptb90 {padding-top:90px!important; padding-bottom:90px!important;} .ptb95 {padding-top:95px!important; padding-bottom:95px!important;} .ptb100{padding-top:1000px!important; padding-bottom:100px!important;} .pl0 {padding-left:0px!important;} .pl1 {padding-left:1px!important;} .pl2 {padding-left:2px!important;} .pl3 {padding-left:3px!important;} .pl4 {padding-left:4px!important;} .pl5 {padding-left:5px!important;} .pl6 {padding-left:6px!important;} .pl7 {padding-left:7px!important;} .pl8 {padding-left:8px!important;} .pl9 {padding-left:9px!important;} .pl10 {padding-left:10px!important;} .pl15 {padding-left:15px!important;} .pl20 {padding-left:20px!important;} .pl25 {padding-left:25px!important;} .pl30 {padding-left:30px!important;} .pl35 {padding-left:35px!important;} .pl40 {padding-left:40px!important;} .pl45 {padding-left:45px!important;} .pl50 {padding-left:50px!important;} .pl55 {padding-left:55px!important;} .pl60 {padding-left:60px!important;} .pl65 {padding-left:65px!important;} .pl70 {padding-left:70px!important;} .pl75 {padding-left:75px!important;} .pl80 {padding-left:80px!important;} .pl85 {padding-left:85px!important;} .pl90 {padding-left:90px!important;} .pl95 {padding-left:95px!important;} .pl100{padding-left:100px!important;} .pr0 {padding-right:0px!important;} .pr1 {padding-right:1px!important;} .pr2 {padding-right:2px!important;} .pr3 {padding-right:3px!important;} .pr4 {padding-right:4px!important;} .pr5 {padding-right:5px!important;} .pr6 {padding-right:6px!important;} .pr7 {padding-right:7px!important;} .pr8 {padding-right:8px!important;} .pr9 {padding-right:9px!important;} .pr10 {padding-right:10px!important;} .pr15 {padding-right:15px!important;} .pr20 {padding-right:20px!important;} .pr25 {padding-right:25px!important;} .pr30 {padding-right:30px!important;} .pr35 {padding-right:35px!important;} .pr40 {padding-right:40px!important;} .pr45 {padding-right:45px!important;} .pr50 {padding-right:50px!important;} .pr55 {padding-right:55px!important;} .pr60 {padding-right:60px!important;} .pr65 {padding-right:65px!important;} .pr70 {padding-right:70px!important;} .pr75 {padding-right:75px!important;} .pr80 {padding-right:80px!important;} .pr85 {padding-right:85px!important;} .pr90 {padding-right:90px!important;} .pr95 {padding-right:95px!important;} .pr100{padding-right:100px!important;} .plr0 {padding-left:0px!important; padding-right:0px!important;} .plr1 {padding-left:1px!important; padding-right:1px!important;} .plr2 {padding-left:2px!important; padding-right:2px!important;} .plr3 {padding-left:3px!important; padding-right:3px!important;} .plr4 {padding-left:4px!important; padding-right:4px!important;} .plr5 {padding-left:5px!important; padding-right:5px!important;} .plr6 {padding-left:6px!important; padding-right:6px!important;} .plr7 {padding-left:7px!important; padding-right:7px!important;} .plr8 {padding-left:8px!important; padding-right:8px!important;} .plr9 {padding-left:9px!important; padding-right:9px!important;} .plr10 {padding-left:10px!important; padding-right:10px!important;} .plr15 {padding-left:15px!important; padding-right:15px!important;} .plr20 {padding-left:20px!important; padding-right:20px!important;} .plr25 {padding-left:25px!important; padding-right:25px!important;} .plr30 {padding-left:30px!important; padding-right:30px!important;} .plr35 {padding-left:35px!important; padding-right:35px!important;} .plr40 {padding-left:40px!important; padding-right:40px!important;} .plr45 {padding-left:45px!important; padding-right:45px!important;} .plr50 {padding-left:50px!important; padding-right:50px!important;} .plr55 {padding-left:55px!important; padding-right:55px!important;} .plr60 {padding-left:60px!important; padding-right:60px!important;} .plr65 {padding-left:65px!important; padding-right:65px!important;} .plr70 {padding-left:70px!important; padding-right:70px!important;} .plr75 {padding-left:75px!important; padding-right:75px!important;} .plr80 {padding-left:80px!important; padding-right:80px!important;} .plr85 {padding-left:85px!important; padding-right:85px!important;} .plr90 {padding-left:90px!important; padding-right:90px!important;} .plr95 {padding-left:95px!important; padding-right:95px!important;} .plr100{padding-left:1000px!important; padding-right:100px!important;} /* メディアクエリ */ @media screen and (max-width:767px) { .sp_p0 {padding:0px!important;} .sp_p1 {padding:1px!important;} .sp_p2 {padding:2px!important;} .sp_p3 {padding:3px!important;} .sp_p4 {padding:4px!important;} .sp_p5 {padding:5px!important;} .sp_p6 {padding:6px!important;} .sp_p7 {padding:7px!important;} .sp_p8 {padding:8px!important;} .sp_p9 {padding:9px!important;} .sp_p10 {padding:10px!important;} .sp_p15 {padding:15px!important;} .sp_p20 {padding:20px!important;} .sp_p25 {padding:25px!important;} .sp_p30 {padding:30px!important;} .sp_p35 {padding:35px!important;} .sp_p40 {padding:40px!important;} .sp_p45 {padding:45px!important;} .sp_p50 {padding:50px!important;} .sp_p55 {padding:55px!important;} .sp_p60 {padding:60px!important;} .sp_p65 {padding:65px!important;} .sp_p70 {padding:70px!important;} .sp_p75 {padding:75px!important;} .sp_p80 {padding:80px!important;} .sp_p85 {padding:85px!important;} .sp_p90 {padding:90px!important;} .sp_p95 {padding:95px!important;} .sp_p100{padding:100px!important;} .sp_pt0 {padding-top:0px!important;} .sp_pt1 {padding-top:1px!important;} .sp_pt2 {padding-top:2px!important;} .sp_pt3 {padding-top:3px!important;} .sp_pt4 {padding-top:4px!important;} .sp_pt5 {padding-top:5px!important;} .sp_pt6 {padding-top:6px!important;} .sp_pt7 {padding-top:7px!important;} .sp_pt8 {padding-top:8px!important;} .sp_pt9 {padding-top:9px!important;} .sp_pt10 {padding-top:10px!important;} .sp_pt15 {padding-top:15px!important;} .sp_pt20 {padding-top:20px!important;} .sp_pt25 {padding-top:25px!important;} .sp_pt30 {padding-top:30px!important;} .sp_pt35 {padding-top:35px!important;} .sp_pt40 {padding-top:40px!important;} .sp_pt45 {padding-top:45px!important;} .sp_pt50 {padding-top:50px!important;} .sp_pt55 {padding-top:55px!important;} .sp_pt60 {padding-top:60px!important;} .sp_pt65 {padding-top:65px!important;} .sp_pt70 {padding-top:70px!important;} .sp_pt75 {padding-top:75px!important;} .sp_pt80 {padding-top:80px!important;} .sp_pt85 {padding-top:85px!important;} .sp_pt90 {padding-top:90px!important;} .sp_pt95 {padding-top:95px!important;} .sp_pt100{padding-top:100px!important;} .sp_pb0 {padding-bottom:0px!important;} .sp_pb1 {padding-bottom:1px!important;} .sp_pb2 {padding-bottom:2px!important;} .sp_pb3 {padding-bottom:3px!important;} .sp_pb4 {padding-bottom:4px!important;} .sp_pb5 {padding-bottom:5px!important;} .sp_pb6 {padding-bottom:6px!important;} .sp_pb7 {padding-bottom:7px!important;} .sp_pb8 {padding-bottom:8px!important;} .sp_pb9 {padding-bottom:9px!important;} .sp_pb10 {padding-bottom:10px!important;} .sp_pb15 {padding-bottom:15px!important;} .sp_pb20 {padding-bottom:20px!important;} .sp_pb25 {padding-bottom:25px!important;} .sp_pb30 {padding-bottom:30px!important;} .sp_pb35 {padding-bottom:35px!important;} .sp_pb40 {padding-bottom:40px!important;} .sp_pb45 {padding-bottom:45px!important;} .sp_pb50 {padding-bottom:50px!important;} .sp_pb55 {padding-bottom:55px!important;} .sp_pb60 {padding-bottom:60px!important;} .sp_pb65 {padding-bottom:65px!important;} .sp_pb70 {padding-bottom:70px!important;} .sp_pb75 {padding-bottom:75px!important;} .sp_pb80 {padding-bottom:80px!important;} .sp_pb85 {padding-bottom:85px!important;} .sp_pb90 {padding-bottom:90px!important;} .sp_pb95 {padding-bottom:95px!important;} .sp_pb100{padding-bottom:100px!important;} .sp_ptb0 {padding-top:0px!important; padding-bottom:0px!important;} .sp_ptb1 {padding-top:1px!important; padding-bottom:1px!important;} .sp_ptb2 {padding-top:2px!important; padding-bottom:2px!important;} .sp_ptb3 {padding-top:3px!important; padding-bottom:3px!important;} .sp_ptb4 {padding-top:4px!important; padding-bottom:4px!important;} .sp_ptb5 {padding-top:5px!important; padding-bottom:5px!important;} .sp_ptb6 {padding-top:6px!important; padding-bottom:6px!important;} .sp_ptb7 {padding-top:7px!important; padding-bottom:7px!important;} .sp_ptb8 {padding-top:8px!important; padding-bottom:8px!important;} .sp_ptb9 {padding-top:9px!important; padding-bottom:9px!important;} .sp_ptb10 {padding-top:10px!important; padding-bottom:10px!important;} .sp_ptb15 {padding-top:15px!important; padding-bottom:15px!important;} .sp_ptb20 {padding-top:20px!important; padding-bottom:20px!important;} .sp_ptb25 {padding-top:25px!important; padding-bottom:25px!important;} .sp_ptb30 {padding-top:30px!important; padding-bottom:30px!important;} .sp_ptb35 {padding-top:35px!important; padding-bottom:35px!important;} .sp_ptb40 {padding-top:40px!important; padding-bottom:40px!important;} .sp_ptb45 {padding-top:45px!important; padding-bottom:45px!important;} .sp_ptb50 {padding-top:50px!important; padding-bottom:50px!important;} .sp_ptb55 {padding-top:55px!important; padding-bottom:55px!important;} .sp_ptb60 {padding-top:60px!important; padding-bottom:60px!important;} .sp_ptb65 {padding-top:65px!important; padding-bottom:65px!important;} .sp_ptb70 {padding-top:70px!important; padding-bottom:70px!important;} .sp_ptb75 {padding-top:75px!important; padding-bottom:75px!important;} .sp_ptb80 {padding-top:80px!important; padding-bottom:80px!important;} .sp_ptb85 {padding-top:85px!important; padding-bottom:85px!important;} .sp_ptb90 {padding-top:90px!important; padding-bottom:90px!important;} .sp_ptb95 {padding-top:95px!important; padding-bottom:95px!important;} .sp_ptb100{padding-top:1000px!important; padding-bottom:100px!important;} .sp_pl0 {padding-left:0px!important;} .sp_pl1 {padding-left:1px!important;} .sp_pl2 {padding-left:2px!important;} .sp_pl3 {padding-left:3px!important;} .sp_pl4 {padding-left:4px!important;} .sp_pl5 {padding-left:5px!important;} .sp_pl6 {padding-left:6px!important;} .sp_pl7 {padding-left:7px!important;} .sp_pl8 {padding-left:8px!important;} .sp_pl9 {padding-left:9px!important;} .sp_pl10 {padding-left:10px!important;} .sp_pl15 {padding-left:15px!important;} .sp_pl20 {padding-left:20px!important;} .sp_pl25 {padding-left:25px!important;} .sp_pl30 {padding-left:30px!important;} .sp_pl35 {padding-left:35px!important;} .sp_pl40 {padding-left:40px!important;} .sp_pl45 {padding-left:45px!important;} .sp_pl50 {padding-left:50px!important;} .sp_pl55 {padding-left:55px!important;} .sp_pl60 {padding-left:60px!important;} .sp_pl65 {padding-left:65px!important;} .sp_pl70 {padding-left:70px!important;} .sp_pl75 {padding-left:75px!important;} .sp_pl80 {padding-left:80px!important;} .sp_pl85 {padding-left:85px!important;} .sp_pl90 {padding-left:90px!important;} .sp_pl95 {padding-left:95px!important;} .sp_pl100{padding-left:100px!important;} .sp_pr0 {padding-right:0px!important;} .sp_pr1 {padding-right:1px!important;} .sp_pr2 {padding-right:2px!important;} .sp_pr3 {padding-right:3px!important;} .sp_pr4 {padding-right:4px!important;} .sp_pr5 {padding-right:5px!important;} .sp_pr6 {padding-right:6px!important;} .sp_pr7 {padding-right:7px!important;} .sp_pr8 {padding-right:8px!important;} .sp_pr9 {padding-right:9px!important;} .sp_pr10 {padding-right:10px!important;} .sp_pr15 {padding-right:15px!important;} .sp_pr20 {padding-right:20px!important;} .sp_pr25 {padding-right:25px!important;} .sp_pr30 {padding-right:30px!important;} .sp_pr35 {padding-right:35px!important;} .sp_pr40 {padding-right:40px!important;} .sp_pr45 {padding-right:45px!important;} .sp_pr50 {padding-right:50px!important;} .sp_pr55 {padding-right:55px!important;} .sp_pr60 {padding-right:60px!important;} .sp_pr65 {padding-right:65px!important;} .sp_pr70 {padding-right:70px!important;} .sp_pr75 {padding-right:75px!important;} .sp_pr80 {padding-right:80px!important;} .sp_pr85 {padding-right:85px!important;} .sp_pr90 {padding-right:90px!important;} .sp_pr95 {padding-right:95px!important;} .sp_pr100{padding-right:100px!important;} .sp_plr0 {padding-left:0px!important; padding-right:0px!important;} .sp_plr1 {padding-left:1px!important; padding-right:1px!important;} .sp_plr2 {padding-left:2px!important; padding-right:2px!important;} .sp_plr3 {padding-left:3px!important; padding-right:3px!important;} .sp_plr4 {padding-left:4px!important; padding-right:4px!important;} .sp_plr5 {padding-left:5px!important; padding-right:5px!important;} .sp_plr6 {padding-left:6px!important; padding-right:6px!important;} .sp_plr7 {padding-left:7px!important; padding-right:7px!important;} .sp_plr8 {padding-left:8px!important; padding-right:8px!important;} .sp_plr9 {padding-left:9px!important; padding-right:9px!important;} .sp_plr10 {padding-left:10px!important; padding-right:10px!important;} .sp_plr15 {padding-left:15px!important; padding-right:15px!important;} .sp_plr20 {padding-left:20px!important; padding-right:20px!important;} .sp_plr25 {padding-left:25px!important; padding-right:25px!important;} .sp_plr30 {padding-left:30px!important; padding-right:30px!important;} .sp_plr35 {padding-left:35px!important; padding-right:35px!important;} .sp_plr40 {padding-left:40px!important; padding-right:40px!important;} .sp_plr45 {padding-left:45px!important; padding-right:45px!important;} .sp_plr50 {padding-left:50px!important; padding-right:50px!important;} .sp_plr55 {padding-left:55px!important; padding-right:55px!important;} .sp_plr60 {padding-left:60px!important; padding-right:60px!important;} .sp_plr65 {padding-left:65px!important; padding-right:65px!important;} .sp_plr70 {padding-left:70px!important; padding-right:70px!important;} .sp_plr75 {padding-left:75px!important; padding-right:75px!important;} .sp_plr80 {padding-left:80px!important; padding-right:80px!important;} .sp_plr85 {padding-left:85px!important; padding-right:85px!important;} .sp_plr90 {padding-left:90px!important; padding-right:90px!important;} .sp_plr95 {padding-left:95px!important; padding-right:95px!important;} .sp_plr100{padding-left:1000px!important; padding-right:100px!important;} } /**************************************************************************************** general4 */ /* -------------------------------- display -------------------------------- */ .dsp_block { display:block; } .dsp_iblock { display:inline-block; } .dsp_none { display:none; } /* -------------------------------- border radius -------------------------------- */ .bdr_rad03 { -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .bdr_rad04 { -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; } .bdr_rad05 { -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /* -------------------------------- ボーダー -------------------------------- */ @media screen and (max-width:767px) { .sp_bdr_t{ border-top:solid 1px #dadada; } .sp_bdr_l{ border-left:solid 1px #dadada; } .sp_bdr_r{ border-right:solid 1px #dadada; } .sp_bdr_b{ border-bottom:solid 1px #dadada; } .sp_bdr_n{ border:none!important; } .sp_bdr_tn{ border-top:none!important; } .sp_bdr_ln{ border-left:none!important; } .sp_bdr_rn{ border-right:none!important; } .sp_bdr_bn{ border-bottom:none!important; } .sp_bdr_lrn{ border-left:none!important; border-right:none!important; } } /* -------------------------------- カテゴリー、タグ　アイコン -------------------------------- */ .tag_icon { margin:0px 3px 3px 0px; display:inline-block; padding:2px 15px; color:#fff; font-size:10px; } /* -------------------------------- ブログ　記事コンテンツ -------------------------------- */ .blog_article p { min-height:1.5em; } /* -------------------------------- サイドコンテンツ -------------------------------- */ /**** バナー ****/ #tmp_col_side .tmp_side_bnr { padding:10px 0; text-align:center; } #tmp_col_side .tmp_side_bnr .tmp_rect_bnr_list { padding:2px 12px; } #tmp_col_side .tmp_side_bnr .tmp_rect_bnr_list li + li { margin-top:10px; } /**** ナビゲーション ****/ @media screen and (max-width:767px) { #tmp_col_side .tmp_nav_list.tmp_nav_list_deoartment a { border-top:none!important; } } /*** SNS ***/ #tmp_col_side .tmp_side_sns .tmp_body { margin-top:10px; padding:20px 15px; background:#fff; } #tmp_col_side .tmp_side_sns .tmp_row_fb + .tmp_row_fb { margin-top:15px; } #tmp_col_side .tmp_side_sns .tmp_row_inst { margin-top:15px; } #tmp_col_side .tmp_side_sns .tmp_row_inst + .tmp_row_inst { margin-top:15px; } #tmp_col_side .tmp_side_sns .tmp_row_twitter { margin-top:15px; } #tmp_col_side .tmp_side_sns .tmp_row_line { margin-top:20px; padding-top:20px; border-top:1px solid #ebebeb; text-align:center; } #tmp_col_side .tmp_side_sns .tmp_qr { margin-top:12px; } #tmp_col_side .tmp_side_sns .tmp_txt_id { margin-top:10px; color:#26c60d; } /*** BLOG MENU ***/ .tmp_side_blogmenu .tmp_side_h2 { margin:-20px -20px 0px -20px; padding:15px 20px; background:#d9d9d9; font-weight:bold; } .tmp_side_blogmenu li a { display:block; font-size:12px; padding:15px 0px; border-bottom:1px solid #e4e4e4; } .tmp_side_blogmenu li.current { font-size:13px; font-weight:bold; } .tmp_side_blogmenu dl { margin-top:30px; } .tmp_side_blogmenu dt strong { font-size:114%; font-weight:bold; } .tmp_side_blogmenu dd { margin-top:5px; } .tmp_side_blogmenu select { width:100%; padding:5px; border:1px solid #e4e4e4; background:#ffffff; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; border-radius:0px; } @media screen and (min-width:768px) { #tmp_col_side .tmp_side_mod.tmp_side_blogmenu + .tmp_side_mod { margin-top:0px; } } /* -------------------------------- もっと知るタブ切り替え -------------------------------- */ .tmp_rel_cnt_tab.tmp_feature .tmp_tab { width:100%; margin-left:0px; } .tmp_rel_cnt_tab.tmp_feature .tmp_tab_select { margin-left:8px; } .tmp_rel_cnt_tab.tmp_feature .tmp_tab_cnt .tmp_tab_cnt_body { padding:0px; } .tmp_rel_cnt_tab.tmp_feature .tmp_tab_cnt .tmp_tab_cnt_body h3 { font-size:100%; } .tmp_rel_cnt_tab.tmp_feature .tmp_rel_cnt { margin-top:0; } /* -------------------------------- 資料請求バナー　PC非表示解除 -------------------------------- */ @media screen and (max-width:767px) { .tmp_main_request_bnr_block .tmp_main_request_bnr { display:block; padding:25px 15px; } .tmp_main_request_bnr_block .tmp_main_request_bnr .tmp_col_l, .tmp_main_request_bnr_block .tmp_main_request_bnr .tmp_col_r { float:none; width:auto; margin:0 auto; } .tmp_main_request_bnr_block .tmp_main_request_bnr h2 { text-align:center; } .tmp_main_request_bnr_block .tmp_main_request_bnr .tmp_txt br { display:none; } .tmp_main_request_bnr_block .tmp_main_request_bnr .tmp_bnr { margin:0 auto; } } /* -------------------------------- オープンキャンパス体験バナー（course.cssの設定を他にも転用） -------------------------------- */ @media screen and (max-width:767px) { .tmp_taiken { padding:0 6px; } } /** * 緊急メッセージ */ #tmp_single { width:1100px; margin:55px auto 0; } /*** 緊急メッセージ ***/ #tmp_single .tmp_em_msg { width:872px; margin:0 auto; padding:20px; border:4px solid #e30000; background:#fefafa; color:#e30000; } #tmp_single .tmp_em_msg dt { font-size:30px; text-align:center; font-weight:bold; } #tmp_single .tmp_em_msg dd { margin-top:12px; } @media screen and (max-width:767px) { #tmp_single { width:100%; margin-top:20px; } /*** 緊急メッセージ ***/ #tmp_single .tmp_em_msg { width:auto; margin:0 15px; padding:12px; border:2px solid #e30000; } #tmp_single .tmp_em_msg dt { font-size:18px; text-align:center; font-weight:bold; } #tmp_single .tmp_em_msg dd { margin-top:12px; } } /**************************************************************************************** general3 */ /* -------------------------------- パネル -------------------------------- */ .tmp_panel_col { position:relative; top:-1px; overflow:hidden; display:none; } .tmp_panel_col .tmp_panel { position:relative; top:1px; width:100%; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-bottom:1px solid #d9d9d9; float:left; } .tmp_panel_col .tmp_panel a { display:block; text-decoration:none; } .tmp_panel_col .tmp_panel .tmp_panel_ttl { margin-top:13px; font-size:100%; } .tmp_panel_col .tmp_panel .tmp_panel_txt { margin-top:5px; font-size:85.7%; color:#333; } .tmp_panel_col .tmp_panel a:hover .tmp_panel_ttl { text-decoration:underline; } .tmp_panel_col .tmp_panel .tmp_panel_ttl_fs13 { font-size:13px; } @media screen and (min-width:768px),print { .tmp_panel_col.tmp_panel_col2 .tmp_panel, .tmp_panel_col.tmp_panel_col3 .tmp_panel, .tmp_panel_col.tmp_panel_col4 .tmp_panel { border-right:1px solid #d9d9d9; } .tmp_panel_col.tmp_panel_col2 .tmp_panel { width:50%; } .tmp_panel_col.tmp_panel_col3 .tmp_panel { width:33.333%; } .tmp_panel_col.tmp_panel_col4 .tmp_panel { width:25%; } .tmp_panel_col.tmp_panel_col2 .tmp_panel:nth-child(2n) { border-right:none; } .tmp_panel_col.tmp_panel_col3 .tmp_panel:nth-child(3n) { border-right:none; } .tmp_panel_col.tmp_panel_col4 .tmp_panel:nth-child(4n) { border-right:none; } } @media screen and (max-width:767px) { .tmp_panel_col.tmp_panel_col2_sp .tmp_panel, .tmp_panel_col.tmp_panel_col3_sp .tmp_panel, .tmp_panel_col.tmp_panel_col4_sp .tmp_panel { border-right:1px solid #d9d9d9; } .tmp_panel_col.tmp_panel_col2_sp .tmp_panel { width:50%; } .tmp_panel_col.tmp_panel_col3_sp .tmp_panel { width:33.33%; } .tmp_panel_col.tmp_panel_col4_sp .tmp_panel { width:25%; } .tmp_panel_col.tmp_panel_col2_sp .tmp_panel:nth-child(2n) { border-right:none; } .tmp_panel_col.tmp_panel_col3_sp .tmp_panel:nth-child(3n) { border-right:none; } .tmp_panel_col.tmp_panel_col4_sp .tmp_panel:nth-child(4n) { border-right:none; } .tmp_panel_col .tmp_panel .tmp_panel_ttl_fs13 { font-size:12px; } } /* -------------------------------- ページナビゲーション -------------------------------- */ .tmp_pagenavi { text-align:center; } .tmp_pagenavi a { margin:0px 5px; display:inline-block; width:30px; height:30px; border:1px solid #d9d9d9; background-color:#ffffff; color:#d9d9d9; font-size:10px; text-align:center; line-height:30px; vertical-align:top; } .tmp_pagenavi a.page.current { background-color:#002baf; border:1px solid #002baf !important; color:#fff; } .tmp_pagenavi a.inactive { opacity:0.15; filter:alpha(opacity=15); } .tmp_pagenavi a.first { background:url("/common/images/archivelist_first.png") no-repeat center center; } .tmp_pagenavi a.last { background:url("/common/images/archivelist_last.png") no-repeat center center; } .tmp_pagenavi a.next { background:url("/common/images/archivelist_next.png") no-repeat center center; } .tmp_pagenavi a.prev { background:url("/common/images/archivelist_prev.png") no-repeat center center; } .tmp_pagenavi a.dot { background:url("/common/images/archivelist_dot.png") no-repeat center center; width:10px; border:none; } @media screen and (max-width:767px) { .tmp_pagenavi a{ width:24px; margin:0px 1px; } } /* -------------------------------- ブログ　アーカイブリスト 共通 -------------------------------- */ .tmp_archive_subtitle { margin-left:20px; color:#5f5f5f; font-size:80%; } @media screen and (max-width:767px) { .tmp_archive_subtitle { display:block; margin-left:0px; } } /* -------------------------------- ブログ　NEWS&TOPICS -------------------------------- */ .tmp_news_tag_icon { display:inline-block; margin:0px 5px 3px 0px; padding:2px 15px; color:#ffffff; font-size:10px; } .tmp_news_archive { border-top:1px solid #d9d9d9; } .tmp_news_archive_item { width:100%; padding:20px 0px; border-bottom:1px solid #d9d9d9; } .tmp_news_archive_item a { color:inherit; text-decoration:none; } .tmp_news_archive_item a:hover .tmp_news_archive_item_ttl { color:#ff8c00; text-decoration:underline; } .tmp_news_archive_item_img { width:30%; float:left; } .tmp_news_archive_item_head { width:67.5%; float:right; } .tmp_news_archive_item_txt { width:67.5%; float:right; } .tmp_news_archive_item_ttl { margin:5px 0px; font-size:125%; font-weight:bold; } .tmp_news_archive_item_day { margin-bottom:5px; } @media screen and (max-width:767px) { .tmp_news_tag_icon { margin:0px 2px 2px 0px; padding:2px 10px; } .tmp_news_archive_item_head { width:auto; float:none; } } /* -------------------------------- ブログ　お知らせ -------------------------------- */ .tmp_info_tag_icon { display:inline-block; margin:0px 5px 3px 0px; width:50px; padding:2px 0px; color:#fff; font-size:10px; text-align:center; } .tmp_info_tag_icon.inactive { background:#d9d9d9 } .tmp_info_archive { border-top:1px solid #d9d9d9; } .tmp_info_archive_item { border-bottom:1px solid #d9d9d9; } .tmp_info_archive_item a { display:block; padding:20px 0px; text-decoration:none; } .tmp_info_archive_item a:hover h3 { text-decoration:underline; } .tmp_info_archive_item_ico { width:180px; float:left; } .tmp_info_archive_item_day { width:130px; float:left; } .tmp_info_archive_item_ttl { width:490px; float:left; } @media screen and (max-width:767px) { .tmp_info_archive_item_ico { width:auto; float:none; } .tmp_info_archive_item_ttl { width:auto; float:none; margin-top:3px; } .tmp_info_archive_item_day { width:auto; float:none; margin-top:3px; } } /* -------------------------------- ブログ　イベントカレンダー　アーカイブ リスト -------------------------------- */ .tmp_eventcalendar_subject { background:#000000; color:#ffffff; position:relative; padding:5px; line-height 1.5em; margin:15px 0px; } .tmp_eventcalendar_subject.tmp_eventcalendar_subject_gray { background:#666666; } .tmp_eventcalendar_subject h3 { font-size:125%; text-align:center; } .tmp_eventcalendar_subject a { color:#ffffff; position:absolute; top:50%; margin-top:-0.75em; } .tmp_eventcalendar_subject a:hover { text-decoration:none; color:#ff8c00; } .tmp_eventcalendar_subject a.prev { left:10px; } .tmp_eventcalendar_subject a.next { right:10px; } .tmp_eventcalendar_list { margin:5px -10px; } .tmp_eventcalendar_item { width:33.333%; float:left; } .tmp_eventcalendar_item a { display:block; margin:10px; height:100%; border:1px solid #cccccc; text-decoration:none; background:#fafafa; position:relative; } .tmp_eventcalendar_item a:after { content:""; display:block; clear:both; } .tmp_eventcalendar_date { position:absolute; right:10px; width:50px; text-align:center; } .tmp_eventcalendar_date .date_m { padding:3px; font-size:13px; color:#ffffff; background:#575757; } .tmp_eventcalendar_date .date_d { padding:5px; font-size:17px; color:#ffffff; background:#373737; } .tmp_eventcalendar_date .date_w { padding:3px; font-size:12px; color:#ffffff; background:#575757; } .tmp_eventcalendar_date.dateSat .date_m { background:#607eb9; } .tmp_eventcalendar_date.dateSat .date_d { background:#4564a1; } .tmp_eventcalendar_date.dateSat .date_w { background:#607eb9; } .tmp_eventcalendar_date.dateSun .date_m { background:#d35959; } .tmp_eventcalendar_date.dateSun .date_d { background:#c43c3c; } .tmp_eventcalendar_date.dateSun .date_w { background:#d35959; } .tmp_eventcalendar_ttl { line-height:1.5em; height:4.5em; overflow:hidden; margin:0; padding:10px 70px 10px 10px; color:#333333; position:relative; } .tmp_eventcalendar_txt { padding:10px; height:4.5em; overflow:hidden; color:#333333; font-size:85.7%; line-height:1.5em; background:#f5f5f5; } .tmp_eventcalendar_item a.tmp_stripe_over:hover { border:1px solid #ff8c00; } .tmp_eventcalendar_item a.tmp_stripe_over:hover .tmp_eventcalendar_ttl { color:#ff8c00; text-decoration:underline; } .tmp_eventcalendar_datelist { padding:5px; background:#fafafa; } .tmp_eventcalendar_datelist:after { content:""; display:block; clear:both; } .tmp_eventcalendar_datelist .tmp_eventcalendar_date { position:static; float:left; margin:5px; width:68px; } @media screen and (max-width:767px) { .tmp_eventcalendar_item { width:50%; } .tmp_eventcalendar_datelist .tmp_eventcalendar_date { width:57px; } .tmp_eventcalendar_datelist .tmp_eventcalendar_date .date_m { font-size:11px; padding:2px; } .tmp_eventcalendar_datelist .tmp_eventcalendar_date .date_d { font-size:14px; padding:3px; } .tmp_eventcalendar_datelist .tmp_eventcalendar_date .date_w { font-size:11px; padding:2px; } } @media screen and (min-width:481px) { .tmp_eventcalendar_list { display:flex; flex-wrap:wrap; align-items:flex-start; } } @media screen and (max-width:480px) { .tmp_eventcalendar_subject a span { display:none; } .tmp_eventcalendar_item { width:100%; } } /* -------------------------------- ブログ　コンテンツ -------------------------------- */ .tmp_blog_content{ word-break:break-all; } .tmp_blog_content img.alignright{ float:right; } .tmp_blog_content img.alignleft{ float:left; } .tmp_blog_content img.aligncenter{ display:block; margin:0 auto; } .tmp_blog_content strong{ font-weight:bold; } .tmp_blog_content em{ font-style:italic; } .tmp_blog_content del{ text-decoration:line-through; } .tmp_blog_content ol{ list-style-type:decimal; } .tmp_blog_content ul{ list-style-type:disc; } .tmp_blog_content ol,.tmp_blog_content ul{ padding-left:2em; margin:1em 0; } .tmp_blog_content h1{ font-weight:bold; font-size:200%; margin-bottom:1em; } .tmp_blog_content h2{ font-weight:bold; font-size:180%; margin-bottom:1em; } .tmp_blog_content h3{ font-weight:bold; font-size:160%; margin-bottom:1em; } .tmp_blog_content h4{ font-weight:bold; font-size:140%; margin-bottom:1em; } .tmp_blog_content h5{ font-weight:bold; font-size:120%; margin-bottom:1em; } .tmp_blog_content h6{ font-weight:bold; font-size:100%; margin-bottom:1em; } .tmp_blog_content p{ margin-bottom:1em; } @media screen and (max-width:767px) { .tmp_blog_content img.alignleft,.tmp_blog_content img.alignright{ float:none; display:block; margin:0 auto; } } /* -------------------------------- 検索結果ページ -------------------------------- */ .tmp_search_archive { border-top:1px solid #d9d9d9; } .tmp_search_archive_item { border-bottom:1px solid #d9d9d9; } .tmp_search_archive_item a { display:block; padding:20px 0px; text-decoration:none; } .tmp_search_archive_item a { color:inherit; text-decoration:none; } .tmp_search_archive_item a:hover .tmp_search_archive_item_ttl { color:#ff8c00; text-decoration:underline; } .tmp_search_archive_item_ttl { color:#213b8c; font-size:115%; font-weight:bold; } .tmp_search_archive_item_txt { margin:5px 0px; } @media screen and (max-width:767px) { .tmp_search_archive_item a { padding:10px 0px; } } .bgcolHrt{ background-color:#b1d1f6; } /* -------------------------------- 先輩の声スマホ画像表示サイズ -------------------------------- */ .hr_sp_img { width:100%; height:auto;} @media screen and (max-width:767px) { .hr_sp_img { width:50% !important;} } /* -------------------------------- navi Link -------------------------------- */ .highlight{ color:#ff8c00 !important; } /*** もっと読む ***/ .tmp_tgt_slide_readmore { display:none; } .tmp_trigger_slide_readmore { margin-top:20px; cursor:pointer; border-top:2px solid #0035a1; } .tmp_trigger_slide_readmore.js-hide { display:none; } /* -------------------------------- 入学案内書 -------------------------------- */ .im_app_guide{top:-10%;} /* -------------------------------- ブログ ソーシャルボタン -------------------------------- */ .tmp_blogInfo { position:relative; padding-right:230px; } .tmp_blogInfo .tmp_social_btns { position:absolute; top:17px; right:0; padding:0; } .tmp_blogInfo .tmp_social_btns ul li.tmp_btn_copy { position:relative; width:auto; display:inline-flex; align-items:center; justify-content:center; border:1px solid #1b388d; box-sizing:border-box; padding-left:10px; padding-right:10px; vertical-align:bottom; border-radius:18px; font-size:10px; cursor:pointer; } .tmp_blogInfo .tmp_social_btns ul li.tmp_btn_copy:hover { opacity:0.6; } .tmp_blogInfo .tmp_social_btns ul li.tmp_btn_copy:before { content:""; background:url(../images/share_icon_clipboard.svg) no-repeat center / contain; width:16px; height:16px; margin-right:5px; } .tmp_blogInfo .tmp_social_btns .tmp_share_url_wrap { position:absolute; bottom:100%; right:0; margin:0px 0px 12px 0px; opacity:0; transform:translateY(-5px); pointer-events:none; transition:opacity 0.30s ease, transform 0.30s ease; display:flex; align-items:center; background:#fff; border-radius:15px; box-shadow:0 0 0 10px #fff; } .tmp_blogInfo .tmp_social_btns .tmp_share_url_wrap.is-show { opacity:1; transform:translateY(0); pointer-events:auto; } .tmp_blogInfo .tmp_social_btns .tmp_share_url_copy { width:auto; height:auto; margin:0; } .tmp_blogInfo .tmp_social_btns .copy_btn { position:relative; background-color:#1b388d; color:#ffffff; box-shadow:0 0 3 3px rgba(255,255,255,0.5); margin:0; width:220px; } .tmp_blogInfo .tmp_social_btns .copy_btn:before { position:absolute; top:100%; margin-top:0; left:auto; right:25px; width:0; height:0; border-style:solid; border-width:12px 6px 0px 6px; border-color: #1b388d transparent transparent transparent; background:none; } .tmp_blogInfo .tmp_social_btns .copy_close { position:relative; width:26px; height:26px; border-radius:50%; border:2px solid #999999; background:#ffffff; margin-right:10px; cursor:pointer; } .tmp_blogInfo .tmp_social_btns .copy_close:before, .tmp_blogInfo .tmp_social_btns .copy_close:after { content:""; display:block; width:50%; height:2px; background:#999999; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-25%; } .tmp_blogInfo .tmp_social_btns .copy_close:before { transform:rotate(45deg); } .tmp_blogInfo .tmp_social_btns .copy_close:after { transform:rotate(-45deg); } @media screen and (max-width:767px) { .tmp_blogInfo { position:relative; padding-right:0; padding-top:12px; } .tmp_blogInfo .tmp_social_btns { top:3px; border-top:0; } .tmp_blogInfo .tmp_social_btns ul li { width:32px; height:32px; margin-left:3px; margin-right:0px; } .tmp_blogInfo .tmp_social_btns ul li a { width:32px; height:32px; background-size:contain; } } /* -------------------------------- webTV埋め込み　表示分け -------------------------------- */ .webtv_pc_view {} .webtv_sp_view { display:none;} @media screen and (max-width:640px) { .webtv_pc_view { display:none;} .webtv_sp_view { display:inherit;} } /* -------------------------------- 　karte 「動画をみる」アイコン -------------------------------- */ ._karte-g__6PSY_ ._karte-temp-whole__6PSY_ { right: 7px; } @media screen and (max-width:640px) { div._karte-temp-card__6PSY_{ max-width:77px!important; } ._karte-g__6PSY_ ._karte-temp-close__6PSY_ { top:0px!important; width: 20px!important; height: 20px!important; line-height: 20px!important; } ._karte-g__6PSY_ ._karte-temp-whole__6PSY_ { right: 7px; } }