h1 {margin: 0 0 20px;letter-spacing: 1px;} h2,h3,h4,h5 {margin: 0 0 20px;letter-spacing: 1px;} .top_section h2 {font-family:'Montserrat', sans-serif;font-weight:700;font-size:26px;text-align:center;} /*#main_content h1#pagetitle {font-size:20px;background: #2b1211;border:double 4px #FFF;padding: 4px 15px;margin: 0;color:#FFF;}*/ #main_content h1#pagetitle {font-size:20px;background: url(images/pattern01.png) repeat;border-top:solid 3px #2b1211;padding: 4px 15px;margin: 0;color:#2b1211;} #main_content h2.h2secttl {font-size:16px;border-bottom:double 4px #fff;padding: 3px 15px;margin: 0 0 20px;background: #5a4b41;color:#FFF;} #main_content h3.h3secttl {position: relative;font-size: 16px;font-weight: bold;margin: 0 0 1.5em;color:#2b1211;padding: 3px 0 3px 30px;border-bottom: 2px solid #5a4b41;} #main_content h3.h3secttl:before{content: "□";font-size: 120%;position: absolute;color: #5a4b41;top: -0.4em;left: 0.3em;height: 8px;width: 8px;} #main_content h3.h3secttl:after{content: "◼";font-size: 120%;position: absolute;color: #8c6239;top: -0.2em;left: 0;height: 10px;width: 10px;} table {border-collapse: separate;border-spacing: 1px;text-align: left;line-height: 1.5;border-top: 1px solid #ccc;border-left: 1px solid #ccc;width:100%;} table th {width: 150px;padding: 10px;font-weight: bold;vertical-align: top;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;background: #efefef;} table td {width: 350px;padding: 10px;vertical-align: top;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;} table.tbl02 {border-collapse: separate;border-spacing: 1px;text-align: left;line-height: 1.5;border-top: 1px solid #FFF;border-left: 1px solid #FFF;border-right: 1px solid #FFF;width:100%;} table.tbl02 th {width: 150px;padding: 10px;font-weight: bold;vertical-align: top;border-bottom: 1px solid #FFF;background: #efefef;} table.tbl02 td {width: 350px;padding: 10px;vertical-align: top;border-bottom: 1px solid #FFF;background: rgba(255,255,255,0.4);} #pagetop {overflow: hidden;text-align:center;color:#1a1a1a;margin:50px auto;} #pagetop i {display:block;text-align:center;} #pagetop a {font-size:14px;font-family:'Montserrat', sans-serif;color:#1a1a1a;font-weight:700;} /* ======================================================= * * TOP Contents * * ======================================================= */ .topicImg {width:100%;background-repeat:no-repeat;background-size:135% auto;background-position:center top;margin:0 0 10px;} .topicImg_first {width:100%;background-repeat:no-repeat;background-size:120% auto;height:455px;margin:0 0 10px;position:relative;z-index:100;background-position:center center;} #newtopics {overflow:hidden;margin:0 0 20px;width:100%;} #newtopics ul {overflow:hidden;} #newtopics ul li {float:left;margin-top:0 !important;margin-bottom:15px !important;overflow:hidden;padding: 0 0 5px;font-size:14px;line-height:1.3;} #newtopics ul li:first-child {width:100% !important;} #newtopics ul li:nth-child(2), #newtopics ul li:nth-child(3), #newtopics ul li:nth-child(4) {width:31.9%;margin-right:15px;} #newtopics ul li:last-child {margin-right:0;} #newtopics ul li .newtopicData {width:80%;margin:-60px auto 10px;padding:30px;position:relative;z-index:150;background:#FFF;} #newtopics ul li .newtopicData p {font-size:18px;margin:10px 0 0;} #newtopics ul li .topicImg {height:225px;} /* ul li .topicImg, ul li .topicImg_first { -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; } ul li a:hover .topicImg, ul li a:hover .topicImg_first { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } */ ul li a:hover .topicImg, ul li a:hover .topicImg_first { opacity: 0.5; } span.cate {font-family:'Montserrat', sans-serif;color:#1a1a1a;margin:0 6px 0 0;} span.date {font-family: 'Merriweather', serif;font-weight:100;font-style:italic;margin:0 10px 0 6px;color:#1a1a1a;} span.newIcon {background:#E1FF00;padding:1px 5px;font-size:10px !important;font-family:'Montserrat', sans-serif;color:#1a1a1a;} span.cate,span.date {display:inline-block !important;font-size:12px;font-weight:700;} p.txt {margin:5px 0 0;} #feature {background:#F2F2F2;} #feature .slick_container {width:100%;margin:0 auto;position:relative;} #feature .slick-prev, #feature .slick-next {width:28px;height:28px;} #feature .slick-prev img, #feature .slick-next img {width:100%;} #feature .slick-prev:before, #feature .slick-next:before { content:"";} #feature button.slick-prev, #feature button.slick-next {z-index:2;} #feature .slick-prev{left:-60px;} #feature .slick-next{right:-60px;} #feature .slick-arrow{z-index:10;} #feature ul li {overflow:hidden;padding: 0 0 5px;font-size:14px;line-height:1.3;} #feature ul li .topicImg {height:225px;} #student {} #student ul {overflow:hidden;} #student ul li {float:left;width:20%;padding: 0 0 5px;font-size:14px;line-height:1.3;text-align:center;} #student ul li .topicImg {height:480px;background-size:auto 100%;background-position:center top;} #student ul li span, #student ul li p {margin-right:15px;margin-left:15px;text-align:center !important;} #student ul li span.studentname {display:block;font-weight:700;font-size:14px;color:#1a1a1a;margin:0 0 5px;font-family:'Montserrat', sans-serif;} #food {} #food ul {overflow:hidden;width:60em;position:relative;left:50%;margin-left:-30em;} #food ul li {float:left;width:21.38888%;margin:0 15px;text-align:center;} #food ul li .circleImg {border-radius:50%;background-color:#DDD;background-position:center center;width:100%;height:190px;background-repeat:no-repeat;background-size:auto 100%;} #food ul li .circleImg { -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; } #food ul li a:hover .circleImg { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } #event {overflow:hidden;} #event ul {overflow:hidden;} #event ul li {float:left;width:32.15%;padding: 0 0 5px;font-size:14px;line-height:1.3;margin:0 15px 0 0;} #event ul li:last-child {margin-right:0;} #event ul li .topicImg {height:225px;} #instagram {overflow:hidden;} #instagram a:hover {border-bottom:none;} #instagram .sbi_follow_btn {margin-top:30px;} #instagram .sbi.sbi_col_5 {height:525px;} /* ======================================================= * * sidebar * * ======================================================= */ #metaslider_13 ul.slides {margin:0 0 15px;} #metaslider_13 ul.slides li img {width:100%;} .widget {padding:0;margin:0 0 60px;} .widget_cont {overflow: hidden;margin:0 0 20px;} .widget_cont h3.side-title {color:#1a1a1a;font-size:15px !important;font-family: 'Montserrat', sans-serif;letter-spacing:-0.05em !important;margin-bottom:10px !important;} .widget_cont ul li {overflow:hidden;font-size:13px !important;padding:6px 0;border-bottom:dotted 1px #CCC;} .widget_cont ul.recentpostList li {margin-bottom:3px;} .postImg {width:90px;height:60px;background-repeat:no-repeat;background-size:120% auto;margin:0 8px 3px 0;float:left;} #banner300 {padding:0;} #banner300 img {width:100%;} /* ======================================================= * * Contents * * ======================================================= */ dl dt i {color:#304e37;margin-right: 10px;} .graybox {border:solid 1px #CCC;padding: 20px;margin: 0 0 30px;background:#efefef;overflow: hidden;} #eyecatch_img {margin:0 0 20px;height:680px;max-height:680px;background-repeat:no-repeat;background-size:115% auto;background-position:center center;} #eyecatch_img img {width:100%;} #post_content {overflow:hidden;width:96%;} #post_content h2#cate_title {font-family:'Montserrat', sans-serif;font-weight:700;border-bottom:dotted 1px #1a1a1a;padding-bottom:5px;margin-bottom:15px !important;} #post_content h3 {border-top:dotted 1px #555;border-bottom:dotted 1px #555;padding:20px 0;} #post_content p {line-height:1.6em;} #post_content p img {width:100%;} #post_content ul {list-style:disc;margin:0 0 15px;padding:0 0 0 20px;} #post_content ol {list-style:decimal;margin:0 0 15px;padding:0 0 0 20px;} #post_content .conbox {width:99%;margin-right: auto;margin-left: auto;margin-bottom:15px;overflow:hidden;} #post_content .con_row {overflow:hidden;margin:0;padding:0;} #post_content .conbox img {width:100%;} .boxLeft {float:left;} .boxRight {float:right;} #post_content .conbox dl {width:32.566666%;float:left;} #post_content .conbox dl+dl {margin:0 0 0 8px;} #post_content .movie {width:100%;height:480px;margin:15px 0;} #post_content .meta {clear:both;overflow:hidden;margin:40px 0 80px;padding:15px 0 0;border-top:dotted 1px #555;} #post_content .meta ul {overflow: hidden;margin:0;padding:0;list-style:none;} #post_content .meta ul li {float:left;margin-right:15px;} #post_content .meta ul li a {color:#1a1a1a;font-size:13px;font-family: 'Montserrat', sans-serif;} #post_content .link a {background: url(images/link_bg.png) repeat-x left bottom;padding:0 0 0px;} #post_content .annotation {background:#EFEFEF;border:solid 1px #CCC;padding:20px;font-size:90%;margin:20px 0;} #recentNewPost {overflow:hidden;margin:0 0 20px;width:100%;} .newpostBox {overflow:hidden;width:31.5%;margin:0 8px;float:left;} #recentNewPost ul {overflow:hidden;padding:0;list-style:none;} #recentNewPost ul li {width:100%;float:left;margin-top:0 !important;margin-bottom:15px !important;overflow:hidden;padding: 0 0 5px;font-size:14px;line-height:1.3;} #recentNewPost ul li .newtopicData {width:80%;margin:-60px auto 10px;padding:30px;position:relative;z-index:150;background:#FFF;} #recentNewPost ul li .newtopicData p {font-size:18px;margin:10px 0 0;} #recentNewPost ul li .rnp_cate {font-family:'Montserrat', sans-serif;color:#1a1a1a;margin:10px 0 0;display:block;font-size:20px;font-weight:700;color:#1a1a1a;} #recentNewPost ul li .rnp_date {font-family: 'Merriweather', serif;font-weight:100;font-style:italic;margin:0 10px 0 6px;color:#1a1a1a;display:block;} #recentNewPost ul li .rnp_txt {display: block;} #recentNewPost ul li:first-child .rnp_cate, #recentNewPost ul li:first-child .rnp_date, #recentNewPost ul li:first-child .rnp_txt {text-align:center !important;} #recentNewPost ul li .rnp_topicImg {background-repeat:no-repeat;background-size:120% auto;background-position:center center;} #recentNewPost ul li:first-child .rnp_topicImg {width:100%;height:225px;} #recentNewPost ul li:nth-child(2) .rnp_topicImg, #recentNewPost ul li:nth-child(3) .rnp_topicImg, #recentNewPost ul li:nth-child(4) .rnp_topicImg, #recentNewPost ul li:nth-child(5) .rnp_topicImg {width:120px;height:80px;margin:0 10px 10px 0;float:left;} #recentNewPost ul li:nth-child(2) .rnp_cate, #recentNewPost ul li:nth-child(3) .rnp_cate, #recentNewPost ul li:nth-child(4) .rnp_cate, #recentNewPost ul li:nth-child(5) .rnp_cate {display:none;} #categoryList {overflow:hidden;padding-left:0 !important;list-style:none !important;} #categoryList li {overflow:hidden;width:48%;} #categoryList li:nth-child(even) {float:right;} #categoryList li:nth-child(odd) {float:left;} #categoryList li .rnp_cate {font-family:'Montserrat', sans-serif;color:#1a1a1a;margin:10px 0 0;display:block;font-size:20px;font-weight:700;color:#1a1a1a;} #categoryList li .rnp_date {font-family: 'Merriweather', serif;font-weight:100;font-style:italic;margin:0 10px 0 6px;color:#1a1a1a;display:block;} #categoryList li .rnp_txt {display: block;} #categoryList li .rnp_topicImg {width:100%;height:225px;background-repeat:no-repeat;background-size:120% auto;background-position:center center;} .pager{text-align:center;font-family:'Montserrat', sans-serif;} a.page-numbers, .pager .current{background:rgba(0,0,0,0.02);border:solid 1px rgba(0,0,0,0.1);padding:5px 11px;margin:0 2px;} .pager .current{background:rgba(0,0,0,1);border:solid 1px rgba(0,0,0,1);color:rgba(255,255,255,1);} /* ======================================================= * * Information お知らせページ * * ======================================================= */ #informationHead {overflow: hidden;margin:30px 0 50px;border:solid 1px #8e7d6b;background:#f4f1ea;padding:20px;list-style:none;border-radius:3px;} #informationHead h2 {} #information_note {overflow:hidden;padding:0 0 30px;margin:0 0 30px;border-bottom:solid 1px #8e7d6b;} .navBox {overflow:hidden;margin:0 0 30px;font-size:12px;} .navnext {float:right;} .navprev {float:left;} /* ======================================================= * * form * * ======================================================= */ table.contactform th span {color:#31a8a7;font-size:80%;display:inline-block;margin-left:10px;font-weight:100;} table.contactform td span a {font-size:80%;display:inline-block;margin-left:10px;color:#666;text-decoration:underline;} table.contactform td dl dt {margin:10px 0;} table.contactform td dl dd {margin:0 0 10px;} .input_text1 {width:150px;} .input_postal1 {width:50px;margin-bottom:10px;} .input_postal2 {width:60px;margin-bottom:10px;} .input_add1,.input_add2 {width:280px;margin-top:10px;} .input_people {width:50px;} #submitbtn {width:100px;text-align: center;margin:30px auto;}