@charset "utf-8";

/*学部共通*/
#daigakuDetailContents {background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgMiddle.png); margin-bottom: 50px;}
#daigakuDetailContents:before{content:''; background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgTop.png);}
#daigakuDetailContents:after {content:''; background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgBottom.png);}
/* daigakuDetailContents */
#daigakuMovieContents .fitsMovie {background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgMiddle.png);}
#daigakuMovieContents .fitsMovie:before{content:''; background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgTop.png);}
#daigakuMovieContents .fitsMovie:after {content:''; background-image:url(/alcohol/beer/daigaku/ECN/images/detailBgBottom.png);}




#daigakuBody {border-radius:0;}
#daigakuDetailContents {padding:25px 25px;}
/*.pageTop_area {top:80%;}*/

/* #daigakuWrapper img {max-width:none;} */

#loadContents {height:0px; overflow:hidden;left:0px; top:0px;}

.mincho {font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGP明朝E","ＭＳ Ｐ明朝",serif;}
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 #daigakuBody h2{color:#fff; font-size:15px !important; background:#dbae56; line-height:26px !important; border-radius:13px; padding:0 8px;
-moz-box-shadow:0px 3px 0 rgba(208,205,198,1);
-webkit-box-shadow:0px 3px 0 rgba(208,205,198,1);
-o-box-shadow:0px 3px 0 rgba(208,205,198,1);
-ms-box-shadow:0px 3px 0 rgba(208,205,198,1);
box-shadow:0px 3px 0 rgba(208,205,198,1);
display:inline-block; margin-bottom:20px !important;
}


#daigakuMainTitle {display:none;}
article h1.mainTitle {border-bottom:2px solid #d3d1cd; min-height:78px; padding-bottom:13px; width:644px; position:relative; left:0; margin:0 auto 56px !important; top:20px;
font-size:24.87px !important; color:#444; line-height:31.52px !important; font-weight:bold !important; overflow:hidden;}
#loadMainTitle{
-webkit-transition:0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
-ms-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}
article h1.mainTitle span#loadYear span {display:block; width:40px; height:60px; float:left; background:url(/alcohol/beer/daigaku/ECN/ecn/images/numbers.png) -40px top no-repeat; text-indent:-9999px; margin:0 2px;
-webkit-transition:0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
-ms-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}
article h1.mainTitle span#loadYear span.n0 {background-position:-40px -540px;}
article h1.mainTitle span#loadYear span.n1 {background-position:-40px -480px;}
article h1.mainTitle span#loadYear span.n2 {background-position:-40px -420px;}
article h1.mainTitle span#loadYear span.n3 {background-position:-40px -360px;}
article h1.mainTitle span#loadYear span.n4 {background-position:-40px -300px;}
article h1.mainTitle span#loadYear span.n5 {background-position:-40px -240px;}
article h1.mainTitle span#loadYear span.n6 {background-position:-40px -180px;}
article h1.mainTitle span#loadYear span.n7 {background-position:-40px -120px;}
article h1.mainTitle span#loadYear span.n8 {background-position:-40px -60px;}
article h1.mainTitle span#loadYear span.n9 {background-position:-40px -0px;}
article h1.mainTitle span.titleText{display:block; zoom:1; overflow:hidden; padding:0 0 0 40px;}

#loadTopLead {width:648px; margin:0 auto 58px; padding-left:160px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadTopLead.png) left top no-repeat; position:relative; overflow:hidden; padding-bottom:3px;}
#loadTopLead div{background:#fff; border-radius:20px; padding:20px 22px 0;
border:1px solid rgba(209,207,202,1);
-moz-box-shadow:0px 3px 0 rgba(209,207,202,1);
-webkit-box-shadow:0px 3px 0 rgba(209,207,202,1);
-o-box-shadow:0px 3px 0 rgba(209,207,202,1);
-ms-box-shadow:0px 3px 0 rgba(209,207,202,1);
box-shadow:0px 3px 0 rgba(209,207,202,1);
min-height:220px;
position:relative;
z-index:1;
}
#loadTopLead div:before{content:''; display:block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 40px 22px 0;
border-color: transparent rgba(209,207,202,1) transparent transparent;
position:absolute; left:-40px; top:172px;
z-index:-1;
}
#loadTopLead:before{content:''; display:block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 40px 17px 0;
border-color: transparent #fff transparent transparent;
position:absolute; left:122px; top:174px;
z-index:10;
}
#loadTopLead div p{padding-bottom:20px; margin:0 !important; font-size:14px !important; line-height:21px !important;}
#loadTopLead div figure{display:none;}


#loadByCountryFig {position:relative;margin:0 20px 40px; overflow:visible;
border:1px solid rgba(209,207,202,1);
}
.spcontent #loadByCountryFig{display:none;}
#loadByCountryFig div.slide{width:100%; height:294px; overflow:hidden;  padding-bottom:4px; position:relative;}
#loadByCountryFig div.slide:before {content:''; display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask.png) left top no-repeat; height:290px; width:644px; position:absolute; left:0; top:0; z-index:10;
border-radius:8px;
}
#loadByCountryFig div.wrap {
position:absolute;
overflow:hidden;
left:0; top:0;
z-index:0;
max-width:inherit;
}
#loadByCountryFig div.bg {background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg.png) left top repeat-x #fff; padding-left:0px;}
#loadByCountryFig div img.sp {display:none;}
#loadByCountryFig p.next {position:absolute; right:-30px; top:50%; margin-top:-19px;}
#loadByCountryFig p.prev {position:absolute; left:-30px; top:50%; margin-top:-19px;}
#loadByCountryFig p.next a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrNextGray.png) left top no-repeat; width:18px; height:38px; overflow:hidden; text-indent:-9999px; display:block;}
#loadByCountryFig p.prev a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrPrevGray.png) left top no-repeat; width:18px; height:38px; overflow:hidden; text-indent:-9999px; display:block;}
#loadByCountryFig p a{-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;}
#loadByCountryFig p a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#loadByCountryFig p.note {position:absolute; right:5px; bottom:-1.5em; font-size:12px;}

#loadByCountryFig_SP {width:100%; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg.png) left top repeat-x; position:relative;
-moz-box-shadow:0px 4px 0 rgba(209,207,202,1);
-webkit-box-shadow:0px 4px 0 rgba(209,207,202,1);
-o-box-shadow:0px 4px 0 rgba(209,207,202,1);
-ms-box-shadow:0px 4px 0 rgba(209,207,202,1);
box-shadow:0px 4px 0 rgba(209,207,202,1);
border-radius:8px; margin-bottom:40px;
display:none;
}
.spcontent #loadByCountryFig_SP{display:block;}

#loadByCountryFig_SP:before{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask.png) left top no-repeat; height:291px; width:50px; overflow:hidden; position:absolute; left:0; top:0; border-radius:8px;}
#loadByCountryFig_SP:after{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask.png) left top no-repeat; height:41px; width:381px; overflow:hidden; position:absolute; left:0; top:0; border-radius:8px;}
#loadByCountryFig_SP p{padding-left:10px; overflow:hidden; overflow-x:auto;}
#loadByCountryFig_SP img.sp{display:none;}
#loadByCountryFig_SP p:before {content:''; display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask_sp.png) left top no-repeat; height:301px; width:9px; position:absolute; left:auto; right:0; top:0; z-index:10; border-radius:0;}
#loadByCountryFig_SP p.note{font-size:12px; text-align:right; position:absolute; bottom:-2em; right:5px;}

#loadByCountry {padding-bottom:40px;}
#loadByCountry p{line-height:21px; font-size:14px; margin-bottom:20px;}

#loadWorldFig {background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadWorldFig_bg.png) left top no-repeat #fff; border-radius:5px;
background-size:contain;
border:1px solid rgba(209,207,202,1);
margin-bottom:30px;
position:relative;
z-index:0;
}
.loadWorldHead {position:relative; z-index:100;}
.loadWorldHead:before{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadWorldFig_mask.png) left top no-repeat; width:172px; height:104px; overflow:hidden; position:absolute; right:-8px; top:-35px;}
#loadWorldFig img{width:100%; height:auto;}
#loadWorldFig .sp {display:none;}
#loadWorld {padding-bottom:40px;}
#loadWorld p{line-height:21px; font-size:14px; margin-bottom:20px;}

#loadOneFig {position:relative; height:408px; margin-bottom:30px;}
.spcontent #loadOneFig{display:none;}

#loadOneFig div.slide {width:100%; height:408px; overflow:hidden; position:relative;
border:1px solid rgba(209,207,202,1); max-width:600px; margin:0 auto;
}
#loadOneFig div.slide:before{content:''; width:100%; height:56px; overflow:hidden; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFigMask.png) left top no-repeat; position:absolute; left:0; top:0; border-radius:8px; display:block; z-index:10; background-size:contain;}
#loadOneFig div.wrap {position:absolute; left:0; top:0;border-radius:8px; overflow:hidden;  max-width:600px;}
#loadOneFig div.bg{background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFig_number.png) left top no-repeat #fff; background-size:contain;}
#loadOneFig div.bg img{width:100%; height:auto;}
#loadOneFig div.bg img.sp {display:none;}
#loadOneFig div.bg.rank24{background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFig_number24.png) left top no-repeat #fff; background-size:contain;}
#loadOneFig p.next {position:absolute; left:50%; bottom:-30px; margin-left:-19px;}
#loadOneFig p.prev {position:absolute; left:50%; top:-30px; margin-left:-19px;}
#loadOneFig p.next a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrDown.png) left top no-repeat; width:38px; height:18px; overflow:hidden; text-indent:-9999px; display:block;}
#loadOneFig p.prev a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrUp.png) left top no-repeat; width:38px; height:18px; overflow:hidden; text-indent:-9999px; display:block;}
#loadOneFig p a{-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;}
#loadOneFig p a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

#loadOneFig_SP {background:none; position:relative; border-radius:8px; overflow:hidden; display:none;}
.spcontent #loadOneFig_SP{display:block;}

#loadOneFig_SP:before{content:''; width:100%; height:56px; overflow:hidden; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFigMask.png) left top no-repeat; position:absolute; left:0px; top:0; border-radius:8px; display:block; z-index:10; background-size:contain; overflow:hidden;}
#loadOneFig_SP:after{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFig_mask_sp.png) left bottom repeat-x; height:18px; width:100%; position:absolute; left:0; bottom:-1px; z-index:10;}
#loadOneFig_SP div{height:400px; overflow:hidden; overflow-y:auto; background-size:contain; border-radius:8px; position:relative;}
#loadOneFig_SP p{background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFig_number.png) left top no-repeat #fff; background-size:contain; border-radius:8px; overflow:hidden;}
#loadOneFig_SP img{width:100%;}
#loadOneFig_SP img.sp{display:none; width:100%;}

#loadOne {padding:34px 0 20px;}

#loadBottomLead {width:648px; margin:0 auto 35px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadBottomLead.png) right top no-repeat; position:relative; padding:54px 160px 0 0;}
#loadBottomLead div{background:#fff; border-radius:20px; padding:20px 22px 0;
border:1px solid rgba(209,207,202,1);
-moz-box-shadow:0px 3px 0 rgba(209,207,202,1);
-webkit-box-shadow:0px 3px 0 rgba(209,207,202,1);
-o-box-shadow:0px 3px 0 rgba(209,207,202,1);
-ms-box-shadow:0px 3px 0 rgba(209,207,202,1);
box-shadow:0px 3px 0 rgba(209,207,202,1);
min-height:146px;
position:relative;
z-index:1;
}
#loadBottomLead div:before{content:''; display:block;
width:0px; height:0px; border-style:solid;
border-width: 0 0 22px 40px;
border-color: transparent transparent transparent  rgba(209,207,202,1);
position:absolute; right:-40px; top:98px;
z-index:-1;
}
#loadBottomLead:before{content:''; display:block;
width:0px; height:0px; border-style:solid;
border-width: 0 0 17px 40px;
border-color: transparent transparent transparent #fff ;
position:absolute; right:124px; top:154px;
z-index:10;
}
#loadBottomLead div p{padding-bottom:20px; margin:0 !important; font-size:14px !important; line-height:21px !important;}
#loadBottomLead figure{display:none;}


#datFlowNav {width:751px; height:97px; position:relative; z-index:900;}
#datFlowNav div.wrap{width:100%; height:96px; bottom:0; left:0; text-align:center; min-width:960px; z-index:900; margin-left:-106px; position:relative; max-width:inherit;}
#datFlowNav div.wrap.fiexed{position:fixed; margin:0;}

#datFlowNav div.wrap.absolute{position:absolute; margin:0;}
#datFlowNav nav{width:751px; height:96px; margin:0 auto; display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/bgMenu.png) left top no-repeat; position:relative; overflow:hidden;}
#datFlowNav nav h2{width:176px; position:absolute; left:62px; top:17px; height:60px; overflow:hidden;}
#datFlowNav nav h2 span {display:block; width:40px; height:60px; float:left; background:url(/alcohol/beer/daigaku/ECN/ecn/images/numbers.png) 0 top no-repeat; text-indent:-9999px; margin:0 2px;
-webkit-transition:0.5s ease-in-out;
-moz-transition:0.5s ease-in-out;
-ms-transition:0.5s ease-in-out;
-o-transition:0.5s ease-in-out;
transition:0.5s ease-in-out;
}
#datFlowNav nav h2 span.n0 {background-position:0 -540px;}
#datFlowNav nav h2 span.n1 {background-position:0 -480px;}
#datFlowNav nav h2 span.n2 {background-position:0 -420px;}
#datFlowNav nav h2 span.n3 {background-position:0 -360px;}
#datFlowNav nav h2 span.n4 {background-position:0 -300px;}
#datFlowNav nav h2 span.n5 {background-position:0 -240px;}
#datFlowNav nav h2 span.n6 {background-position:0 -180px;}
#datFlowNav nav h2 span.n7 {background-position:0 -120px;}
#datFlowNav nav h2 span.n8 {background-position:0 -60px;}
#datFlowNav nav h2 span.n9 {background-position:0 -0px;}

#datFlowNav nav  ul {position:absolute; left:307px; top:11px; clear:both; zoom:1; width:460px;
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-ms-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;
}
#datFlowNav nav  ul:after{content:''; clear:both; display:block;}
#datFlowNav nav  ul.bottom {top:49px;}
#datFlowNav nav  ul li {margin:0 11px 12px 0;}
#datFlowNav nav  ul li a {display:block; height:29px;}
#datFlowNav nav  ul li a span {font-size:16px; font-weight:bold; color:#fff; display:block; border:none; outline:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
background: rgb(97,124,33);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxN2MyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTVjMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(97,124,33,1) 0%, rgba(74,92,1,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(97,124,33,1)), color-stop(100%,rgba(74,92,1,1)));
background: -webkit-linear-gradient(top,  rgba(97,124,33,1) 0%,rgba(74,92,1,1) 100%);
background: -o-linear-gradient(top,  rgba(97,124,33,1) 0%,rgba(74,92,1,1) 100%);
background: -ms-linear-gradient(top,  rgba(97,124,33,1) 0%,rgba(74,92,1,1) 100%);
background: linear-gradient(to bottom,  rgba(97,124,33,1) 0%,rgba(74,92,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617c21', endColorstr='#4a5c01',GradientType=0 );
line-height:26px; width:73px;
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-ms-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;
position:relative;
}
#datFlowNav nav  ul li a:hover{text-decoration:none; padding-top:3px;}
#datFlowNav nav  ul li a.active{text-decoration:none; padding-top:3px;}
#datFlowNav nav  ul li a.active span,
#datFlowNav nav  ul li a:hover span{
	
background: #8ca464; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjkyNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8ca464 0%, #7f925f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca464), color-stop(100%,#7f925f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8ca464 0%,#7f925f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8ca464 0%,#7f925f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8ca464 0%,#7f925f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8ca464 0%,#7f925f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca464', endColorstr='#7f925f',GradientType=0 ); /* IE6-8 */
text-decoration:none;
}
.ie9 #datFlowNav nav  ul li a{filter: none;}

#datFlowNav nav .next,
#datFlowNav nav .prev{display:none;}

#loadingMask {width:100%; height:100%; position:absolute; left:0; top:0; z-index:891; display:none;  background:url(/alcohol/beer/daigaku/ECN/ecn/images/loading.png);}
#loading {width:100%; height:100%; position:relative; left:0; top:-150px; z-index:900; display:none;}
#loading div{background:#fffa45; border:1px solid #ffc838; border-radius:6px; width:100px; height:30px; margin:0 auto; padding:4px; font-size:10px; line-height:22px; color:#F63; text-align:center;}
#loading div img{width:20px; height:20px; float:left; margin:0 4px 0 3px;}

article p.enquete{text-align:center; margin-bottom:40px;}
article p.enquete a {display:block;
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-ms-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;
text-align:center;
}
article p.enquete a:hover{
text-decoration:none;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.ie9 article p.enquete a{filter: none;}
article p.enquete a img {width:542px; margin:0 auto;}

.campaignBnr {
	text-align: center;
	margin: 50px 0 15px 0;
}

.campaignBnr img {
	max-width: 100% !important;;
}
.campaignBnr a {
	display: inline-block;
}

@media (min-width:769px){
#datFlowNav div.wrap{width:100% !important;}
#datFlowNav {width:751px; height:97px; position:static !important;}
#datFlowNav nav ul {left:307px !important; width:460px !important;}
#datFlowNav nav ul li {display:inline; float:left;}
}
@media (min-width:641px) and (max-width:768px){
#loadContents {width:100%;}
#datFlowNav {width:100%; height:49px; z-index:900; position:relative;}
#datFlowNav.st{position:static !important;}
#datFlowNav div.wrap{width:100%; height:49px; bottom:0; left:0; text-align:center; z-index:900; margin-left:-45px !important; min-width:640px;}
#datFlowNav div.wrap.fiexed{margin:0 !important;}

#datFlowNav nav{width:100%; height:49px; margin:0; display:block; background:#402b1d; position:relative; overflow:hidden; padding:0 60px;
-moz-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-o-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-ms-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
#datFlowNav nav h2{display:none;}
#datFlowNav nav ul {position:relative; text-align:left; font-size:0; width:100%; padding:10px 0px; left:9px; top:auto;}
#datFlowNav nav ul li {display:inline-block; margin-right:9px;
-moz-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-o-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-ms-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
box-shadow:0px 3px 0 rgba(0,0,0,0.15);
}
#datFlowNav #datSlide{overflow:hidden; position:relative;}
#datFlowNav #datSlide:after{content:''; display:block; width:10px; height:30px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/maskPrev.png) left top no-repeat; position:absolute; left:0; top:10px;}
#datFlowNav #datSlide:before{content:''; display:block; width:10px; height:30px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/maskNext.png) right top no-repeat; position:absolute; right:0; top:10px; z-index:10;}
#datFlowNav nav  ul li a {height:26px;}
#datFlowNav nav  ul li a span{line-height:23px; width:69px; font-size:19px; text-align:center;}
#datFlowNav nav  ul li a.active span{position:relative; top:3px;}
#datFlowNav nav .next{display:block; position:absolute; right:5px; top:0;}
#datFlowNav nav .next a{display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrNext.png) center center no-repeat; width:50px; height:50px; background-size:12px 25px; text-indent:-9999px;}
#datFlowNav nav .prev{display:block; position:absolute; left:5px; top:0;}
#datFlowNav nav .prev a{display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrPrev.png) center center no-repeat; width:50px; height:50px; background-size:12px 25px; text-indent:-9999px;}
#datFlowNav nav .next a:hover,
#datFlowNav nav .prev a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

article h1.mainTitle {border-bottom:2px solid #d3d1cd; min-height:75px; padding-bottom:15px; width:100%; position:relative; left:0; margin:0 0 56px !important; top:20px;
font-size:20.87px !important; color:#444; line-height:31.52px !important;}

#loadTopLead {width:100%; margin:0 0 58px;}
#loadBottomLead {width:100%; margin:0 0 35px;}
#datFlowNav nav  ul.bottom {top:auto;}

#loadOneFig{height:auto; margin:0;}

article p.enquete a img {width:100%; margin:0 auto;}

.pageTop_area {top:-52px;}

.campaignBnr {
	padding: 0 15px;
}
#daigakuDetailContents {margin-bottom: 50px !important;}

}
@media (max-width:640px){

#daigakuDetailContents {margin-bottom: 50px !important;}

#loadContents {width:280px;}

article h1.mainTitle {border-bottom:1px solid #d3d1cd; min-height:inherit; padding-bottom:15px; width:100%; position:relative; left:0; margin:0 0 45px !important; top:0px;
font-size:24.87px !important; color:#444; line-height:31.52px !important;}
article h1.mainTitle span#loadYear span {display:block; width:28px; height:42px; float:left; text-indent:-9999px; margin:0 1px 0 0; background-size:56px auto;}
article h1.mainTitle span#loadYear span.n0 {background-position:-28px -378px;}
article h1.mainTitle span#loadYear span.n1 {background-position:-28px -336px;}
article h1.mainTitle span#loadYear span.n2 {background-position:-28px -294px;}
article h1.mainTitle span#loadYear span.n3 {background-position:-28px -252px;}
article h1.mainTitle span#loadYear span.n4 {background-position:-28px -210px;}
article h1.mainTitle span#loadYear span.n5 {background-position:-28px -168px;}
article h1.mainTitle span#loadYear span.n6 {background-position:-28px -126px;}
article h1.mainTitle span#loadYear span.n7 {background-position:-28px -84px;}
article h1.mainTitle span#loadYear span.n8 {background-position:-28px -42px;}
article h1.mainTitle span#loadYear span.n9 {background-position:-28px -0px;}
article h1.mainTitle span.titleText{clear:both; display:block; zoom:1; overflow:hidden; padding:15px 0 0; font-size:16px; line-height:20px; font-weight:bold;}

article #daigakuBody h2{color:#fff; font-size:12px !important; line-height:20px !important; margin-bottom:17px !important;}

#loadTopLead {width:100%; margin:0 0 50px; padding-left:0; background:none; position:relative;}
#loadTopLead div{background:none; border-radius:0px; padding:0;
border:none;
box-shadow:none;
min-height:130px;
position:relative;
z-index:1;
}
#loadTopLead div:before{content:''; display:none;}
#loadTopLead:before{content:''; display:none;}
#loadTopLead div p{padding-bottom:20px; margin:0 !important; font-size:14px !important; line-height:20px !important;}
#loadTopLead div figure{display:block; float:right; margin-left:-50px;}
#loadTopLead div figure img{width:142px; height:130px;}

#loadByCountryFig {position:relative; border:none;}
#loadByCountryFig div.slide{width:100%; height:215px; overflow:hidden; margin-bottom:30px; padding-bottom:4px; position:relative; border:none;border:1px solid rgba(209,207,202,1);}
#loadByCountryFig div.slide:before {content:''; display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask_sp.png) left top no-repeat; height:211px; width:9px; position:absolute; left:auto; right:0; top:0; z-index:10; border-radius:0;}
#loadByCountryFig div.wrap {
position:absolute;
overflow:hidden;
/*width:1171px;*/
left:0; top:0;
z-index:0;

}
#loadByCountryFig div.bg {background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg_sp.png) left top no-repeat #fff; padding-left:0px; background-size:1200px auto;}
#loadByCountryFig div img {display:none; position:relative; top:2px;}
#loadByCountryFig div img.sp {display:block; height:207px; width:auto;}
#loadByCountryFig p.next {position:absolute; right:-12px; top:50%; margin-top:-10px;}
#loadByCountryFig p.prev {position:absolute; left:-12px; top:50%; margin-top:-10px;}
#loadByCountryFig p.next a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrNextGray.png) left top no-repeat; width:9px; height:19px; overflow:hidden; text-indent:-9999px; display:block; background-size:9px 19px;}
#loadByCountryFig p.prev a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrPrevGray.png) left top no-repeat; width:9px; height:19px; overflow:hidden; text-indent:-9999px; display:block; background-size:9px 19px;}

#loadByCountryFig_SP {position:relative; overflow:visible;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
border-radius:0px; margin-bottom:40px;
z-index:0;
background:none;
}
#loadByCountryFig_SP .in{width:100%; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg_sp.png) left top no-repeat; position:relative; background-size:1200px auto;
border-radius:8px;
z-index:0; overflow:hidden;
}
#loadByCountryFig_SP:before{display:none;}
#loadByCountryFig_SP:after{display:none;}
#loadByCountryFig_SP .in:before{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg_sp.png) left top no-repeat #fff; background-size:1200px auto; height:291px; width:36px; overflow:hidden; position:absolute; left:0; top:0; border-radius:8px; z-index:10;}
#loadByCountryFig_SP .in:after{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigBg_sp.png) left top no-repeat #fff; background-size:1200px auto; height:21px; width:381px; overflow:hidden; position:absolute; left:0; top:0; border-radius:8px; z-index:10;}
#loadByCountryFig_SP .in p{padding-left:0px; overflow:hidden; overflow-x:auto; z-index:0;}
#loadByCountryFig_SP img{display:none; position:relative; top:2px;}
#loadByCountryFig_SP img.sp{display:block; height:207px; width:auto;}
#loadByCountryFig_SP .in div {position:relative;}
#loadByCountryFig_SP .in div:before {content:''; display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadByCountryFigMask_sp.png) left top no-repeat; height:100%; width:9px; position:absolute; left:auto; right:-1px; top:0; border-radius:0; background-size:9px auto; z-index:20;}
#loadByCountryFig_SP p:before{display:none;}
#loadByCountryFig_SP p.note{font-size:12px; text-align:right; position:absolute; bottom:-2em; right:5px;}



#loadWorldFig {background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadWorldFig_bg_sp.png);
background-size:contain;
width:auto;
margin-bottom:30px;
position:relative;
box-shadow:none;
border-radius:0;
}

/*#loadWorldFig:before{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadWorldFig_mask_sp.png) left top no-repeat; width:114px; height:69px; overflow:hidden; position:absolute; right:-8px; top:-62px; background-size:114px 69px;}*/
.loadWorldHead:before{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadWorldFig_mask_sp.png) left top no-repeat; width:114px; height:69px; overflow:hidden; position:absolute; right:-8px; top:-24px; background-size:114px 69px;}

#loadWorldFig img {width:100%; height:auto;}
#loadWorldFig img {display:none;}
#loadWorldFig img.sp {display:block; box-shadow:none;}
#loadWorld {padding-bottom:40px;}
#loadWorld p{line-height:21px; font-size:14px; margin-bottom:20px;}



#loadOneFig {position:relative; padding:15px 0 0;}
#loadOneFig div.slide {width:100%; height:270px; overflow:hidden; margin-bottom:0px; position:relative;}
#loadOneFig div.slide:before{content:''; width:100%; height:54px; overflow:hidden; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFigMask_sp.png) left top no-repeat; position:absolute; left:0; top:0; border-radius:8px; display:block; z-index:10; background-size:auto 22px;}
#loadOneFig div.wrap {position:absolute; left:0; top:0;border-radius:8px; overflow:hidden;}
#loadOneFig div.bg {background:#fff;}
#loadOneFig div.bg img{width:100%; height:auto; display:none;}
#loadOneFig div.bg img.sp{display:block;}
#loadOneFig div.bg.rank24{background:#fff;}

#loadOneFig p.next {position:absolute; left:50%; bottom:-15px; margin-left:-10px;}
#loadOneFig p.prev {position:absolute; left:50%; top:0; margin-left:-10px;}
#loadOneFig p.next a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrDown.png) left top no-repeat; width:19px; height:9px; overflow:hidden; text-indent:-9999px; display:block; background-size:19px 9px;}
#loadOneFig p.prev a{background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrUp.png) left top no-repeat; width:19px; height:9px; overflow:hidden; text-indent:-9999px; display:block; background-size:19px 9px;}
#loadOneFig p a{-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;}
#loadOneFig p a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


#loadOneFig_SP {background:none; position:relative; border-radius:8px; overflow:hidden;}
#loadOneFig_SP:before{content:''; width:100%; height:56px; overflow:hidden; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFigMask_sp.png) left top no-repeat; position:absolute; left:0px; top:-1px; border-radius:8px; display:block; z-index:10; background-size:contain; overflow:hidden;}
#loadOneFig_SP:after{content:''; background:url(/alcohol/beer/daigaku/ECN/ecn/images/loadOneFig_mask_sp.png) left bottom repeat-x; height:18px; width:100%; position:absolute; left:0; bottom:-1px; z-index:10;}
#loadOneFig_SP div{height:400px; overflow:hidden; overflow-y:auto; background-size:contain; border-radius:8px; position:relative;}
#loadOneFig_SP p{background:#fff; background-size:contain; border-radius:8px; overflow:hidden; padding-bottom:10px;}
#loadOneFig_SP img{width:100%; display:none;}
#loadOneFig_SP img.sp{display:block; width:100%;}


#loadBottomLead {width:100%; margin:0 0 25px; background:none; position:relative; padding:40px 0 0; }
#loadBottomLead div{background:none; border-radius:20px; padding:0;border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
min-height:134px;
position:relative;
z-index:1;
}
#loadBottomLead div:before{content:''; display:none;}
#loadBottomLead:before{content:''; display:none;}
#loadBottomLead div p{padding-bottom:20px; margin:0 !important; font-size:14px !important; line-height:21px !important;}
#loadBottomLead div figure{display:block; float:right; margin-left:-15px;}
#loadBottomLead div figure img{width:112px; height:134px;}



#datFlowNav {width:100%; height:49px; z-index:999; position:relative;}
#datFlowNav.st{position:static !important;}
#datFlowNav div.wrap{width:100%; height:49px; bottom:0; text-align:center; z-index:900; min-width:0; position:static; margin-left:-40px !important;}
#datFlowNav div.wrap.fiexed{position:fixed !important; z-index:999; margin-left:0px !important;}
#datFlowNav div.wrap.absolute{position:absolute; margin:0; width:311px; z-index:999; left:30px; bottom:0px;}

#datFlowNav nav{width:100%; height:49px; margin:0 5px; display:block; background:#402b1d; position:relative; overflow:hidden; padding:0 34px;
-moz-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-o-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-ms-box-shadow:0px 4px 0 rgba(0,0,0,0.15);
box-shadow:0px 4px 0 rgba(0,0,0,0.15);
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
#datFlowNav nav h2{display:none;}
#datFlowNav nav ul {position:relative; text-align:left; font-size:0; width:100%; padding:10px 0px; left:9px; top:2px;}
#datFlowNav nav ul li {display:inline-block; margin-right:9px;
-moz-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-o-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
-ms-box-shadow:0px 3px 0 rgba(0,0,0,0.15);
box-shadow:0px 3px 0 rgba(0,0,0,0.15);
}
#datFlowNav nav  ul li a {height:26px;}
#datFlowNav nav  ul li a span{line-height:23px; width:69px; font-size:19px; text-align:center;}
#datFlowNav nav  ul li a.active span{position:relative; top:3px;}

#datFlowNav #datSlide{overflow:hidden; position:relative; z-index:999;}
#datFlowNav #datSlide:after{content:''; display:block; width:10px; height:26px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/maskPrev.png) left top no-repeat; position:absolute; left:0; top:12px; border-left:1px solid #402B1D;}
#datFlowNav #datSlide:before{content:''; display:block; width:10px; height:26px; background:url(/alcohol/beer/daigaku/ECN/ecn/images/maskNext.png) right top no-repeat; position:absolute; right:0; top:12px; z-index:10;}
#datFlowNav nav .next{display:block; position:absolute; right:5px; top:0;}
#datFlowNav nav .next a{display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrNext.png) center center no-repeat; width:24px; height:50px; background-size:12px 25px; text-indent:-9999px;}
#datFlowNav nav .prev{display:block; position:absolute; left:5px; top:0;}
#datFlowNav nav .prev a{display:block; background:url(/alcohol/beer/daigaku/ECN/ecn/images/arrPrev.png) center center no-repeat; width:24px; height:50px; background-size:12px 25px; text-indent:-9999px;}
#datFlowNav nav .next a:hover,
#datFlowNav nav .prev a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#datFlowNav nav  ul.bottom {top:0px;}
#loadOneFig{height:auto; margin:0;}

article p.enquete a img {width:100%; margin:0 auto;}

.pageTop_area {top:-52px;}

}