@charset "utf-8";

.seminarMv h1{background:url(/alcohol/beer/daigaku/images/2015/sem.jpg) center center no-repeat; background-size:cover; text-align:center; margin:0;}
.seminarMv h1 img {margin:0 auto;}
.seminarMv h1 img + img{display:none;}

#daigakuWrapper .bgGrid {padding-top:0; border-top:1px solid #fff;}
#daigakuContent {padding:0;}
#daigakuContent .lead {font-size:18px; text-align:center; margin-bottom:95px;}
#daigakuContent .sem16 {font-size:18px; text-align:center; padding:15px 20px; margin-bottom:95px; border:2px solid #708F33; border-radius:15px;}

.campus {clear:both; zoom:1; margin-bottom:90px;}
.campus:after{cotnent:''; clear:both; display:block;}
.campus h2 {background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) center bottom no-repeat; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; margin:0 0 30px;}
.campus h2:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -420px -570px no-repeat; position:absolute; left:50%; top:0; width:170px; height:24px; margin:0 0 0 -85px;}
.campus h2 + p {font-size:17px; line-height:30px; text-align:center; margin-bottom:60px;}
.campus .items {text-align:center;}
.campus .item {width:300px; margin:0 50px; display:inline-block; position:relative; padding:0px 0 10px;}
.campus .item p {margin-bottom:12px;}
.campus .item figure {margin:0 auto 10px; border:1px solid #c8c9c9;}
.campus .item figure + p {text-align:left;}
.campus .item .btn {text-align:center; margin:0;}
.campus .item .btn a{display:block; position:relative; width:222px; height:50px; margin:0 auto; text-indent:100%; overflow:hidden; white-space:nowrap;/*background:#142a5a; */ background:#003e6a;border-radius:9px;}
.campus .item .btn a:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -520px -40px; width:217px; height:50px; position:absolute; left:0; top:0;}
.campus .item + .item .btn a {background:#8c0d23;}
.campus .item + .item .btn a:before {background-position:-520px -100px;}
.campus .item .btn a:hover:before {opacity:0.7; transition:0.2s;}
.campus .item .btn a:after{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -260px -80px no-repeat; background-size:500px 550px; width:12px; height:6px; position:absolute; right:10px; top:50%; margin:-3px 0 0;}


.seminar {clear:both; zoom:1; margin-bottom:90px;}
.seminar:after{cotnent:''; clear:both; display:block;}
.seminar h2.head {background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) center bottom no-repeat; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; margin:0 0 30px;}
.seminar h2.head:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -260px -570px no-repeat; position:absolute; left:50%; top:0; width:150px; height:24px; margin:0 0 0 -75px;}
.seminar h2.head + p {font-size:17px; line-height:30px; text-align:center; margin-bottom:60px;}
.seminar h2.head + p span{font-size:10px;}
.seminar #resSlide {clear:both; zoom:1; padding:0 0 0 42px;}
.seminar #resSlide:after{content:''; clear:both; display:block;}
.seminar #resSlide .item {width:410px; float:left; margin:0; position:relative; padding-bottom:170px; margin-bottom:35px;}
.seminar #resSlide .item:nth-child(odd){clear:both;}
.seminar #resSlide .item:nth-child(even){margin-left:53px;}
.seminar #resSlide .item h3 {display:table; width:100%; margin:0 0 20px; font-weight:bold;} 
.seminar #resSlide .item h3 span {display:table-cell; vertical-align:bottom; font-size:18px; line-height:1.4; padding:0 0 0 10px;}
.seminar #resSlide .item h3 span.icon {width:80px; font-size:0; padding:0 0 4px; white-space:nowrap;}
.seminar #resSlide .item h3 span.icon img.pcicon{width:80px;}
.seminar #resSlide .item h3 span.icon img.sp{display:none;}
.seminar #resSlide .item h2 {font-size:16px; line-height:1.4; margin:0 0 10px;}
.seminar #resSlide .item p.img {font-size:0; margin:0 0 20px; background:url(/alcohol/beer/daigaku/sem/images/seminarBg.png) left top no-repeat; background-size:100% auto; padding:19px 26px;}
.seminar #resSlide .item dl {position:absolute; left:0; bottom:0; height:110px; padding:17px 24px; width:100%;}
.seminar #resSlide .item dl:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -740px 0 no-repeat; position:absolute; left:0; top:0; width:74px; height:110px;}
.seminar #resSlide .item dl:after{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -855px 0px no-repeat; position:absolute; width:74px; height:112px; right:0; top:0;}
.seminar #resSlide .item dl dt{float:left; width:135px; font-weight:bold; line-height:34px; margin-bottom:13px;}
.seminar #resSlide .item dl dd{zoom:1; overflow:hidden; line-height:34px; margin-bottom:13px; position:relative; text-align:center; z-index:10;}
.seminar #resSlide .item dl dd a{display:block; height:34px; width:230px; color:#fff; background:#003e6a; text-align:center; position:relative;}
.seminar #resSlide .item dl dd a:hover {transition:0.2s; opacity:0.7; text-decoration:none;}
.seminar #resSlide .item dl dd a:after{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -260px -80px no-repeat; background-size:500px 550px; width:12px; height:6px; position:absolute; right:10px; top:50%; margin:-3px 0 0;}
.seminar #resSlide .item dl dd + dt + dd a {background:#8c0d23;}

.schedule {clear:both; zoom:1; margin-bottom:90px;}
.schedule:after{cotnent:''; clear:both; display:block;}
.schedule h2 {background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) center bottom no-repeat; height:45px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; margin:0 0 30px;}
.schedule h2:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -600px -570px no-repeat; position:absolute; left:50%; top:0; width:130px; height:24px; margin:0 0 0 -65px;}
.schedule h3.head{position:relative; height:176px; text-align:center; font-size:0; width:210px; margin:0 auto 25px;}
.schedule h3.head img {width:210px; height:auto; display:inline-block; margin-bottom:10px;}
.schedule h3.head img + img{width:86%; height:auto;}
.schedule h3.head + p {font-size:17px; line-height:30px; text-align:center; margin-bottom:60px;}
.schedule .items {clear:both; zoom:1; padding-left:18px;}
.schedule .items:after{content:''; clear:both; display:block;}
.schedule .item {width:410px; margin:0 26px 74px; display:block; position:relative; padding:0px 0 10px; float:left; background:none; top:60px; padding:15px 20px; border-radius:15px; border:2px solid #000; color:#44403f; text-decoration:none;}
.schedule .item:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) 0 -317px no-repeat; background-size:500px 550px; position:absolute; left:17px; top:-60px; width:102px; height:43px;}
.schedule .item:after {content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -430px -300px no-repeat; position:absolute; right:12px; bottom:11px; width:42px; height:20px;}

.schedule .item.coming:before{background-position:-333px -320px; background-size:500px 550px; position:absolute; top:-60px; width:200px; height:45px;}

.schedule .item.entry:before{background-position:0 -199px; background-size:500px 550px; position:absolute; top:-64px; height:60px;}
.schedule .item:hover{opacity:0.7; transition:0.2s;}
.schedule .daikanyama{padding-top:140px; position:relative;}
.schedule .daikanyama:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) center top no-repeat; width:100%; height:4px; position:absolute; left:0; top:90px;}
.schedule .daikanyama .item.entry:before{background-position:0 -258px;}
.schedule .item.ZMG {border-color:#CC736F !important;}
.schedule .item.CUL {border-color:#85BE53 !important;}
.schedule .item.HST {border-color:#69B0CC !important;}
.schedule .item.ART {border-color:#A09263 !important;}
.schedule .item.ECN {border-color:#B2B3B5 !important;}
.schedule .item.CLB {border-color:#E4A64F !important;}
.schedule .item.entry.ZMG {background-color:#CC736F !important;}
.schedule .item.entry.CUL {background-color:#85BE53 !important;}
.schedule .item.entry.HST {background-color:#69B0CC !important;}
.schedule .item.entry.ART {background-color:#A09263 !important;}
.schedule .item.entry.ECN {background-color:#B2B3B5 !important;}
.schedule .item.entry.CLB {background-color:#E4A64F !important;}
.schedule .item h3{font-weight:bold; font-size:16px; margin-bottom:10px;}
.schedule .item dl dt{float:left; width:4em; font-weight:bold; font-size:14px;}
.schedule .item dl dd{zoom:1; overflow:hidden; padding:0 35px 0 0; font-size:14px;}





@media (min-width:641px){
#daigakuWrapper {min-width:960px;}
#daigakuHeader .spMenu {display:none;}
#spNav.show {display:none;}
}

@media (max-width:640px){

.spBr{display:inline-block;}

#daigakuContent{width:auto;}

#daigakuWrapper {min-width:320px;}
#daigakuWrapper .wrap {width:100%;}
#Main {/*background:url(/daigaku/common/images/bgTabRepeat.jpg) center bottom repeat-y; background-size:100% 1px;*/ clear:both; zoom:1; margin-bottom:67px;}
#Main:after{content:''; clear:both; display:block;}
#daigakuWrapper .bg {background:url(/alcohol/beer/daigaku/common/images/bgTab.png) center top no-repeat; background-size:100% auto;}
#daigakuWrapper #daigakuContent {padding-top:0px;}

#daigakuHeader {height:50px;}
#daigakuHeader h1{left:15px; top:9px;}
#daigakuHeader h1 a{height:34px; width:200px;}
#daigakuHeader h1 a:before{background-position:-300px 0; background-size:500px 500px;}
#daigakuHeader nav.gnav {display:none;}
#daigakuHeader .spMenu {display:block;}
#spNav {display:none; opacity:0; z-index:-10;}
#spNav.show {display:block; opacity:1; z-index:900;}

#daigakuHeader {height:50px; top:0; overflow:visible;z-index:900; }
#daigakuHeader .inner{overflow:hidden; background:rgba(255,255,255,0.5);}
#daigakuHeader.spfix {position:static;}
#daigakuHeader.spfix .inner{position:fixed; top:0; width:100%; z-index:900; height:50px; border-bottom:1px solid #ccc;}
#daigakuHeader .inner:before{content:''; background:#fff; width:100%; height:50px; background:#fff; position:absolute; left:0; top:0;}
html.menushow.spfix  {overflow:hidden;}
.menushow #daigakuHeader.spfix .inner {overflow:scroll; height:100%; }
#daigakuHeader.spfix + #spNav {position:static; left:0; top:50px;}
#daigakuHeader.spfix + #spNav:before{content:''; width:0; height:0; border-style: solid; border-width: 0 6px 9px 6px; border-color: transparent transparent #c6c6c6 transparent; position:fixed; right:52px; top:41px; z-index:1000;}
#daigakuHeader.spfix + #spNav:after {content:''; width:0; height:0; border-style: solid; border-width: 0 6px 9px 6px; border-color: transparent transparent #fff transparent; position:fixed; right:52px; top:42.5px; z-index:1100;}
#lectureNav {display:none;}
/*
.pageTop_area {right:15px;}
.pageTop_area .pageTop a{right:0; bottom:0 !important;}
*/
.snsLinks {margin:0 auto 0px;}
.snsLinks ul {float:none; font-size:0; text-align:center;}
.snsLinks ul li{float:none; padding:0 6px; display:inline-block;}
.snsLinks ul li a{display:block; text-indent:100%; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -200px -265px no-repeat; background-size:500px 500px; width:42px; height:42px; overflow:hidden;}
.snsLinks ul li:nth-child(2) a{background-position:-252px -265px;}
.snsLinks ul li:nth-child(3) a{background-position:-303px -265px;}
.snsLinks ul li a:hover {opacity:0.7; transition:0.2s;}

/* contens */
.seminarMv h1{background:none}
.seminarMv h1 img {display:none;}
.seminarMv h1 img + img{display:block;}

#daigakuWrapper .bgGrid article {}
#daigakuContent .lead {font-size:13px; text-align:center; margin-bottom:35px; padding:0 15px 0; line-height:26px;}
#daigakuContent .sem16 {font-size:13px; text-align:center; width:auto; margin:30px; float:none; background:none; /*top:60px; padding:15px 20px 50px;*/ border:2px solid #708F33; border-radius:15px;}

.campus {margin-bottom:0;}
.campus h2 {background:url(/alcohol/beer/daigaku/common/images/2015/spHr.png) center bottom no-repeat; background-size:100% auto; height:30px; position:relative; margin:0 0 25px;}
.campus h2:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) 0 0 no-repeat; width:150px; height:20px; margin:0 0 0 -75px; background-size:500px 550px;}
.campus h2 + p {font-size:15px; line-height:25px; text-align:left; padding:0 15px; margin:0 0 25px;}
.campus .item {width:100%; margin:0; padding:0px 30px 45px;}
.campus .item figure {margin:0 auto 15px; max-width:516px;}
.campus .item .btn {padding:0;}
.campus .item .btn a{position:relative; width:100% ; height:45px; margin:0 ; padding:0; border-radius:10px; background:#003e6a;}
.campus .item .btn a:before{background:url(/alcohol/beer/daigaku/sem/images/sprite.png) 0 -20px; width:257px; height:45px; background-size:500px 550px; left:50%; margin-left:-129px;}
.campus .item + .item .btn a{background:#8c0d23;}
.campus .item + .item .btn a:before {background-position:0 -70px;}

.seminar {clear:both; zoom:1; margin-bottom:35px;}
.seminar:after{cotnent:''; clear:both; display:block;}
.seminar h2.head {background:url(/alcohol/beer/daigaku/common/images/2015/spHr.png) center bottom no-repeat; background-size:100% auto; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; margin:0 0 20px;}
.seminar h2.head:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -170px 0 no-repeat; position:absolute; left:50%; top:0; width:130px; height:20px; margin:0 0 0 -65px; background-size:500px 550px;}
.seminar h2.head + p {font-size:15px; line-height:25px; text-align:left; margin-bottom:35px; padding:0 15px;}
.seminar h2.head span {font-size:10px;} 
.seminar #resSlide {clear:both; zoom:1; padding-bottom:100px; display:none;}
.seminar #resSlide + .cloneResSlide {display:block; overflow:hidden;}

.seminar .cloneResSlide {clear:both; zoom:1; padding:13px 0 17px; background:#fff;}
.seminar .cloneResSlide:after{content:''; clear:both; display:block;}
.seminar .cloneResSlide .item {width:100%; padding:0 15px;}
.seminar .cloneResSlide .item h3 {padding:0 0 10px; text-align:center; font-size:18px; line-height:24px;}
.seminar .cloneResSlide .item h3 span {display:block;}
.seminar .cloneResSlide .item h3 span.icon {width:auto; margin:0 auto 12px;}
.seminar .cloneResSlide .item h3 span.icon img.sp {display:inline; width:73px; margin:0 8px;}
.seminar .cloneResSlide .item h3 span.icon img.pcicon{display:none;}

.seminar .cloneResSlide .item h2 {font-size:16px; font-weight:bold; padding:15px 15px 2px;}
.seminar .cloneResSlide .item p {padding:0 15px;}
.seminar .cloneResSlide .item p.img {padding:0 15px; font-size:0; margin:0 auto; background:none; text-align:center;}
.seminar .cloneResSlide .item p.img img {margin:0 auto;}
.seminar .cloneResSlide .item p.img span {display:inline-block; max-width:388px; margin:0 auto; padding:5% 7%; background:url(/alcohol/beer/daigaku/sem/images/seminarBg.png) left top no-repeat; background-size:100%  100%;}

.seminar .cloneResSlide dl {position:relative; margin:20px 0 10px; padding:15px 17px;}
.seminar .cloneResSlide dl:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -740px 0 no-repeat; position:absolute; left:0; top:0; width:74px; height:110px;}
.seminar .cloneResSlide dl:after{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -855px 0px no-repeat; position:absolute; width:74px; height:112px; right:0; top:0;}
.seminar .cloneResSlide dl dt{float:left; width:9em; font-weight:bold; line-height:34px; font-size:11px; margin-bottom:10px;}
.seminar .cloneResSlide dl dd{zoom:1; overflow:hidden; line-height:34px; position:relative; text-align:center; font-size:11px; margin-bottom:10px; color:#b4b5b5;}
.seminar .cloneResSlide dl dd a{display:block; height:34px; width:100%; color:#fff; background:#003e6a; text-align:center; position:relative; color:#fff;}
.seminar .cloneResSlide dl dd a:hover {transition:0.2s; opacity:0.7; text-decoration:none;}
.seminar .cloneResSlide dl dd a:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -260px -80px no-repeat; background-size:500px 550px; width:12px; height:6px; position:absolute; right:10px; top:50%; margin:-3px 0 0;}
.seminar .cloneResSlide dl dd + dt + dd a {background:#8c0d23;}

.schedule {clear:both; zoom:1; margin-bottom:0px; padding-bottom:15px;}
.schedule h2 {background:url(/alcohol/beer/daigaku/common/images/2015/spHr.png) center bottom no-repeat; background-size:100% auto; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; position:relative; margin:0 0 20px;}
.schedule h2:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -130px -345px no-repeat; position:absolute; left:50%; top:0; width:130px; height:20px; margin:0 0 0 -65px; background-size:500px 550px;}
.schedule h3.head{position:relative; height:auto; text-align:center; font-size:0; width:119px; margin:0 auto;}
.schedule h3.head img {width:119px; height:auto; display:inline-block; margin-bottom:20px;}
.schedule h3.head img + img{width:110px; height:auto;}
.schedule h3.head + p {font-size:15px; line-height:25px; text-align:left; margin-bottom:30px; padding:0 15px;}
.schedule .items {clear:both; zoom:1; padding:0 15px;}
.schedule .items:after{content:''; clear:both; display:block;}
.schedule .item {width:auto; margin:0 0 80px; float:none; background:none; top:60px; padding:15px 20px 50px; border-radius:15px; border:2px solid #000; color:#b3b4b5; text-decoration:none;}
.schedule .item:before{content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) 0 -317px no-repeat; background-size:500px 550px; position:absolute; left:50%; top:-60px; width:102px; height:43px; margin-left:-51px;}
.schedule .item:after {content:''; background:url(/alcohol/beer/daigaku/sem/images/sprite.png) -215px -120px no-repeat; position:absolute; right:12px; bottom:12px; width:60px; height:30px; background-size:500px 550px;}
.schedule .item.entry{color:#fff;}
.schedule .item.entry:before{background-position:0 -199px; background-size:500px 550px; position:absolute; top:-64px; height:60px; margin-left:-31px}
.schedule .item:hover{opacity:0.7; transition:0.2s;}
.schedule .daikanyama{padding-top:50px; position:relative;}
.schedule .daikanyama:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/spHr.png) center top no-repeat; width:100%; background-size:100% auto; height:4px; position:absolute; left:0; top:20px;}
.schedule .daikanyama .item.entry:before{background-position:0 -258px;}
.schedule .item h3{font-weight:bold; font-size:16px; margin-bottom:10px;}
.schedule .item dl dt{float:left; width:4em; font-weight:bold;}
.schedule .item dl dd{zoom:1; overflow:hidden; padding:0;}




}