@charset "utf-8";

#daigakuDetailContents {padding:25px;}

/*学部共通*/
#daigakuDetailContents {background-image:url(/alcohol/beer/daigaku/ART/images/detailBgMiddle.png); text-align: left;}
#daigakuDetailContents:before{content:''; background-image:url(/alcohol/beer/daigaku/ART/images/detailBgTop.png);}
#daigakuDetailContents:after {content:''; background-image:url(/alcohol/beer/daigaku/ART/images/detailBgBottom.png);}

/* daigakuDetailContents */
#daigakuMovieContents .fitsMovie {background-image:url(/alcohol/beer/daigaku/ART/images/detailBgMiddle.png);}
#daigakuMovieContents .fitsMovie:before{content:''; background-image:url(/alcohol/beer/daigaku/ART/images/detailBgTop.png);}
#daigakuMovieContents .fitsMovie:after {content:''; background-image:url(/alcohol/beer/daigaku/ART/images/detailBgBottom.png);}


.mincho {font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGP明朝E","ＭＳ Ｐ明朝",serif;}
article p{margin-bottom:25px;}
article p.noMargin{margin-bottom:0;}
article figure {margin-bottom:20px !important; padding-left:30px !important;}
article figure img{margin:0 auto 4px;}
article figure figcaption{font-size:12px; position:relative; padding-left:1.5em;}
article figure figcaption span{width:1.5em; display:block; position:absolute; left:0; top:0;}
article figure.figRight {float:right;}
article .textFix {zoom:1; overflow:hidden;}
article .clr {clear:both;}
article .clrFix {clear:both; zoom:1;}
article .clrFix:after{content:''; clear:both; display:block;}
article .positionWrapper:after{content:''; clear:both; display:block;}

#gallery{}

#gallery {background:url(/alcohol/beer/daigaku/ART/art/images/bgGallery.png) left top no-repeat; width:615px; height:406px; position:relative; margin:0 auto 25px;}
#gallery header {position:absolute; left:26px; top:27px; z-index:100;}
#gallery header p{margin:0 0 7px 2px;}
#gallery header h2{font-size:16px; line-height:1.1; color:#fff;
font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGP明朝E","ＭＳ Ｐ明朝",serif;
text-shadow: 0 -1px 5px #111, 0px 1px 5px #111; font-weight:normal; width:300px;}
#gallery header h2 span{font-size:12px; display:inline-block; padding-bottom:0.5em;}
#gallery header h2 em{font-size:12px; font-style:italic;}

#gallery header h2 .spBr{display:none;}


#gallery .galleryMainWrap {width:614px; height:406px; overflow:hidden; position:relative;}
#gallery .main {cleat:both; zoom:1; position:absolute; top:84px; left:0;
filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
-webkit-transition:0.4s ease-out;
-moz-transition:0.4s ease-out;
-ms-transition:0.4s ease-out;
-o-transition:0.4s ease-out;
transition:0.4s ease-out;
}
#gallery .main:after{content:''; clear:both; display:block;}
#gallery .main li {z-index:0; width:614px; text-align:center;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-ms-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out;
}
#gallery.over5 .main li {width:530px;}
#gallery .main li img{display:inline-block !important; margin:0 0 15px;}
#gallery .main li span{display:block; text-align:center; color:#fff; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGP明朝E","ＭＳ Ｐ明朝",serif; font-size:22px; line-height:1.4;
text-shadow: 0 -1px 5px #000, 0px 1px 5px #000;}
#gallery .sub{cleat:both; zoom:1; position:absolute; top:30px; left:525px; z-index:20;
filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#gallery.over5 .sub{left:460px;}
#gallery .sub:after{content:''; clear:both; display:block;}
#gallery .sub li{float:left; margin:0 4px 25px; text-align:center;}
#gallery .sub li img{cursor:pointer;
-webkit-transition:0.2s ease-out;
-moz-transition:0.2s ease-out;
-ms-transition:0.2s ease-out;
-o-transition:0.2s ease-out;
transition:0.2s ease-out;
height:65px;
}
#gallery.over5 .sub li{margin-bottom:14px;}
#gallery.over5 .sub li img{height:56px;}

#gallery .next,
#gallery .prev{position:absolute; left:0; top:0; z-index:220; display:none; cursor:pointer;}

#gallery .loading{position:absolute; left:0; top:0; width:614px; line-height:406px; text-align:center; color:#ddd; font-size:12px;}

#gallerySwipeMask {display:none;}

@media (min-width:769px){
	#gallery .galleryWrap {position:relative; width:615px; height:406px;}
}

@media (min-width:769px){
#gallery .main li {position:absolute; left:0; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#gallery.over5 .main li {width:530px;}
#gallery .main#now1 li:nth-child(1){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now2 li:nth-child(2){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now3 li:nth-child(3){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now4 li:nth-child(4){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now5 li:nth-child(5){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now6 li:nth-child(6){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now7 li:nth-child(7){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now8 li:nth-child(8){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now9 li:nth-child(9){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main#now10 li:nth-child(10){filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}

#gallery .sub {cleat:both; zoom:1; position:absolute; z-index:20; float:none;}
#gallery .sub li{float:left; margin:0 4px 25px; text-align:center; width:auto; background:none; height:auto; border-radius:0; position:static; left:0;}
#gallery .sub li img{cursor:pointer;}
#gallery .sub li img{filter:alpha(opacity=51); -moz-opacity:0.51; opacity:0.51;}

#gallery .sub#now1 li:nth-child(1) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now2 li:nth-child(2) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now3 li:nth-child(3) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now4 li:nth-child(4) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now5 li:nth-child(5) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now6 li:nth-child(6) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now7 li:nth-child(7) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now8 li:nth-child(8) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now9 li:nth-child(9) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub#now10 li:nth-child(10) img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#gallery .sub li:hover img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

}
@media (min-width:641px) and (max-width:768px){

/* sp * 0.95 */
#gallery * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#gallery {background:url(/alcohol/beer/daigaku/ART/art/images/bgGallerySP.png) left top no-repeat; width:506px; height:338px; background-size:506px 338px; margin:0 auto 40px;}
#gallery header {left:20px; top:20px;}
#gallery header p{width:75px; margin-bottom:10px;}
#gallery header h2{background-size:auto 74px;}

#gallery .galleryWrap {height:506px;}
#gallery .galleryMainWrap {width:506px;}

#gallery .main {top:32px; left:0; width:9999px;}
#gallery .main li {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:0; width:506px; text-align:center; float:left;}
#gallery.over5 .main li {width:506px;}
#gallery .main li img{margin:0 0 15px; height:210px;}
#gallery .main li#now{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main li span{font-size:20px; line-height:1.3; text-shadow: 0 -1px 5px #000, 0px 1px 5px #000;}

#gallery .main#now1  {left:0;}
#gallery .main#now2  {left:-506px;}
#gallery .main#now3  {left:-1012px;}
#gallery .main#now4  {left:-1518px;}
#gallery .main#now5  {left:-2024px;}
#gallery .main#now6  {left:-2530px;}
#gallery .main#now7  {left:-3036px;}
#gallery .main#now8  {left:-3542px;}
#gallery .main#now9  {left:-4048px;}
#gallery .main#now10 {left:-4554px;}

#gallery .gallerySubWrap {position:absolute; left:0; top:348px; width:506px;}
#gallery .sub {position:relative; top:0 !important; left:0 !important; padding:0; margin:0; text-align:center; width:auto !important; line-height:7px;}
#gallery .sub li {background:#a8a5a1; width:7px; height:7px; overflow:hidden; border-radius:7px; margin:0 2px 0; float:none; display:inline-block;}
#gallery .sub li img{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#gallery .sub#now1 li:nth-child(1){background:#000;}
#gallery .sub#now2 li:nth-child(2){background:#000;}
#gallery .sub#now3 li:nth-child(3){background:#000;}
#gallery .sub#now4 li:nth-child(4){background:#000;}
#gallery .sub#now5 li:nth-child(5){background:#000;}
#gallery .sub#now6 li:nth-child(6){background:#000;}
#gallery .sub#now7 li:nth-child(7){background:#000;}
#gallery .sub#now8 li:nth-child(8){background:#000;}
#gallery .sub#now9 li:nth-child(9){background:#000;}
#gallery .sub#now10 li:nth-child(10){background:#000;}
#gallery .next,
#gallery .prev{display:block; top:178px;}
#gallery .next {left:434px;}
#gallery .prev {left:44px;}
#gallerySwipeMask {display:block; z-index:200; position:absolute; left:0; top:0; width:506px; height:338px;}
#gallery .loading{position:absolute; left:0; top:0; width:506px; line-height:338px; text-align:center; color:#ddd;}

}
@media (max-width:640px){
#daigakuDetailContents {padding:25px 10px;}
article p{margin-bottom:20px; font-size:14px;}
article p.noMargin{margin-bottom:20px;}
article figure{ margin:0 auto 15px !important; padding:0 !important;}

#daigakuBody {padding:0 15px;}

#gallery { overflow:hidden;}
#gallery * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#gallery {background:url(/alcohol/beer/daigaku/ART/art/images/bgGallerySP.png) left top no-repeat; width:267px; height:178px; background-size:267px 178px; margin:0 auto 40px; position:relative;}
#gallery header {left:10px; top:10px;}
#gallery header p{width:37.5px; margin-bottom:5px; margin-left:0;}
#gallery header h2{font-size:10.5px; line-height:1.3; }
#gallery header h2 span{font-size:8px; padding-bottom:0.5em;}
#gallery header h2 em {font-size:8px;}
#gallery .galleryWrap {height:178px;}
#gallery .galleryMainWrap {width:267px;}

#gallery .main {top:16px; left:0;width:9999px;}
#gallery .main li {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:0; width:267px; text-align:center; float:left;}
#gallery.over5 .main li {width:267px;}
#gallery .main li img{margin:0 0 8px; height:110px;}
#gallery .main li#now{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:10;}
#gallery .main li span{font-size:13px; line-height:1.3; text-shadow: 0 -1px 2.5px #000, 0px 1px 2.5px #000;}

#gallery .main#now1  {left:0;}
#gallery .main#now2  {left:-267px;}
#gallery .main#now3  {left:-534px;}
#gallery .main#now4  {left:-801px;}
#gallery .main#now5  {left:-1068px;}
#gallery .main#now6  {left:-1335px;}
#gallery .main#now7  {left:-1602px;}
#gallery .main#now8  {left:-1869px;}
#gallery .main#now9  {left:-2136px;}
#gallery .main#now10 {left:-2403px;}

#gallery .gallerySubWrap {position:absolute; left:0; top:188px; clear:both; zoom:1; width:267px;}
#gallery .sub {position:relative; top:0 !important; left:0 !important; padding:0; margin:0; text-align:center; width:auto !important; line-height:7px;}
#gallery .sub li {background:#a8a5a1; width:7px; height:7px; overflow:hidden; border-radius:7px; margin:0 2px 0; float:none; display:inline-block;}
#gallery .sub li img{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

#gallery .sub#now1 li:nth-child(1){background:#000;}
#gallery .sub#now2 li:nth-child(2){background:#000;}
#gallery .sub#now3 li:nth-child(3){background:#000;}
#gallery .sub#now4 li:nth-child(4){background:#000;}
#gallery .sub#now5 li:nth-child(5){background:#000;}
#gallery .sub#now6 li:nth-child(6){background:#000;}
#gallery .sub#now7 li:nth-child(7){background:#000;}
#gallery .sub#now8 li:nth-child(8){background:#000;}
#gallery .sub#now9 li:nth-child(9){background:#000;}
#gallery .sub#now10 li:nth-child(10){background:#000;}

#gallery .next,
#gallery .prev{display:block; top:109px; width:11px;}
#gallery .next {left:230px;}
#gallery .prev {left:28px;}

#gallerySwipeMask {display:block; z-index:200; position:absolute; left:0; top:0; width:267px; height:178px;}

#gallery .loading{position:absolute; left:0; top:0; width:267px; line-height:178px; text-align:center; color:#ddd;}

#gallery header h2 .spBr{display:block;}

}