@charset "utf-8";

#daigakuContent *{-moz-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#daigakuContent {clear:both; zoom:1; padding:20px 0 0; z-index:10; position:relative; width:800px; margin:0px auto 60px; }

/* daigakuDetailContents */
#daigakuDetailContents {background-image:url(/alcohol/beer/daigaku/common/images/2015/detailBgMiddle.png); background-position:left top; background-repeat:repeat-y; background-color:#fff; padding:25px 0; margin:0 0 20px; width:800px; position:relative;}
#daigakuDetailContents:before{content:''; background-image:url(/alcohol/beer/daigaku/common/images/2015/detailBgTop.png); background-position:left top; background-repeat:no-repeat; height:20px; width:100%; position:absolute; left:0; top:-20px;}
#daigakuDetailContents:after {content:''; background-image:url(/alcohol/beer/daigaku/common/images/2015/detailBgBottom.png); background-position:left bottom; background-repeat:no-repeat; height:20px; width:100%; position:absolute; left:0; bottom:-20px;}

#daigakuContent figure{margin:0; padding:0;}

#daigakuContent{color:#444; font-size:14px;}
#daigakuContent p.logo{display:none;}

#daigakuContent article{padding:0; line-height:1.5;}

#daigakuContent article header.detailHeader {margin:0 0 50px; clear:both; zoom:1; display:table; width:100%;}
#daigakuContent article header.detailHeader p.gakubu {float:left; font-size:0; vertical-align:top; line-height:1; position:static !important; cursor:pointer;}
#daigakuContent article header.detailHeader p.gakubu img {display:inline-block; vertical-align:top;}
#daigakuContent article header.detailHeader div {zoom:1; overflow:hidden; padding:24px 0 0 45px;}
#daigakuContent article header.detailHeader div p {height:56px; margin:0;}
#daigakuContent article header.detailHeader div p.place {height:40px; margin:0; padding:20px 0 0; margin-bottom:13px;}
#daigakuContent article header.detailHeader h1{display:inline-block; font-size:27px; line-height:35px; font-weight:bold;}

/* 動画コンテンツ */
#daigakuMovieContents #daigakuContent article h2{font-size:22px; font-weight:bold;}
#daigakuMovieContents #daigakuContent article header.detailHeader {margin-bottom:30px;}

/*
#daigakuMovieContents {overflow:hidden;}
#daigakuMovieContents .fitsMovie {background:url(/alcohol/beer/daigaku/common/images/2015/bgMovie.png) left top no-repeat; width:100%; height:auto; background-size:100% auto; max-width:800px; max-height:465px; padding:4.5% 6%; margin-bottom:30px;}
*/
/**/
/* daigakuDetailContents */
#daigakuMovieContents .fitsMovie {background-image:url(/alcohol/beer/daigaku/CLB/images/detailBgMiddle.png); background-size:100% auto; background-position:left top; background-repeat:repeat-y; background-color:#fff; padding:2% 6%; margin:0px 0 70px; max-width:800px; position:relative; top:20px;}
#daigakuMovieContents .fitsMovie:before{content:''; background-image:url(/alcohol/beer/daigaku/CLB/images/detailBgTop.png); background-size:100% auto; background-position:left top; background-repeat:no-repeat; height:20px; width:100%; position:absolute; left:0; top:-20px;}
#daigakuMovieContents .fitsMovie:after {content:''; background-image:url(/alcohol/beer/daigaku/CLB/images/detailBgBottom.png); background-size:100% auto; background-position:left bottom; background-repeat:no-repeat; height:20px; width:100%; position:absolute; left:0; bottom:-20px;}

#daigakuMovieContents p {font-size:16px; line-height:34px;}
#daigakuMovieContents #daigakuBody p + p,
#daigakuMovieContents #daigakuBody p + h2 {padding-top:1em;}
#daigakuMovieContents .profile {position:relative; margin:55px 0 0; padding:55px 0 0;}
#daigakuMovieContents .profile:before{content:''; background:url(/alcohol/beer/daigaku/common/images/2015/hr.png) left top no-repeat; width:900px; height:4px; position:absolute; left:-50px; top:0;}
#daigakuMovieContents #daigakuBody .profile h2{font-size:22px; font-weight:bold; padding:0;}
#daigakuMovieContents #daigakuBody .profile h3{font-size:18px; font-weight:bold; padding:0 0 0.5em;}
#daigakuMovieContents .profile p{font-size:15px; line-height:27px;}
#daigakuMovieContents .profile p.img {float:left; padding:0 30px 0 0; line-height:1; font-size:0;}
#daigakuMovieContents .campaignBnr {text-align: center;	margin: 0 0 15px 0;}
#daigakuMovieContents .campaignBnr a {	display: inline-block;}



#detailNav span.id{display:none;}

@media (min-width: 769px){}
@media (min-width: 641px) and (max-width: 768px){
#daigakuContent {width:auto; margin:0 20px 60px; padding-top:0;}

/* daigakuDetailContents */
#daigakuDetailContents {background-size:100% auto; padding:25px 0; margin:0 0 20px; width:auto; position:relative;}
#daigakuDetailContents:before{content:'';  background-size:100% auto; height:30px; width:100%; position:absolute; left:0; top:-20px;}
#daigakuDetailContents:after {content:'';  background-size:100% auto; height:30px; width:100%; position:absolute; left:0; bottom:-20px;}
#daigakuContent article header.detailHeader {margin:0 0 40px; clear:both; zoom:1; display:block; width:100%;}
#daigakuContent article header.detailHeader p.gakubu {display:block; text-align:center; margin:0 0 17px; float:none;}
#daigakuContent article header.detailHeader p.gakubu img {width:144px; height:auto; display:inline-block;}
#daigakuContent article header.detailHeader div {padding:0; text-align:center; display:block;}
#daigakuContent article header.detailHeader p {margin:0;}
#daigakuContent article header.detailHeader p img {width:74px; height:auto; margin:0 auto;}
#daigakuContent article header.detailHeader div p.place {height:auto; margin:0; padding:0; margin-bottom:13px;}
#daigakuContent article header.detailHeader div p.place img{width:94px;}
#daigakuContent article header.detailHeader div p.place img.yokohama {width:82px;}
#daigakuContent article header.detailHeader h1{font-size:17px; line-height:25px;}


}
@media (max-width:640px){
#daigakuContent {width:auto; margin:0 15px 40px; padding-top:0 !important;}

/* daigakuDetailContents */
#daigakuDetailContents {background-size:100% auto; padding:15px; margin:0 0 20px; width:auto; position:relative;}
#daigakuDetailContents:before{content:'';  background-size:100% auto; height:30px; width:100%; position:absolute; left:0; top:-20px;}
#daigakuDetailContents:after {content:'';  background-size:100% auto; height:30px; width:100%; position:absolute; left:0; bottom:-20px;}

#daigakuContent article header.detailHeader {margin:0 0 40px; clear:both; zoom:1; display:block; width:100%;}
#daigakuContent article header.detailHeader p.gakubu {display:block; text-align:center; margin:0 0 17px; float:none;}
#daigakuContent article header.detailHeader p.gakubu img {width:74px; height:auto; display:inline-block;}
#daigakuContent article header.detailHeader div {padding:0; text-align:center; display:block;}
#daigakuContent article header.detailHeader div p {height:auto; height:28px;}
#daigakuContent article header.detailHeader p img {width:37px; height:auto; margin:0 auto;}
#daigakuContent article header.detailHeader div p.place {height:auto; margin:0; padding:0; margin-bottom:13px;}
#daigakuContent article header.detailHeader div p.place img{width:94px;}
#daigakuContent article header.detailHeader div p.place img.yokohama {width:82px;}
#daigakuContent article header.detailHeader h1{font-size:17px; line-height:25px;}

/* 動画コンテンツ */
#daigakuMovieContents #daigakuContent article h2{font-size:15px; font-weight:bold;}
#daigakuMovieContents #daigakuContent article header.detailHeader {margin-bottom:20px;}


#daigakuMovieContents p {font-size:15px; line-height:25px;}
#daigakuMovieContents .profile {margin:20px 0 0; padding:30px 0 0;}
#daigakuMovieContents .profile:before{background:url(/alcohol/beer/daigaku/common/images/2015/spHr.png) left top no-repeat; width:100%; background-size:100% auto; height:4px; left:0;}
#daigakuMovieContents #daigakuBody .profile h2{font-size:15px;}
#daigakuMovieContents #daigakuBody .profile h3{font-size:13px; padding-bottom:5px; line-height:17px;}
#daigakuMovieContents .profile p{font-size:13px; /*line-height:20px;*/}
#daigakuMovieContents .profile p.img {float:none; padding:0 0 17px; line-height:1; font-size:0; text-align:center;}
#daigakuMovieContents .profile p.img img {display:inline-block;}

}


#daigakuBody{}
#daigakuMainTitle{}