@charset "utf-8"; @media ( max-width: 1300px ) { .access_map_nav { right: 6%; bottom: 100px; } } @media ( max-width: 1240px ) { .course_detail_intro_point_deco { top: -33px; left: -56px; } } @media ( max-width: 1200px ) { .access_map_img_pc { left: -60px; } .access_map .top_intro_title { margin: 60px 0 -150px; } .access_map_nav { bottom: 80px; } } @media ( max-width: 1100px ) { .access_map_img_pc { left: -100px; } .access_map .top_intro_title { margin: 40px 0 -80px; } } @media ( max-width: 1024px ) { .redbox_l, .redbox_r { width: 100%; } .redbox_r { background-position: top center; max-width: initial; height: 400px; position: relative; left: 0; bottom: 0; } .redbox_inner { max-width: initial; margin: 0 auto; display: block; } .top_book { padding-top: 80px; } .access_goshuin_inner { width: 85%; } .access_goshuin_corner { width: 180px; top: -60px; left: -75px; } #header { text-align: left; } .header_ham_btn { display: block; z-index: 3; } .header_main { background: #FFF; width: 100%; height: 100%; padding: 11px 0; left: 30px; z-index: 2; } .header_list { width: 100%; background: #FFF; padding: 30px 0; position: absolute; top: -500px; z-index: 0; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .header_list.menu_slidein { top: 60px; } .header_list li { width: 100%; padding: 0; display: block; text-align: center; } .header_list li:after { content: none; } .header_list li a { padding: 24px 0 24px; position: relative; display: inline-block; } .header_list li a:after { content: ""; background: #754c24; width: 4px; height: 4px; position: absolute; top: 50%; right: -12px; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); transform: translate(50%,-50%); border-radius: 10px; } .header_list li a:before { content: ""; background: #754c24; width: 4px; height: 4px; position: absolute; top: 50%; left: -20px; -webkit-transform: translate(50%,-50%); -moz-transform: translate(50%,-50%); transform: translate(50%,-50%); border-radius: 10px; } .access_split_l { text-align: center; } .access_split_l ul { max-width: 90%; margin: 0 auto; display: inline-block; } .sp1024 { display: block !important; } .pc1024 { display: none !important; } .access_split_l, .access_split_r { width: 100%; } .course_detail_intro_course { width: 85%; max-width: none; margin: -60px auto -35px; display: block; } .course_detail_main_intro_ttl { font-size: 30px; } .course_detail_main_intro_ttl_sup { font-size: 17px; } .access_map_nav_inner { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(253,254,255,1) 50%, rgba(252,254,255,0.8981967787114846) 60%, rgba(252,254,255,0.8029586834733894) 70%, rgba(252,254,255,0.6012780112044818) 80%, rgba(252,254,255,0.500437675070028) 90%, rgba(251,253,255,0) 100%); padding: 25px 30px; box-shadow: none; } .access_map_nav { width: 95%; max-width: 460px; position: absolute; bottom: 80px; right: 30px; z-index: 2; } .map_note { right: auto; bottom: -10px; left: 30px; font-size: 11px; } .access_map_img_pc { display: none; } .access_map_img_sp1024 { position: relative; left: -20px; display: block; } } @media ( max-width: 960px ) { .gift_list2> li { width:45%; margin-right:10%; } .gift_list2> li:nth-child(3n+3) { margin-right:10%; } .gift_list2> li:nth-child(2n) { margin-right:0; } .course_detail_monk_l { width: 250px; margin-top: 0; vertical-align: bottom; } .course_detail_monk_r { width: calc(100% - 250px); padding: 0 35px 30px 5px; vertical-align: bottom; } .course_detail_monk { padding-top: 30px; } .course_detail_monk:before { content: none; } .model_courses_list li { width: 48.5%; margin-left: 3%; } .model_courses_list li:nth-child(2n+1) { margin-left: 0; } .model_courses_list li:nth-child(n+3) { margin-top: 40px; } .model_courses_bot:after { width: 25px; } .access_map_img_sp1024 { position: relative; left: -60px; } } @media ( max-width: 850px ) { .about_list_top_pic { width: 210px; left: -220px; } .about_list_top { padding-left: 220px; } .about_list_info { padding: 0; text-align: center; } .about_list_info_l { margin-bottom: 30px; position: static; } .about_list_info_r { margin-bottom: 25px; text-align: left; } .model_courses_top_img { width: 100%; height: 425px; } .model_courses_content_bot_img { width: 41%; top: 2%; left: 6%; } .model_courses_content { width: 95%; max-width: none; margin: -100px auto -100px; padding-top: 50px; position: static; } .model_courses_content_bot { margin-top: 30px; padding: 0 20px 65px 50%; position: relative; } .model_courses_bot:after { content: none; } .access_map_img_sp1024 { width: 90%; } .access_map .top_intro_title { margin: 30px 0 -40px; } .footer_contact { padding-left: 150px; } .footer_contact_border { padding-left: 40px; } } @media ( max-width: 768px ) { .sp { display: block !important; } .pc { display: none !important; } .top_container_fix:after { content: none; } .top_container_fix { background: #FFF; } .top_triangle_fix { height: 750px; } .intro { display: none; } .top_header { position: relative; margin-bottom: 100px; } .top_header_l { background: none; height: 100vh; width: 100%; position: absolute; top: 0; left: 0; /*display: none;*/} .top_header_l_fix { background: url(../images/menu_faded.png) center center / cover; position: absolute; top: 0; left: 0; bottom: 0; right: 0; mix-blend-mode: multiply; display: none; } .top_header_r { height: 100vh; width: 100%; } .top_header_r:after { content: none; } .top_header_nav li a:after { background: #FFF; } /*.tri, .tri2 { width: 50%; height: 100vh; }*/ /*.tri2 { right: 0; }*/ .main_title, .main_title span, .top_header_nav li a { color: #FFF; } .main_title:after { border-bottom: 2px solid #988865; } .top_header_nav_wrapper, .top_header_scroll { display: none; } .tri:after { width: 220px; height: 115px; top: 85px; left: 64px; } .tri2:after { width: 145px; height: 165px; top: 76px; left: 85px; } .all_title_bordered { text-align: center; } .all_title_bordered:after { position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); } .all_title_bordered { margin-bottom: 60px; } .top_curve_list li:nth-child(1) { margin-bottom: 4%; } .top_curve_list li:nth-child(2) { margin: 0 0 1.5% 7.8%; } .top_curve_list li:nth-child(3) { margin: 0 8.9% 0 4.4%; } /*.top_curve_list li:nth-child(4) { margin: 0 8.2% 1.5% 0; }*/ .top_curve_list li:nth-child(4) { margin-bottom: 7.5%; } .gift_split_l, .gift_split_r { width: 100%; margin-right: 0; } .gift_split_r_img { width: 90%; max-width: 500px; margin: 0 auto 45px !important; } .gift_list2> li { width: 48%; margin: 0 4% 80px 0; } .gift_list2> li:nth-child(3n+3) { margin-right: 4%; } .gift_list2> li:nth-child(2n+2) { margin-right: 0; } .gift_list ul li { padding-left:105px; } .access_goshuin_section .gift_split_r { width: 90%; max-width: 400px; margin: 0 auto 40px; } .access_goshuin_corner { top: 0; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .access_goshuin_inner { width: 90%; padding: 120px 0 60px; } .access_goshuin { margin: 165px 0 50px; } .access_course2 { padding-bottom: 50px; } .access_course2 .access_course_list2 { width: 100%; max-width: 500px; margin: 0 auto 90px; } .access_course2 .access_course_list2_side { width: 100%; margin-bottom: 40px; position: static; display: block; font-size: 18px; } .access_course2 .access_course_list2_img { width: 100%; margin-bottom: 15px; position: static; top: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .access_course2 .access_course_list_time { padding: 20px 0; margin: 0; } .access_course2 .access_course_list_time_l span { margin: 0 5px 0 8px; writing-mode: initial; font-size: 25px; } .access_course2 .access_course_list_time_l { width: 80%; margin: 0 auto; display: block; padding-bottom: 10px; height: auto; position: static; -webkit-transform: none; -moz-transform: none; transform: none; border-right: none; border-bottom: 1px solid #9eccb7; } .access_course2 .access_course_list_time_l_inner { width: 100%; position: static; top: 50%; left: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .access_course2 .access_course_list_time_l_inner p, .access_course2 .access_course_list_time_l_inner span { display: inline-block; } .access_course2 .access_course_list_time_r { width: 80%; margin: 0 auto; padding-left: 0; text-align: center; } .access_course2 .access_course_list_time_r> p { padding: 20px 0 0; letter-spacing: 2px; font-size: 18px; } .access_course_list2_side span { position: static; -webkit-transform: none; -moz-transform: none; transform: none; } .access_course_list2_side span br { display: none; } .access_course_list_details_l { width: 100%; margin-right: 0; margin-bottom: 60px; } .access_course_list_details_r { width: 100%; } .access_course_list2:last-child { margin-bottom: 0; } .access_course_inner_first .access_course_list2 { margin-bottom: 40px; } .access_course_inner_first .access_course_list2 li .access_course_list_time:after { bottom: -42px; } .access_course2 .access_course_inner.access_course_inner_last .access_course_list2 { margin-bottom: 0; } .access_course_inner_last .access_course_list_time { padding-top: 40px; } .access_course_inner_first .access_course_list_time_r> p, .access_course_inner_last .access_course_list_time_r> p { margin-left: 0; } .important_tbl tr th:nth-child(1), .important_tbl tr td:nth-child(1) { width: 10%; min-width: 160px; } .important_tbl tr th:nth-child(2), .important_tbl tr td:nth-child(2) { width: 30%; min-width: 240px; } .important_tbl tr th:nth-child(3), .important_tbl tr td:nth-child(3) { width: 20%; min-width: 130px; } .course_detail_main_list_ttl { margin-bottom: 25px; } .course_detail_main_list_txt { width: 100%; } .course_detail_main_list_img { width: 100%; margin-left: 0%; } .course_detail_main_list> li.txt_left .course_detail_main_list_txt { float: none; margin-left: 0; } .course_detail_main_list_copy { margin-bottom: 25px; } .course_detail_main_list_copy_small { margin: -15px 0 25px; } .course_detail_main_intro_r { width: 100%; max-width: 275px; margin: 0 auto; float: none; display: block; } .course_detail_main_intro_l { width: 100%; } .course_detail_main_all_txt { width: 100%; margin-bottom: 30px; } .course_detail_listA .course_detail_main_all_txt { margin-right: 0; } .course_detail_listB .course_detail_main_all_txt { float: none; } .course_detail_main_all_img { width: 100%; } .course_detail_monk { padding-top: 70px; } .course_detail_monk_l_pc { display: none; } .course_detail_monk_l_sp { margin: 20px auto 0; display: block; } .course_detail_monk_r { width: 100%; padding: 0 35px 0 35px; } .course_detail_intro_course { padding: 40px 20px 45px 30px; } .course_detail_intro_ttl { padding-left: 60px; } .course_detail_intro_nb { top: 42px; left: 27px; } .course_detail_intro_point { padding: 70px 0 40px; } .course_detail_intro_point_deco { top: -45px; } .course_detail_intro_point_illust { width: 200px; } .course_detail_intro_point_illust img { width: 160px; } .course_detail_intro_point_txt { width: calc(100% - 200px); padding: 0 20px 0 10px; } .top_intro_title { margin-bottom: 15px; } .access_map_nav { width: 95%; max-width: 750px; margin: 0 auto -20%; padding-top: 0; top: 0; right: auto; z-index: 2; position: relative; top: 0; left: 0; transform: none; } .access_map_img_sp1024 { width: 150%; } .access_map .top_intro_title { margin: 30px 0 40px; } .footer_contact { padding-left: 10px; } .footer_contact_border { padding: 0; border-left: none; } .footer_contact_left { padding: 0 10px 5px; margin-bottom: 5px; display: inline-block; position: static; -webkit-transform: none; -moz-transform: none; transform: none; border-bottom: 4px solid #8a9100; line-height: 1; } } @media ( max-width: 650px ) { .top_book { background-position:top 25px left; background-size:100%; padding: 60px 0 55px; } .top_book_left {width: 100%;margin: 0 auto 35px;display: block;} .top_book_right { width: 100%; } .top_book_right p { letter-spacing: 1px; } .top_book_left_inner { max-width: 400px; margin: 0 auto; display: block; } .top_book_right_inner { width: 100%; max-width: 500px; margin: 0 auto; display: block; } .top_main_nav_inner { position: relative; } .top_main_nav_inner:before { content: ""; background:#754c24; width: 6px; height:6px; position:absolute; top:50%; right: 0; display: block; border-radius:50%; -webkit-transform:translateY(-55%); -moz-transform:translateY(-55%); transform:translateY(-55%); font-size: 8px; color: #754c24; } .top_main_nav_inner:after { content: ""; width: 100%; height: 2px; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); border-top: 1px solid #754c24; } .top_main_nav_txt { width: 100%; padding: 0 0 0 175px; top: 45px; left: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .top_main_nav ul li p { -webkit-writing-mode:horizontal-tb !important; -ms-writing-mode:lr-tb !important; writing-mode:horizontal-tb !important; } .top_main_nav_img { width: 160px; background: #FFF; z-index: 1; } .top_main_nav_img:after, .top_main_nav_img:before { content: none; } .top_main_nav ul li { width: 100%; height: auto; margin: 0 5% 75px 0; } .top_main_nav_title { width: 162px; font-size: 18px; } .top_main_nav ul li p.top_main_nav_jp { display: block; margin-top: 30px; } .top_main_nav_main { margin-right: 0; } .top_curve_list li:nth-child(1) { max-width: 9%; margin-bottom: 3%; } .top_curve_list li:nth-child(2) { max-width: 17.5%; margin: 0 0 2% 6.8%; } .top_curve_list li:nth-child(3) { max-width: 27%; margin: 0 7% 0 5.5%; } /*.top_curve_list li:nth-child(4) { max-width: 10.2%; margin: 0 5% 2% 0; }*/ .top_curve_list li:nth-child(4) { max-width: 15%; margin-bottom: 3%; } .list_bot_round_pic { top: 0; right: 50%; -webkit-transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); transform: translate(50%, -50%); } .about_kami_list_bot_inner { padding: 130px 50px 40px 50px; } .about_list_top { margin-bottom: 150px; padding-left: 0; } .about_list_info_wrapper:before, .about_list_info_wrapper:after { content: none; } .about_list_top_pic { width: 250px; margin-bottom: 20px; position: relative; left: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .about_list_info_wrapper { text-align: center; } .about_list_info2 { margin-top:0; } .about_sub_nav li a { font-size: 14px; } .about_kami_list> ul> li:nth-child(even) .about_round_pic:after, .about_kami_list> ul> li:nth-child(odd) .about_round_pic:after { background: #FFF; } .about_kami_list> ul> li:nth-child(even) .about_list_top_pic:after, .about_kami_list> ul> li:nth-child(odd) .about_list_top_pic:after { background: #f4f3ed; } .about_kami_list> ul> li .list_bot_round_pic:before, .about_kami_list> ul> li .list_bot_round_pic:after { border-left: none; } /*.gift_list2> li { width: 48%; margin: 0 4% 80px 0; } .gift_list2> li:nth-child(3n+3) { margin-right: 4%; } .gift_list2> li:nth-child(2n+2) { margin-right: 0; }*/ .access_course_list_time { padding:20px 5%; } .access_course_list_time_r { padding-left: 180px; } .access_course_list_time_l { width: 100%; height:auto; display: block; position:static; -webkit-transform:none; -moz-transform:none; transform:none; border-right:none; } .access_course_list_time_l_inner { position:static; -webkit-transform:none; -moz-transform:none; transform:none; } .access_course_list_time_l p { display:inline-block; vertical-align:middle; line-height:1.5;} .access_course_list_time_l span { margin:0 3px; vertical-align:middle; line-height:1.5; -webkit-writing-mode:horizontal-tb !important; -ms-writing-mode:lr-tb !important; writing-mode:horizontal-tb !important; } .access_course_list_time_r { margin-top:10px; padding:0; text-align:center; } .access_course_list_time_r p { padding:0; } .important_notif { background: #FFF url(../images/all_important_excla.png) no-repeat center left 12px / 20px; width: 270px; } .important_notif a { padding: 11px 35px 11px 45px; font-size: 15px; line-height: 1.4; } .important_tbl tr th:nth-child(1), .important_tbl tr td:nth-child(1) { width: 20%; min-width: auto; } .important_tbl tr th:nth-child(2), .important_tbl tr td:nth-child(2) { width: 55%; min-width: auto; } .important_tbl tr th:nth-child(3), .important_tbl tr td:nth-child(3) { width: 25%; min-width: auto; } #footer { padding:0; } .footer_inner { width: 100%; } /*.footer_nav { background: #eae0d3; width:305px; margin-top:30px; }*/ .footer_contact { width: 100%; padding: 40px 0 0; text-align: center; } .footer_contact_left { margin-bottom: 25px; padding: 15px 2px; } .footer_nav { background: #eae0d3; margin: 35px auto 0; padding: 40px 0; display: block; float: none; text-align: left; } .footer_nav ul { width: 335px; margin: 0 auto; letter-spacing:0; font-size:0; } .footer_nav ul li { width:50%; display:inline-block; } .footer_nav ul li:nth-child(2n) { text-align:right; } .footer_links { margin-bottom: 10px; } .footer_links:last-child { margin-bottom: 0; } } @media ( max-width: 480px ) { .top_triangle_fix { height: 0; margin-bottom: -50px; } .top_fix { margin-top: 100px; } .relative_fix { position: relative; padding-bottom: 120px; } .tri:after { width: 125px; height: 48px; top: 84px; left: 75px; } .tri2:after { width: 80px; height: 65px; top: 80px; left: 83px; } #container { padding-top:67px; } .inner { width: 90%; } .all_txt { line-height: 1.6em; font-size: 15px; } .scrollTop { width: 17px; height: 40px; right: 15px; bottom: 25px; } .scrollTop a { letter-spacing: 2px; font-size: 12px; } .scrollTop:before { height: 25px; top: -32px; left: 9px; } .scrollTop:after { top: -36px; left: 7px; } .all_banner { height:300px; } .all_banner_inner { background-size:210px; } .all_banner_title { font-size:25px; } .all_banner_inner_up:before { top: 80px; } .all_banner_inner_up:after { height: 80px; } .all_banner_inner_down:before { bottom: 80px; } .all_banner_inner_down:after { height: 80px; } .all_title_bordered { margin-bottom:40px; padding-bottom:20px; letter-spacing:6px; font-size:25px; } #header { height: 60px; } .header_main { padding: 15px 0; left: 20px; } .header_list.menu_slidein { top: 60px; } .header_main a { font-size: 20px; letter-spacing: 3px; } /*top*/ /*.top_header_r { height:35vh; }*/ /*.top_header_l { height:65vh; }*/ .top_header_nav li a { letter-spacing:3px; font-size:14px; } .top_header_scroll { padding: 7px 0 6px; left: 25px; bottom: 55px; letter-spacing: 2px; font-size: 12px; } .top_header_scroll:before { height: 25px; top: 65px; left: 8px; } .top_header_scroll:after { bottom: -36px; left: 6px; } .top_intro_title { margin-bottom:35px; padding:30px 0; letter-spacing:8px; font-size:25px; } .top_intro_txt { margin-bottom:35px; } .top_main_nav { margin-top:70px; } .top_main_nav_img { width: 130px; } .top_main_nav_txt { padding: 0 0 0 140px; top: 10px; } .top_main_nav_main { margin-right: 0; font-size: 20px; } .top_main_nav_jp { letter-spacing: 2px; font-size: 14px; } .top_main_nav_romaji { margin-right: 0; margin-bottom: 7px; display: block !important; font-size: 12px; } .top_main_nav_title { width: 130px; margin-bottom: 8px; } .top_main_nav_title span { padding: 0 4px 0 6px; letter-spacing: 2px; font-size: 16px; } .top_main_nav ul { margin-bottom:20px; } .top_main_nav ul li { margin-bottom: 45px; } .main_title { padding-bottom: 35px; letter-spacing: 10px; text-indent: 15px; font-size: 35px; } .main_title span { margin-top: 20px; letter-spacing: 10px; font-size: 28px; } .double_borber_title { margin-bottom: 30px; } .double_borber_title span { padding: 8px 0; letter-spacing: 3px; font-size: 24px; } .ribbon_title { font-size: 22px; } .ribbon_beige.ribbon_title { margin-bottom: 30px; } .ribbon_title span { padding-bottom: 20px; } .redbox { margin-top:100px; } .redbox_l { padding: 35px 0 50px; font-size: 14px; } .redbox_r { background-image: url(../images/happy_sp.jpg); height:250px; } .redbox_txt { margin-bottom: 30px; line-height: 1.6;letter-spacing: 1px; font-size: 15px; } .top_curve { background-size: 1500px; padding: 60px 0 90px; } .top_curve_inner { width: 90%; margin: 0 auto; } .top_book { background-position:top 12% left; background-size:120%; } .footer_contact_left { position: static; -webkit-transform: none; -moz-transform: none; transform: none; font-size: 20px; } /*about*/ .about_intro { padding: 80px 0; } .about_intro_title { margin-bottom: 25px; font-size: 30px; } .letter { letter-spacing: 8px; } .about_sub_nav { margin:30px auto; } .about_sub_nav li { margin-bottom:20px; } .about_sub_nav li a { font-size:13px; } .about_kami_list> ul> li { padding: 75px 0; } .about_list_top_pic { width: 220px; } .about_list_info_title { margin-bottom: 12px; font-size: 15px; } .about_list_info_subtitle { margin-bottom: 7px; font-size: 13px; } .about_list_info_place { font-size: 20px; } .about_list_info_l { padding: 8px 25px; } .about_kami_list_sub { margin-top: 20px; text-align: center; } .about_kami_list_sub ul li { text-align: left; font-size: 15px; } .about_kami_list_sub_head { margin-bottom: 18px; } .about_list_info2 li { padding-left:90px; } .about_list_info2 a { font-size:15px; } .skyline_note { padding: 9px 0 11px 15px; font-size: 12px; } .about_list_info2 li> span { width: 75px; margin-right: 20px; } .about_list_info2_web span> span { margin-right: 16px; font-size: 15px; } .about_list_info2_access span> span { margin-right: 3px; font-size: 15px; } .about_list_info2_tel span> span { margin-right: 19px; font-size: 15px; } .gift_list ul li> span { width: 85px; margin-right: 10px; } .gift_list_price span> span { margin-right: 35px; } .gift_list_size span> span { margin-right: 10px; } .gift_list_price2 span> span { margin-right: 1px; } .about_kami_list_bot_inner { padding: 130px 25px 40px 25px; } .about_kami_list_bot_title { margin-bottom: 12px; display: block; text-align: center; font-size: 24px; } .about_kami_list_bot_head { margin-bottom: 20px; padding-bottom: 25px; } .about_kami_list_bot_head p { margin-bottom: 12px; display: block; text-align: center; font-size: 14px; } .about_kami_list_bot_head span { position: static; display: block; text-align: center; font-size: 15px; } .gift_list2_section { padding: 60px 0 50px; } .gift_section_border_top { padding: 60px 0; } .gift_section_border_bottom { padding: 60px 0; } .gift_list2> li { width: 100%; max-width: 300px; display: block; margin: 0 auto 50px !important; } .access_goshuin_title_box { margin-bottom:40px; } .access_goshuin_title { background: url(../images/access_title_ten.png) no-repeat top 8px left 10px / 20px ,url(../images/access_title_ten2.png) no-repeat top 8px right 10px / 20px; padding: 0 35px; font-size: 25px; } .access_course { padding-bottom: 110px; } .access_course2 { padding-bottom: 0; } .access_split_l { height:350px; } .access_split_l li span { font-size: 15px; } .access_split_l li p a { padding: 1px 25px 1px 0; font-size: 17px; } .access_split_r { height:250px; } .access_course2 {margin-top: 100px;margin-bottom:90px;} .access_split_img { margin-top:50px; } .access_goshuin_inner_bg { right:-10px; bottom:-10px; } .access_course_inner { padding:65px 0 20px; } .access_course2 .access_course_inner.access_course_inner_first { padding-top: 65px; } .access_course_title_upper { margin:0 0 15px 0; padding:6px 15px; font-size:14px; } .access_course_title_box { top:28px; } .access_course_list_time_l p, .access_course_list_time_l span { font-size:17px; } .access_course_list_time_r> p { font-size:20px; } .access_course_nb { width:24px; margin-right:10px; top:-2px; font-size:15px; } .access_course_list_details_caption { font-size:13px; } .access_course_list_details_title { padding-left:20px; font-size:20px; } .access_course_list_details_r table { width:100%; font-size:15px; } .access_course_list_details_r table th, .access_course_list_details_r table td { width:100%; display:block; border-left:none; border-bottom:none; } .access_course_list_details_r table th span { margin-right:0; } .access_course_list_details_r table th span, .access_course_list_details_r table td span { padding: 5px 8px; } .access_course_list_info { margin:30px 0 60px; } .access_course_list_info .about_list_info2 ul { width:90%; } .access_course_list_info .about_list_info2 li { padding-left:90px; } .access_course_list_info .about_list_info2 { padding:25px 0 30px; } .access_course_list_info_title a span { background-size:100%; width:20px; right:15px; } .access_course_list_info_title a { font-size:16px; } .access_course_delay { padding-left:20px; bottom:-40px; font-size:13px; } .access_course2 .access_course_list_time_r> p { font-size:17px; } .important_tbl_wrapper { padding: 80px 0 90px; } .important_tbl { padding: 70px 0 50px; } .important_title { padding: 0 20px 25px 20px; margin-bottom: 40px; font-size: 22px; } .important_tbl .all_text { line-height: 1.8; font-size: 14px; } .important_tbl table { margin: 15px 0 20px; } .important_tbl_note { margin-top: 30px; } .important_tbl_note span { font-size: 14px; } .important_tbl th, .important_tbl td { font-size: 13px; } .important_tbl tr th:nth-child(1), .important_tbl tr td:nth-child(1) { width: 28%; min-width: auto; } .important_tbl tr th:nth-child(2), .important_tbl tr td:nth-child(2) { width: 54%; min-width: auto; } .important_tbl tr th:nth-child(3), .important_tbl tr td:nth-child(3) { width: 18%; min-width: auto; } .important_tbl tr td span { display: block; } .important_notif { width: 255px; } .important_notif a { padding: 11px 35px 11px 45px; font-size: 14px; } .important_notif.dodge { right: 45px; } .course_detail_main_intro_content { padding: 15px 25px 40px; } .course_detail_main_intro_txt { margin-top: 15px; line-height: 1.8; font-size: 15px; } .course_detail_list> ol> li:nth-child(n+2) { margin-top: 120px; } .course_detail_list:after { content: none; } .course_detail_list_start { display: none; } .course_detail_arrow { width: 1px; height: 70px; top: auto; bottom: -96px; left: 50%; transform: translateX(-50%); border-top: none; border-left: 1px dashed #8A9200; } .course_detail_listA .course_detail_arrow { top: auto; } .course_detail_arrow:after { top: auto; left: -6px; bottom: -1px; transform: none; border-width: 6px 5px 0 5px; border-color: #8b9200 transparent transparent transparent; } .course_detail_listB .course_detail_arrow { display: none; } .course_detail_distance { background: #FFF; padding: 2px 0; top: auto; bottom: -72px; left: 50%; transform: translateX(-50%); font-size: 12px; } .course_detail_distance:after { width: 14px; height: 22px; left: -18px; } .course_detail_list { padding: 0; } .course_detail_main_all_txt { padding-left: 0; } .course_detail_listB .course_detail_main_all_txt, .course_detail_listA .course_detail_main_all_txt { padding-top: 0; } .course_detail_main_all_ttl { padding-left: 30px; font-size: 18px; } .course_detail_main_all_ttl:after { width: 20px; height: 20px; left: 0; } .course_detail_main_all_copy { margin-top: 10px; line-height: 1.6; font-size: 14px; } .course_detail_main_all_txt_note { padding: 12px 0 12px 15px; } .course_detail_main_all_txt_note.center { padding: 12px 8px; } .course_detail_main_list_txt .course_detail_main_all_txt_note { margin-bottom: 30px; } .course_detail_main_all_txt_note p { line-height: 1.7; font-size: 12px; } .course_detail_main_list> li { padding: 35px 25px; } .course_detail_main_list_ttl { margin-bottom: 15px; padding-left: 70px; } .course_detail_main_list_ttl_jp { font-size: 22px; } .course_detail_main_list_ttl_en { font-size: 14px; } .course_detail_main_list_ttl_nb { font-size: 53px; } .course_detail_main_list_copy { margin-bottom: 20px; line-height: 1.7; font-size: 14px; } .course_detail_main_list_copy_small { margin: -10px 0 20px; } .course_details_text_link { margin: 15px 0 25px; } .course_detail_monk { margin-top: 80px; } .course_detail_monk_r { padding: 0 25px 0 25px; } .course_detail_monk_deco { width: 110px; right: 10px; top: 10px; } .course_detail_monk_ttl { margin-bottom: 5px; font-size: 18px; } .course_detail_monk_name { margin-bottom: 18px; font-size: 14px; } .course_detail_monk_txt { line-height: 1.7; font-size: 14px; } .course_detail_intro_ttl { margin-bottom: 30px; padding-left: 0; line-height: 1.4; font-size: 28px; } .course_detail_intro_nb { top: 20px; left: 25px; letter-spacing: -1px; font-size: 30px; } .course_detail_intro_course { padding: 65px 15px 45px 25px; } .course_detail_intro_list { margin-top: 10px; } .course_detail_intro_list li { margin: 13px 0 0 4px; padding: 0 20px 0 19px; letter-spacing: 0; font-size: 13px; } .course_detail_intro_list li:before { width: 15px; height: 15px; top: -1px; } .course_detail_intro_course { margin: -20px auto -30px; } .course_detail_intro_point { position: relative; } .course_detail_intro_course_wrapper { position: relative; z-index: 1; } .course_detail_intro_point { padding: 65px 0 35px; } .course_detail_intro_point_deco { top: 50px; left: 20px; } .course_detail_intro_point_illust { width: 200px; margin: 0 auto 30px; display: block; } .course_detail_intro_point_txt { width: 100%; padding: 0 20px 0 25px; position: static; } .course_detail_intro_point_name { margin-bottom: 10px; font-size: 14px; } .course_detail_intro_point_ttl { margin-bottom: 10px; font-size: 22px; } .course_detail_intro_point_copy { line-height: 1.6; font-size: 14px; } .model_courses_list li { width: 100%; margin-left: 0; } .model_courses_list li:nth-child(n+2) { margin-top: 40px; } .model_courses_bot:after { content: none; } .model_courses_list_ttl { font-size: 20px; } .model_courses_list_txt { font-size: 14px; } .model_courses_list_link a { font-size: 14px; } .model_courses_bot_inner { padding: 140px 0 100px; } .model_courses_list_content { padding: 37px 6% 39px; } .model_courses_content_top { padding: 0 25px; } .model_courses_content_top_ttl { margin-bottom: 15px; letter-spacing: 3px; font-size: 30px; } .model_courses_content_top_txt { line-height: 1.8; font-size: 15px; } .model_courses_content_bot { margin-top: 25px; padding: 0 25px 65px 25px; } .model_courses_content_bot_img { width: 100%; max-width: 300px; margin: 0 auto 30px; position: static; } .model_courses_content_bot_img_pc { display: none; } .model_courses_content_bot_img_sp { display: block; } .model_courses_content_bot_txt { margin-bottom: 20px; font-size: 15px; } .model_courses_content_bot_txt br { display: none; } .model_courses_top_img { height: 270px; } .model_courses_content { margin: -55px auto -70px; padding-top: 45px; } .access_map_img_sp1024 { display: none; } .access_map_img_sp480 { display: block; } .access_map_nav_inner { padding: 0 10px 0; } .access_map_nav { margin: 0 auto -38%; } .access_map_nav li { width: 47%; margin-right: 6%; } .access .top_intro_title { margin-bottom: 65px; } .map_note { right: auto; top: 101%; left: 9px; letter-spacing: 0; } .footer_nav ul { width: 305px; } .footer_nav { margin: 25px auto 0; padding: 30px 0; } .footer_contact { padding-top: 30px; } .footer_contact_head { margin-bottom: 10px; letter-spacing: 2px; font-size: 13px; } .footer_contact_head span { margin-left: 10px; padding: 0px 4px 0px 7px; display: inline-block; letter-spacing: 2px; font-size: 15px; } .footer_contact a { letter-spacing: 2px; font-size: 20px; } .footer_telfax { width: 48px; margin-right: 7px; padding: 6px 0; position: relative; top: -3px; vertical-align:middle; font-size: 14px; } .footer_nav li a { font-size:15px; } .footer_links { margin-bottom: 5px; } } @media ( max-width:360px ) { .main_title { padding-bottom:25px; font-size:30px; } .main_title span { margin-top:15px; font-size:23px; } .footer_nav ul { width:240px; } .footer_nav li a { font-size:12px; } .footer_contact_head span { margin-left: 7px; font-size: 13px; } } /*TOP PAGE SPECIAL*/ @media ( min-width: 1100px ) { .top_main_nav ul li:nth-child(5n+5) { margin-right: 0; } } @media ( min-width:850px ) and (max-width:1100px ) { .top_main_nav ul li:nth-child(4n+4) { margin-right: 0; } } @media ( max-width:850px ) { .top_main_nav ul li:nth-child(3n+3) { margin-right: 0; } } .access_map_nav li { width: 45.2%; margin-right: 9.5%; } .access_map_nav li:nth-child(2n+2) { margin-right: 0; } /* MAP */ /*@media ( max-width: 1500px ) { .access_map img { width: 110%; -webkit-transform: translateX(-3%); -moz-transform: translateX(-3%); transform: translateX(-3%) } } @media ( max-width: 1350px ) { .access_map img { width: 120%; -webkit-transform: translateX(-8%); -moz-transform: translateX(-8%); transform: translateX(-8%); } } @media ( max-width: 1200px ) { .access_map img { width: 130%; -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); transform: translateX(-10%); } } @media ( max-width: 1100px ) { .access_map img { width: 140%; -webkit-transform: translateX(-13%); -moz-transform: translateX(-13%); transform: translateX(-13%); } } @media ( max-width: 1024px ) { .access_map img { width: 150%; margin-top: 6%; -webkit-transform: translateX(-15%); -moz-transform: translateX(-15%); transform: translateX(-15%); } } @media ( max-width: 960px ) { .access_map_nav { width:90%; margin:0 auto; padding:80px 0 0; position:relative; left:0; top:0; -webkit-transform:none; -moz-transform:none; transform:none; } .access_map img { width:100%; margin-top: -34%; -webkit-transform:none; -moz-transform:none; transform:none; } } @media ( max-width: 768px ) { .access_map img { width: 120%; margin-top: -40%; -webkit-transform: translateX(-8%); -moz-transform: translateX(-8%); transform: translateX(-8%); } } @media ( max-width: 650px ) { .access_map img { width: 140%; margin-top: -45%; -webkit-transform: translateX(-14%); -moz-transform: translateX(-14%); transform: translateX(-14%); } } @media ( max-width: 480px ) { .access_map_img_sp { display: block; } .access_map_img_pc { display: none; } .access_map img { width: 100%; margin-top: -48%; -webkit-transform: none; -moz-transform: none; transform: none; } }*/