@charset "utf-8";

/* おすすめ講義 */
#recommend {clear:both; zoom:1; padding:25px 0 42px; position:relative; z-index:10;}
#recommend:after{content:''; clear:both; display:block;}
#recommend:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) left top no-repeat; width:900px; height:3px; position:absolute; left:50%; bottom:0; margin-left:-450px;}
#recommend h2.head {height:20px; font-size:0; width:800px; position:relative; margin:0 auto 18px; text-indent:100%; overflow:hidden; white-space:nowrap;}
#recommend h2.head:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) 0 -930px no-repeat; position:absolute; left:0; top:0; width:200px; height:20px;} 
#recommend .recommendWrap {width:810px; margin:0 auto;}

#recommend .slick-prev {position:absolute; left:-49px; top:50%; margin:-30px 0 0; width:26px; height:59px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none; cursor:pointer;}
#recommend .slick-prev:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -900px -330px no-repeat; background-size:1000px 1000px; position:absolute; left:0; top:0; width:26px; height:59px;} 
#recommend .slick-next {position:absolute; right:-49px; top:50%; margin:-30px 0 0; width:26px; height:59px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none;}
#recommend .slick-next:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -930px -330px no-repeat; background-size:1000px 1000px; position:absolute; left:0; top:0; width:26px; height:59px;} 

#recommend .back{display:none;}

@media (min-width: 769px){
#daigakuWrapper {min-width:960px;}
#daigakuHeader .spMenu {display:none;}
#spNav.show {display:none;}
}
@media (min-width: 641px) and (max-width: 768px){
#Main {/*background:url(/daigaku/common/images/bgTabRepeat.jpg) center bottom repeat-y; background-size:100% 1px;*/ clear:both; zoom:1;}
#Main:after{content:''; clear:both; display:block;}

#daigakuWrapper .wrap {width:100%;}
#daigakuWrapper {min-width:641px;}
#daigakuWrapper{overflow:hidden;}

#daigakuHeader .spMenu {display:block;}

#daigakuHeader {height:50px;}
#daigakuHeader h1{left:17px; top:8px;}
#daigakuHeader h1 a{height:28px; 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;}
#daigakuHeader.spfix {position:static;}
#daigakuHeader.spfix .inner{position:fixed; top:0; width:100%; z-index:900; height:50px; background:rgba(255,255,255,0.7); border-bottom:1px solid #ccc;}
#daigakuHeader.spfix .inner * {-webkit-transform: translate3d(0,0,0);}
#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 .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;}

#kbd .snsLinks {margin:0 auto 20px;}
#kbd .snsLinks ul {float:none; font-size:0; text-align:center;}
#kbd .snsLinks ul li{float:none; padding:0 6px; display:inline-block;}
#kbd .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;}
#kbd .snsLinks ul li:nth-child(2) a{background-position:-252px -265px;}
#kbd .snsLinks ul li:nth-child(3) a{background-position:-303px -265px;}
#kbd .snsLinks ul li a:hover {opacity:0.7; transition:0.2s;}

.pcBr{display:none;}

/* おすすめ講義 */
#recommend {clear:both; zoom:1; padding:25px 0 42px; position:relative; z-index:11;}
#recommend:before{display:none;}
#recommend h2.head {height:20px; font-size:0; width:230px; position:relative; margin:0 auto 18px;}
#recommend h2.head:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) 0 -930px no-repeat; position:absolute; left:15px; top:0; width:200px; height:20px;} 
#recommend .recommendWrap {width:100%; margin:0 auto; padding:0 20px;}
#recommend .slick-prev {position:absolute; left:0; top:50%; margin:-35px 0 0; width:15px; height:35px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none; cursor:pointer;}
#recommend .slick-prev:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -450px -125px no-repeat; background-size:500px 500px; position:absolute; left:0; top:0; width:15px; height:35px;} 
#recommend .slick-next {position:absolute; right:0; top:50%; margin:-35px 0 0; width:15px; height:35px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none;}
#recommend .slick-next:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -470px -125px no-repeat; background-size:500px 500px; position:absolute; left:0; top:0; width:15px; height:35px;} 
#recommend .slick-dots {padding:14px 0 21px;}
#recommend .back{display:block; padding:0 15px; text-align:center;}
#recommend .back a{display:block; color:#44403f; font-size:15px; line-height:40px; text-align:center; letter-spacing:0.3em; border:1px solid #44403f; border-radius:5px; max-width:430px; margin:0 auto;}


}
@media (max-width:640px){
#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 .bgGrid {min-height:inherit;}
#daigakuWrapper #daigakuContent {padding-top:20px;}

#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 .inner * {-webkit-transform: translate3d(0,0,0);}
#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;}

#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:910;}
#lectureNav {display:none;}

#kbd .snsLinks {margin:0 auto 0px;}
#kbd .snsLinks ul {float:none; font-size:0; text-align:center;}
#kbd .snsLinks ul li{float:none; padding:0 6px; display:inline-block;}
#kbd .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;}
#kbd .snsLinks ul li:nth-child(2) a{background-position:-252px -265px;}
#kbd .snsLinks ul li:nth-child(3) a{background-position:-303px -265px;}
#kbd .snsLinks ul li a:hover {opacity:0.7; transition:0.2s;}

.pcBr{display:none;}

/* おすすめ講義 */
#recommend {clear:both; zoom:1; padding:20px 0 0; position:relative; z-index:12;}
#recommend:before{display:none;}
#recommend h2.head {height:14px; font-size:0; width:100%; position:relative; margin:0 auto 15px;}
#recommend h2.head:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) 0 -475px no-repeat; background-size:500px 500px; position:absolute; left:50%; top:0; width:150px; height:14px; margin-left:-75px;} 
#recommend .recommendWrap {width:100%; margin:0 auto; padding:0 32px; position:relative;}
#recommend .slick-prev {position:absolute; left:5px; top:50%; margin:-42px 0 0; width:15px; height:35px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none; cursor:pointer;}
#recommend .slick-prev:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -450px -125px no-repeat; background-size:500px 500px; position:absolute; left:0; top:0; width:15px; height:35px;} 
#recommend .slick-next {position:absolute; right:5px; top:50%; margin:-42px 0 0; width:15px; height:35px; overflow:hidden; display:block; text-indent:100%; overflow:hidden; font-size:0; background:none; border:none;}
#recommend .slick-next:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -470px -125px no-repeat; background-size:500px 500px; position:absolute; left:0; top:0; width:15px; height:35px;} 
#recommend .slick-dots {padding:14px 0 21px;}
#recommend .slick-dots button {}
#recommend .back{display:block; padding:0 15px;}
#recommend .back a{display:block; color:#44403f; font-size:15px; line-height:40px; text-align:center; letter-spacing:0.3em; border:1px solid #44403f; border-radius:5px;}
/*
.pageTop_area {right:15px;}
.pageTop_area .pageTop a{right:0; bottom:0 !important;}
*/

}