@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

    version: 1.0
    created: 2017/01/01
    update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/*====================================================================================================

    format

====================================================================================================*/
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=e31f5793-16cc-49c3-a0af-df7b4bcc0682");
html{
overflow-y:scroll;
font-size:10px;
}

body{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;
margin:0;
}

p{
margin:0 0 1.5em;
}

ul,
ol{
margin:0 0 1.5em;
padding-left:0;
}

ul{
list-style:none;
}

table{
margin:0 0 1.5em;
border-collapse:collapse;
border-spacing:0;
}

table th > *:last-child,
table td > *:last-child{
margin-bottom:0 !important;
}

hr{
display:none;
}

img{
border:0;
vertical-align:middle;
}

li img{
vertical-align:middle;
}

button,
input,
select,
textarea{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size:1.4rem;
vertical-align:middle;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
cursor:pointer;
}

button{
display:inline;
border:none;
padding:0;
background:none;
}

button::-moz-focus-inner{
padding:0;
border:0;
}

:placeholder-shown{
color:#cccccc;
}

::-webkit-input-placeholder{
color:#cccccc;
}

::-moz-placeholder{
color:#cccccc;
opacity:1;
}

:-ms-input-placeholder{
color:#cccccc;
}

em,
address,
small{
font-style:normal;
}

em{
font-weight:bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
main{
display:block;
margin:0;
padding:0;
border:0;
outline:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

nav ul{
list-style:none;
}

/*====================================================================================================

    base

====================================================================================================*/
@media screen and (min-width: 769px) {
body{
font-size:1.4rem;
line-height:floor-decimal(1.71429, 1);
}
}
@media screen and (max-width: 768px) {
body{
font-size:1.4rem;
line-height:floor-decimal(1.42857, 1);
}
}

a{
color:#000;
}

@media screen and (min-width: 769px) {
br.spBr{
display:none;
}
}
@media screen and (max-width: 768px) {
br.pcBr{
display:none;
}
}

@media screen and (min-width: 769px) {
.pcHide{
display:none;
}
}
@media screen and (max-width: 768px) {
.spHide{
display:none;
}
}
/* Header
--------------------------------------------------------------------------------------------------- */
#gheader{
margin:0 auto;
background:#000;
position:fixed;
top:0;
left:0;
width:100%;
z-index:5;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
#gheader.is_hide{
position:fixed;
transform:translateY(-130%);
}
#gheader.is_fixed{
transform:translateY(0) !important;
}
#gheader .content{
display:flex;
justify-content:space-between;
}
#gheader .logo{
position:relative;
margin:0;
}
#gheader .unav{
margin:0;
white-space:nowrap;
}
#gheader .unav > li{
display:inline-block;
vertical-align:middle;
}
#gheader .unav > li:nth-child(n+2){
margin-left:10px;
}
@media screen and (min-width: 769px) {
#gheader .content{
height:70px;
margin:0 auto;
padding-left:40px;
padding-right:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#gheader .content .menu{
display:none;
}
#gheader .logo{
top:3px;
}
#gheader .logo a{
display:block;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:80px;
height:84px;
background-position:0 -2912px;
}
#gheader .logo a:hover{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:80px;
height:84px;
background-position:0 -3006px;
}
}
@media screen and (max-width: 1024px) {
#gheader .content{
width:1024px;
}
}
@media screen and (max-width: 768px) {
#gheader .logo{
top:3px;
left:15px;
}
#gheader .logo a{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:50px;
height:52px;
background-position:0 -1550px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
#gheader .content{
align-items:center;
height:45px;
width:auto;
}
#gheader .content .menu{
position:absolute;
top:5px;
right:5px;
}
#gheader .content .menu button{
box-sizing:content-box;
display:block;
width:18px;
height:16px;
position:relative;
padding:10px;
overflow:hidden;
white-space:nowrap;
text-indent:200%;
}
#gheader .content .menu button::before, #gheader .content .menu button::after{
display:block;
height:1px;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:calc(100% - 20px);
margin:auto;
background:#fff;
}
#gheader .content .menu button::before{
content:'';
transition:0.3s;
}
#gheader .content .menu button > span{
width:calc(100% - 20px);
height:100%;
display:block;
position:absolute;
left:0;
right:0;
top:0;
margin:auto;
}
#gheader .content .menu button > span::before, #gheader .content .menu button > span::after{
content:'';
display:block;
width:100%;
position:absolute;
left:0;
right:0;
margin:auto;
transition:0.3s;
}
#gheader .content .menu button > span::before{
top:10px;
}
#gheader .content .menu button > span::after{
bottom:10px;
}
#gheader .content .menu button span::before, #gheader .content .menu button span::after{
height:1px;
background:#fff;
}
#gheader .content .menu button.is_active::before{
opacity:0;
right:-10px;
}
#gheader .content .menu button.is_active span::before{
top:50%;
margin-top:-1px;
transform:rotate(45deg);
}
#gheader .content .menu button.is_active span::after{
bottom:50%;
transform:rotate(-45deg);
}
}

/* GlobalNavigation
--------------------------------------------------------------------------------------------------- */
#gnav{
position:relative;
}
#gnav ul{
margin:0;
}
#gnav ul > li a{
display:block;
text-decoration:none;
}
#gnav ul.lang{
position:relative;
}
#gnav ul.lang:after{
content:'';
display:block;
width:2px;
height:27px;
background:#363636;
transform:rotate(45deg);
pointer-events:none;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
#gnav ul.lang li{
position:absolute;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
#gnav ul.lang li:first-child{
top:-10px;
left:-10px;
}
#gnav ul.lang li:last-child{
bottom:-10px;
right:-10px;
}
#gnav ul.lang li.current a{
color:#666;
pointer-events:none;
}
#gnav ul.lang li a{
padding:10px;
line-height:1;
color:#fff;
}
#gnav ul.page li{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
letter-spacing:0.01em;
}
#gnav ul.sns li.fb a:after{
content:"\e900";
color:#4a61a0;
font-size:1.8rem;
}
#gnav ul.sns li.insta a:after{
content:"\e901";
color:#aa3075;
font-size:2.0rem;
}
#gnav ul.sns li.line a:after{
content:"\e902";
color:#1fa022;
font-size:2.4rem;
}
#gnav ul.sns li a{
position:relative;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
text-indent:-9999px;
}
#gnav ul.sns li a:after{
content:'';
position:absolute;
font-family:'icomoon';
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
top:0;
left:0;
text-indent:0;
}
@media screen and (min-width: 769px) {
#gnav{
display:flex;
align-items:center;
}
#gnav ul{
justify-content:space-between;
}
#gnav ul > li a{
text-align:center;
text-decoration:none;
color:#fff;
display:block;
white-space:nowrap;
}
#gnav ul.page{
display:flex;
order:1;
}
#gnav ul.page > li > a > span{
font-size:2.2rem;
}
#gnav ul.page > li:not(:first-child){
margin-left:35px;
}
#gnav ul.page > li:hover a:after{
transform-origin:left;
transform:scaleX(1);
}
#gnav ul.page > li.accWrap{
position:relative;
}
#gnav ul.page > li.accWrap:after{
content:'';
display:block;
width:0;
height:0;
border-left:6px solid transparent;
border-right:6px solid transparent;
position:absolute;
left:0;
right:0;
margin:auto;
opacity:0;
transform:translateY(100%);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
pointer-events:none;
}
#gnav ul.page > li.accWrap:before{
content:'';
display:block;
position:absolute;
bottom:0;
left:0;
width:177px;
height:17px;
pointer-events:none;
}
#gnav ul.page > li.accWrap:after{
border-bottom:14px solid #fff;
bottom:-2px;
z-index:1;
}
#gnav ul.page > li.accWrap:hover:before, #gnav ul.page > li.accWrap:hover:after{
opacity:1;
pointer-events:auto;
}
#gnav ul.page > li.accWrap:hover:after{
transform:translateY(0);
}
#gnav ul.page > li.accWrap:hover .accMenu{
opacity:1;
transform:scaleY(1);
pointer-events:auto;
}
#gnav ul.page > li.current a:after{
transform-origin:left;
transform:scaleX(1);
}
#gnav ul.page > li .accMenu{
position:absolute;
z-index:1;
background:#fff;
width:177px;
border:1px solid #000;
opacity:0;
transform:scaleY(0.95);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
pointer-events:none;
}
#gnav ul.page > li .accMenu li.spLink{
display:none;
}
#gnav ul.page > li .accMenu li a{
color:#000;
padding:14px 20px;
font-weight:bold;
text-align:left;
-webkit-transition:0.1s;
-moz-transition:0.1s;
-ms-transition:0.1s;
-o-transition:0.1s;
transition:0.1s;
}
#gnav ul.page > li .accMenu li a:hover{
color:#fff;
background:#000;
}
#gnav ul.page > li .accMenu li:not(:first-child) a{
border-top:1px solid #000;
}
#gnav ul.page > li > a{
font-weight:bold;
padding:23px 0;
position:relative;
}
#gnav ul.page > li > a[target="_blank"] span:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 0;
margin-left:8px;
}
#gnav ul.page > li > a[href="/pub/"] + .accMenu li{
font-size:1.6rem;
}
#gnav ul.page > li > a:after{
content:'';
display:block;
width:100%;
height:2px;
background:#fff;
position:absolute;
bottom:12px;
left:0;
-webkit-transition:transform 0.3s;
-moz-transition:transform 0.3s;
-ms-transition:transform 0.3s;
-o-transition:transform 0.3s;
transition:transform 0.3s;
transform-origin:right;
transform:scaleX(0);
}
#gnav ul.sns{
display:flex;
order:3;
margin-left:30px;
}
#gnav ul.sns li:not(:first-child){
margin-left:5px;
}
#gnav ul.sns li.fb a:hover{
background:#4a61a0;
}
#gnav ul.sns li.fb a:hover:after{
color:#fff;
}
#gnav ul.sns li.insta a:hover{
background:#aa3075;
}
#gnav ul.sns li.insta a:hover:after{
color:#fff;
}
#gnav ul.sns li.line a:hover{
background:#1fa022;
}
#gnav ul.sns li.line a:hover:after{
color:#fff;
}
#gnav ul.sns li a{
width:42px;
height:42px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
#gnav ul.sns li a:after{
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
#gnav ul.lang{
order:2;
margin-left:25px;
width:34px;
height:32px;
}
#gnav ul.lang li{
font-size:1.2rem;
}
#gnav ul.lang li:not(.current) a:hover{
opacity:0.7;
}
}
@media screen and (max-width: 768px) {
#gnav{
position:absolute;
z-index:1;
width:100%;
height:calc(100vh - 45px);
top:45px;
left:0;
background:rgba(0, 0, 0, 0.9);
overflow:auto;
flex-wrap:wrap;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
#gnav > *{
width:100%;
}
#gnav ul.page{
flex-direction:column;
border-top:1px solid #8c8c8c;
margin:27px auto 40px;
}
#gnav ul.page > li{
border-bottom:1px solid #8c8c8c;
}
#gnav ul.page > li a{
font-size:1.6rem;
font-weight:bold;
color:#fff;
}
#gnav ul.page > li > a{
padding:17px 15px;
}
#gnav ul.page > li > a[target="_blank"] span:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:9px;
height:8px;
background-position:0 0;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-left:8px;
}
#gnav ul.page > li.accWrap > a{
position:relative;
}
#gnav ul.page > li.accWrap > a:after{
content:'';
display:block;
width:15px;
height:15px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-top:2px solid #fff;
border-left:2px solid #fff;
transform:rotate(-135deg);
position:absolute;
right:15px;
top:16px;
}
#gnav ul.page > li.accWrap > a.is_active:after{
top:20px;
transform:rotate(45deg);
}
#gnav ul.page > li.accWrap .accMenu{
display:none;
}
#gnav ul.page > li.accWrap .accMenu li a{
padding:20px;
}
#gnav ul.sns{
display:flex;
justify-content:center;
margin-bottom:30px;
}
#gnav ul.sns li:not(:first-child){
margin-left:25px;
}
#gnav ul.sns li.fb a:after, #gnav ul.sns li.insta a:after{
font-size:2.4rem;
}
#gnav ul.sns li.line a:after{
font-size:3.0rem;
}
#gnav ul.sns li a{
width:50px;
height:50px;
}
#gnav ul.lang{
width:47px;
height:33px;
margin:0 auto 35px;
}
#gnav ul.lang:after{
height:29px;
}
#gnav ul.lang li{
font-size:1.6rem;
}
}

/* Breadcrumb
--------------------------------------------------------------------------------------------------- */
#breadcrumb ol{
position:relative;
margin:0;
}
#breadcrumb ol > li{
display:inline-block;
vertical-align:middle;
padding:10px 0;
line-height:1.2;
}
#breadcrumb ol > li:nth-child(n+2)::before{
display:inline-block;
vertical-align:middle;
width:2em;
text-align:center;
content:">";
}
#breadcrumb ol > li em{
font-weight:normal;
}

/* MainContents
--------------------------------------------------------------------------------------------------- */
#container{
position:relative;
margin:0 auto;
}

#wrapper{
display:flex;
}
@media screen and (min-width: 769px) {
#wrapper{
justify-content:space-between;
}
}
@media screen and (max-width: 768px) {
#wrapper{
flex-direction:column;
}
}
@media screen and (min-width: 769px) {
#wrapper #mainContents{
padding-right:30px;
}
}

@media screen and (min-width: 769px) {
#document{
min-width:1024px;
padding-top:70px;
}
}
@media screen and (max-width: 768px) {
#document{
padding-top:45px;
}
}

/* SubContents
--------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
#subContents{
flex-basis:200px;
}
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#gfooter{
margin:0 auto;
}
#gfooter .content1{
background:#000;
position:relative;
}
#gfooter .content1 .pagetop{
position:absolute;
right:30px;
top:-70px;
margin:0;
z-index:1;
}
#gfooter .content1 .pagetop a{
display:block;
width:50px;
height:50px;
background:#434343;
border-radius:50%;
text-indent:-9999px;
}
#gfooter .content1 .pagetop a:after{
content:'';
display:block;
width:0;
height:0;
border-style:solid;
border-width:0 7px 14px 7px;
border-color:transparent transparent #fff transparent;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
#gfooter .content2{
border-bottom:1px solid #ccc;
}
#gfooter .content2 .link{
display:flex;
margin:0;
}
#gfooter .content2 .link li a{
color:#000;
font-size:1.2rem;
display:block;
}
#gfooter .content2 .link li:not(:first-child){
border-left:1px solid #999;
}
#gfooter .content3 .notice{
margin:0;
font-size:0;
}
#gfooter .unav{
margin:0;
display:flex;
flex-wrap:wrap;
}
#gfooter .unav > li{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
letter-spacing:0.01em;
}
#gfooter .unav > li a{
text-decoration:none;
display:block;
color:#fff;
font-weight:bold;
}
#gfooter .sns{
display:flex;
justify-content:center;
align-items:center;
}
#gfooter .sns li.fb a:after{
content:"\e903";
color:#4a61a0;
font-size:3.6rem;
}
#gfooter .sns li.insta a:after{
content:"\e901";
color:#aa3075;
font-size:3.9rem;
}
#gfooter .sns li.line a:after{
content:"\e902";
color:#1fa022;
font-size:4.3rem;
}
#gfooter .sns li a{
text-indent:-9999px;
display:block;
position:relative;
text-decoration:none;
font-size:0;
}
#gfooter .sns li a:after{
content:'';
font-family:'icomoon';
align-items:center;
text-indent:0;
display:block;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
#gfooter .copyright{
text-align:center;
}
@media screen and (min-width: 769px) {
#gfooter .unav{
margin:0 30px 0 auto;
justify-content:flex-end;
}
#gfooter .unav > li{
font-size:1.8rem;
margin:8px 0;
}
#gfooter .unav > li:nth-child(n+2){
margin-left:38px;
}
#gfooter .unav > li.current a:before{
transform-origin:left;
transform:scaleX(1);
}
#gfooter .unav > li a{
text-decoration:none;
padding:16px 0;
position:relative;
}
#gfooter .unav > li a:before{
content:'';
display:block;
width:100%;
height:2px;
background:#fff;
position:absolute;
top:8px;
left:0;
-webkit-transition:transform 0.3s;
-moz-transition:transform 0.3s;
-ms-transition:transform 0.3s;
-o-transition:transform 0.3s;
transition:transform 0.3s;
transform-origin:right;
transform:scaleX(0);
}
#gfooter .unav > li a[target="_blank"]:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 0;
margin-left:8px;
}
#gfooter .unav > li a:hover:before{
transform-origin:left;
transform:scaleX(1);
}
#gfooter .content1{
display:flex;
}
#gfooter .content1 .pagetop a:hover{
opacity:0.7;
}
#gfooter .content1 .footLogo{
position:absolute;
top:3px;
left:40px;
}
#gfooter .content1 .footLogo a{
display:block;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:80px;
height:84px;
background-position:0 -2912px;
}
#gfooter .content1 .footLogo a:hover{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:80px;
height:84px;
background-position:0 -3006px;
}
#gfooter .content2{
padding:10px 0 20px;
margin-bottom:10px;
}
#gfooter .content2 .link{
justify-content:flex-end;
}
#gfooter .content2 .link li a{
text-decoration:none;
padding:5px 30px;
}
#gfooter .content2 .link li a:hover{
text-decoration:underline;
}
#gfooter .sns{
margin-bottom:60px;
}
#gfooter .sns li:not(:first-child){
margin-left:40px;
}
#gfooter .sns li a:hover:after{
color:#000;
}
#gfooter .content3{
display:flex;
flex-direction:row-reverse;
justify-content:space-between;
align-items:center;
padding:0 30px 15px;
}
#gfooter .content3 .copyright{
margin:0;
}
#gfooter .content3 .copyright small{
font-size:1.0rem;
}
#gfooter .content3 .notice{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:353px;
height:30px;
background-position:0 -2722px;
}
}
@media screen and (max-width: 768px) {
#gfooter{
padding-bottom:18px;
}
#gfooter .sns{
margin-bottom:45px;
}
#gfooter .sns li:not(:first-child){
margin-left:38px;
}
#gfooter .content1{
padding-bottom:18px;
}
#gfooter .content1 .footLogo{
text-align:center;
position:relative;
top:-11px;
}
#gfooter .content1 .footLogo a{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:55px;
height:58px;
background-position:0 -1393px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
#gfooter .content1 .pagetop{
top:-30px;
}
#gfooter .content1 .unav{
width:92%;
margin:0 auto;
}
#gfooter .content1 .unav li{
font-size:1.4rem;
width:50%;
text-align:center;
}
#gfooter .content1 .unav li a{
padding:10px 0;
}
#gfooter .content1 .unav li a[target="_blank"]:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:9px;
height:8px;
background-position:0 0;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-left:8px;
}
#gfooter .content2{
padding:20px 0;
margin-bottom:20px;
}
#gfooter .content2 .link{
justify-content:center;
}
#gfooter .content2 .link li a{
padding:4px 10px;
}
#gfooter .content3{
text-align:center;
}
#gfooter .content3 .notice{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:176.5px;
height:15px;
background-position:0 -1361px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-bottom:18px;
}
}

/* section module
--------------------------------------------------------------------------------------------------- */
.m_section.s_gray{
background:#f2f2f2;
}
.m_section.s_mt{
padding:0;
}
.m_section [class*="m_box"]{
margin-bottom:40px;
}
.m_section > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_section{
padding:115px 0 130px;
}
.m_section .m_bandHead:not(:first-of-type){
margin-top:80px;
}
.m_section.s_white + .s_white{
padding-top:0;
margin-top:-15px;
}
.m_section.s_mt{
margin:60px auto 0;
}
.m_section > .secInner{
width:1024px;
margin:0 auto 5px;
}
.m_section + .m_about{
margin-top:0;
}
.m_section + .m_cvArea.cv04{
margin-top:-10px;
}
}
@media screen and (max-width: 768px) {
.m_section{
padding:80px 0;
}
.m_section.s_white + .s_white{
padding-top:0;
}
.m_section.s_mt + .s_mt{
margin-top:70px;
}
.m_section + .m_about{
margin-top:0;
}
.m_section .m_bandHead:not(:first-of-type){
margin-top:60px;
}
}

/* heading module
--------------------------------------------------------------------------------------------------- */
.m_pageTtl{
text-align:center;
line-height:1;
}
.m_pageTtl .en{
display:block;
margin-bottom:10px;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_pageTtl .en:only-child{
margin-bottom:0;
}
.m_pageTtl + .m_subTxt{
font-weight:normal;
}
@media screen and (min-width: 769px) {
.m_pageTtl{
margin:95px auto 35px;
}
.m_pageTtl .en{
font-size:6.8rem;
}
}
@media screen and (max-width: 768px) {
.m_pageTtl{
margin:50px 0;
}
.m_pageTtl .en{
font-size:4.0rem;
}
.m_pageTtl .jp{
font-size:1.2rem;
}
.m_pageTtl .jp img{
width:100%;
}
}

@media screen and (min-width: 769px) {
html[lang="en"] .beers #mainContents > .m_pageTtl .en{
font-size:6.8rem;
}
}
@media screen and (max-width: 768px) {
html[lang="en"] .beers #mainContents > .m_pageTtl .en{
font-size:4.0rem;
}
}

.m_mHead{
text-align:center;
line-height:1;
margin-bottom:30px;
}
.m_mHead.s_medium .en{
font-weight:normal;
letter-spacing:0;
}
.m_mHead .jp{
font-weight:bold;
display:block;
margin-bottom:10px;
}
.m_mHead .en{
letter-spacing:0.4em;
display:block;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_mHead + .m_subTxt{
font-weight:normal;
}
@media screen and (min-width: 769px) {
.m_mHead .jp{
font-size:3.6rem;
}
.m_mHead .en{
font-size:1.6rem;
}
.m_mHead.s_icon1:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:53px;
height:60px;
background-position:0 -2553px;
margin-bottom:25px;
}
.m_mHead.s_medium .en{
font-size:4.8rem;
margin-bottom:10px;
}
.m_mHead.s_medium .jp{
font-size:1.4rem;
margin-bottom:0;
}
.m_mHead.s_reverse .en{
font-size:4.0rem;
letter-spacing:0.2em;
margin-bottom:10px;
}
.m_mHead.s_reverse .jp{
font-size:1.6rem;
letter-spacing:0;
margin-bottom:0;
}
}
@media screen and (max-width: 768px) {
.m_mHead .jp{
font-size:2.0rem;
}
.m_mHead .en{
font-size:1.4rem;
}
.m_mHead.s_icon1:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:44.5px;
background-position:0 -1312px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-bottom:15px;
}
.m_mHead.s_medium .jp{
font-size:1.2rem;
}
.m_mHead.s_medium .en{
font-size:3.2rem;
margin-bottom:10px;
}
}

.m_boldHead{
font-weight:bold;
text-align:center;
}
.m_boldHead + .m_subTxt{
font-weight:normal;
}
@media screen and (min-width: 769px) {
.m_boldHead{
font-size:2.4rem;
margin-bottom:25px;
}
.m_boldHead.s_type01{
font-size:2.8rem;
}
}
@media screen and (max-width: 768px) {
.m_boldHead{
font-size:2.0rem;
margin-bottom:25px;
}
.m_boldHead.s_type01{
font-size:1.8rem;
}
}

.m_lineHead .en{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.m_lineHead{
border-bottom:4px solid #000;
width:1024px;
margin:0 auto 40px;
display:flex;
align-items:center;
padding-bottom:5px;
}
.m_lineHead .en{
font-size:2.8rem;
margin-right:28px;
}
.m_lineHead .jp{
font-size:1.6rem;
font-weight:bold;
}
}
@media screen and (max-width: 768px) {
.m_lineHead{
border-bottom:2px solid #000;
width:92%;
margin:0 auto 30px;
padding-bottom:5px;
}
.m_lineHead .en{
display:block;
font-size:2.6rem;
margin-bottom:3px;
}
}

.m_lineTxt{
font-size:1.8rem;
font-weight:bold;
line-height:2.2;
text-align:center;
margin:0 auto;
}
@media screen and (min-width: 769px) {
.m_lineTxt{
width:1024px;
margin-bottom:60px;
}
.m_lineTxt + .m_newsBox{
padding-top:50px;
border-top:1px solid #000;
}
}
@media screen and (max-width: 768px) {
.m_lineTxt{
font-size:1.6rem;
width:92%;
margin-bottom:55px;
}
.m_lineTxt + .m_newsBox{
padding-top:55px;
border-top:1px solid #000;
}
}

.m_subTxt{
text-align:center;
line-height:2;
font-weight:bold;
margin-left:auto;
margin-right:auto;
}
@media screen and (min-width: 769px) {
.m_subTxt{
font-size:1.6rem;
margin-bottom:50px;
max-width:1024px;
}
}
@media screen and (max-width: 768px) {
.m_subTxt{
margin-bottom:55px;
max-width:92vw;
}
.m_subTxt + .m_slides{
margin-top:-30px;
}
}

.m_bandHead{
text-align:center;
border:1px solid #000;
position:relative;
background:#fff;
color:#fff;
padding:3px 0;
font-weight:normal;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_bandHead:before{
content:'';
background:#000;
position:absolute;
top:2px;
bottom:2px;
left:2px;
right:2px;
}
.m_bandHead span{
position:relative;
}
@media screen and (min-width: 769px) {
.m_bandHead{
width:1024px;
font-size:2.8rem;
margin:0 auto 40px;
}
}
@media screen and (max-width: 768px) {
.m_bandHead{
width:92%;
font-size:2rem;
margin:0 auto 20px;
}
}

.m_imgHead{
position:relative;
overflow:hidden;
margin:0 auto 50px;
}
.m_imgHead .bg{
overflow:hidden;
}
.m_imgHead .bg img{
width:100%;
}
.m_imgHead .txt{
margin:0;
font-size:3.2rem;
color:#000;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
letter-spacing:0.2em;
text-align:center;
}
@media screen and (min-width: 769px) {
.m_imgHead .bg{
height:360px;
margin-bottom:50px;
}
}
@media screen and (max-width: 1500px) {
.m_imgHead .bg{
overflow:visible;
width:1024px;
margin-left:auto;
margin-right:auto;
}
.m_imgHead .bg img{
width:auto;
margin-left:-238px;
}
}
@media screen and (max-width: 768px) {
.m_imgHead{
margin-bottom:25px;
}
.m_imgHead .bg{
width:100%;
height:180px;
margin-bottom:28px;
}
.m_imgHead .bg img{
margin:0;
width:100%;
}
.m_imgHead .txt{
font-size:1.6rem;
font-weight:normal;
}
}

.m_imgArea{
height:600px;
overflow:hidden;
margin:0 auto 120px;
}
.m_imgArea .inner{
position:relative;
}
.m_imgArea .inner > img{
width:100%;
}
.m_imgArea .inner .txtBox{
position:absolute;
}
.m_imgArea .inner .txtBox img{
position:absolute;
}
@media screen and (max-width: 1500px) {
.m_imgArea .inner{
width:1024px;
overflow:visible;
margin:0 auto;
}
.m_imgArea .inner > img{
width:auto;
margin-left:-238px;
}
}
@media screen and (min-width: 769px) {
.m_imgArea .inner{
height:100%;
}
.m_imgArea .txtBox{
width:1024px;
height:100%;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}
}
@media screen and (max-width: 768px) {
.m_imgArea{
height:auto;
margin-bottom:0;
}
.m_imgArea .inner{
width:100%;
}
.m_imgArea .inner > img{
width:100%;
margin:0;
}
}

.m_coatHead{
background:#000;
color:#fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
@media screen and (min-width: 769px) {
.m_coatHead{
width:1104px;
margin:0 auto 40px;
padding:5px 40px;
}
.m_coatHead .en{
font-size:2.8rem;
margin-right:12px;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_coatHead .jp{
font-size:1.2rem;
}
}
@media screen and (max-width: 768px) {
.m_coatHead{
padding:6px 15px;
margin-bottom:0;
}
.m_coatHead .en{
font-size:1.9rem;
margin-right:9px;
}
.m_coatHead .jp{
font-size:1.2rem;
}
}

.m_beerHeadArea{
position:relative;
overflow:hidden;
}
.m_beerHeadArea .ttlWrap{
position:absolute;
top:0;
left:0;
width:100%;
display:flex;
justify-content:center;
align-items:center;
}
.m_beerHeadArea .ttlWrap .ttl{
text-align:center;
color:#fff;
}
.m_beerHeadArea .ttlWrap .ttl .img{
display:block;
}
.m_beerHeadArea > .txt{
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
display:flex;
align-items:center;
}
@media screen and (min-width: 769px) {
.m_beerHeadArea{
height:700px;
}
.m_beerHeadArea > .img{
width:1024px;
margin:0 auto;
overflow:visible;
}
.m_beerHeadArea > .img img{
margin-left:-238px;
}
.m_beerHeadArea .ttlWrap{
height:180px;
}
.m_beerHeadArea .ttlWrap .ttl .img{
margin-bottom:15px;
}
.m_beerHeadArea > .txt{
height:520px;
width:1024px;
}
}
@media screen and (min-width: 1500px) {
.m_beerHeadArea > .img{
width:auto;
}
.m_beerHeadArea > .img img{
width:100%;
min-width:1500px;
margin-left:0;
}
}
@media screen and (max-width: 768px) {
.m_beerHeadArea .ttlWrap{
height:85px;
}
.m_beerHeadArea .ttlWrap .ttl .img{
margin-bottom:8px;
}
.m_beerHeadArea .ttlWrap .ttl .img img{
height:38px;
width:auto;
}
.m_beerHeadArea > .img img{
width:100%;
}
.m_beerHeadArea > .txt{
height:calc(100% - 85px);
}
.m_beerHeadArea > .txt img{
width:100%;
}
}

.m_drinx{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:72px;
height:13px;
background-position:0 -2530px;
}

html[lang="en"] .m_mHead .jp{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* box module
--------------------------------------------------------------------------------------------------- */
.confirmWrap{
width:100%;
min-height:100vh;
position:relative;
background:#fff;
display:flex;
flex-direction:column;
justify-content:center;
background:#000;
}
.confirmWrap .copy{
margin-bottom:0;
color:#fff;
text-align:center;
}
@media screen and (min-width: 769px) {
.confirmWrap .copy{
margin-top:150px;
}
.confirmWrap .copy small{
font-size:1.0rem;
}
}
@media screen and (max-width: 768px) {
.confirmWrap .copy{
margin-top:80px;
}
.confirmWrap .copy small{
font-size:0.7rem;
}
}

.confirmArea{
text-align:center;
}
.confirmArea .m_button.s_white a:after{
display:none;
}
.confirmArea .btnWrap{
display:inline-block;
position:relative;
}
.confirmArea .btnWrap .icon{
position:absolute;
}
.confirmArea .btnWrap .btnList{
display:flex;
justify-content:center;
margin-bottom:0;
}
.confirmArea .btnWrap .btnList li a{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.confirmArea .subTxt{
line-height:1.7;
color:#fff;
font-size:1.2rem;
}
@media screen and (min-width: 769px) {
.confirmArea{
background:url(/images/common/confirmBg.png) no-repeat center top;
padding:70px 0 18px;
}
.confirmArea .logo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:348px;
height:248px;
background-position:0 -1471px;
margin:0 auto 20px;
}
.confirmArea .txt{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:464px;
height:165px;
background-position:0 -1987px;
margin:0 auto 28px;
}
.confirmArea .notes{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:188px;
height:30px;
background-position:0 -2424px;
}
.confirmArea .btnWrap{
margin-bottom:25px;
}
.confirmArea .btnWrap .icon{
left:-59px;
top:47px;
z-index:1;
}
.confirmArea .btnWrap .btnList li:not(:first-child){
margin-left:20px;
}
.confirmArea .btnWrap .btnList li a{
width:240px;
line-height:70px;
border-radius:35px;
font-size:3.2rem;
font-weight:bold;
}
.confirmArea .checkWrap{
margin-bottom:20px;
}
}
@media screen and (max-width: 768px) {
.confirmArea .logo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:175px;
height:124px;
background-position:0 -865px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin:0 auto 40px;
}
.confirmArea .txt{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:347px;
height:126px;
background-position:0 -1081px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin:0 auto 18px;
}
.confirmArea .notes{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:160px;
height:28px;
background-position:0 -1232px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
.confirmArea .btnWrap{
margin-bottom:30px;
}
.confirmArea .btnWrap .icon{
width:30px;
top:23px;
left:-38px;
}
.confirmArea .btnWrap .btnList li:not(:first-child){
margin-left:15px;
}
.confirmArea .btnWrap .btnList li a{
line-height:45px;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
width:120px;
font-size:2.0rem;
}
.confirmArea .checkWrap{
margin-bottom:15px;
}
.confirmArea .subTxt{
font-size:0.9rem;
}
}

@media screen and (min-width: 769px) {
.confirmArea02 .inner{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:414px;
height:393px;
background-position:0 -531px;
margin:0 auto;
}
}
@media screen and (max-width: 768px) {
.confirmArea02 .inner{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:319px;
height:263.5px;
background-position:0 -467px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin:0 auto;
}
}

.m_full2col{
text-decoration:none;
}
.m_full2col > .col{
position:relative;
overflow:hidden;
}
.m_full2col > .col.black{
background:#000;
color:#fff;
}
.m_full2col > .col.center{
display:flex;
align-items:center;
}
.m_full2col > .col.txt{
padding:0 50px;
}
.m_full2col > .col.txt .head{
font-size:2.8rem;
margin-bottom:25px;
}
.m_full2col > .col.txt .txt{
font-size:1.6rem;
line-height:2.3;
}
.m_full2col > .col.txt > *:last-child{
margin-bottom:0;
}
.m_full2col.s_pub > .col{
color:#fff;
position:relative;
}
.m_full2col.s_pub > .col > .inner > *:last-child{
margin-bottom:0;
}
.m_full2col.s_pub > .col:after{
content:'';
position:absolute;
}
.m_full2col.s_pub .txt{
margin-bottom:10px;
}
.m_full2col.s_pub .ttl .en{
display:block;
line-height:1;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_full2col.s_pub .ttl .jp{
display:block;
margin-top:10px;
}
.m_full2col.s_pub .ttl .sub{
display:block;
}
@media screen and (min-width: 769px) {
.m_full2col{
display:flex;
}
.m_full2col.s_reverse{
flex-direction:row-reverse;
}
.m_full2col.s_reverse > .col > .img img{
right:initial;
right:auto;
left:0;
}
.m_full2col > .col{
width:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.m_full2col > .col > .img img{
position:relative;
right:0;
top:0;
width:100%;
min-width:700px;
}
.m_full2col.s_pub{
background:#000;
height:500px;
}
.m_full2col.s_pub + .s_pub{
margin-top:4px;
}
.m_full2col.s_pub > .col{
width:33vw;
display:flex;
flex-direction:column;
justify-content:center;
}
.m_full2col.s_pub > .col:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -52px;
bottom:30px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_full2col.s_pub .ttl .en{
font-size:4.8rem;
}
.m_full2col.s_pub .ttl .jp{
font-size:1.4rem;
}
.m_full2col.s_pub .ttl .sub{
font-size:1.9rem;
}
.m_full2col.s_pub .txt{
font-size:1.4rem;
line-height:1.8;
}
.m_full2col.s_pub > .img{
width:67vw;
overflow:hidden;
position:relative;
background:#fff;
}
.m_full2col.s_pub > .img img{
width:100%;
min-width:1010px;
position:absolute;
top:0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_full2col.s_pub.s_reverse > .img img{
left:0;
}
.m_full2col.s_pub.s_reverse > .col{
align-items:flex-end;
}
.m_full2col.s_pub.s_reverse > .col > .inner{
margin-right:40px;
margin-left:auto;
}
.m_full2col.s_pub.s_reverse > .col:after{
right:40px;
}
.m_full2col.s_pub:not(.s_reverse) > .img img{
right:0;
}
.m_full2col.s_pub:not(.s_reverse) > .col > .inner{
margin-left:40px;
margin-right:auto;
}
.m_full2col.s_pub:not(.s_reverse) > .col:after{
left:40px;
}
.m_full2col.s_pub:hover .img img{
transform:scale(1.1);
}
.m_full2col.s_pub:hover .col:after{
transform:translateX(15px);
}
}
@media screen and (max-width: 768px) {
.m_full2col > .col.txt{
padding:55px 4% 125px;
}
.m_full2col > .col > .img img{
width:100%;
}
.m_full2col.s_pub{
display:block;
}
.m_full2col.s_pub + .s_pub{
margin-top:5px;
}
.m_full2col.s_pub .img img{
width:100%;
}
.m_full2col.s_pub > .col{
background:#000;
padding:20px 10px 15px;
}
.m_full2col.s_pub > .col:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:10px;
background-position:0 -74px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
right:15px;
bottom:15px;
}
.m_full2col.s_pub .ttl .en{
font-size:3.2rem;
}
.m_full2col.s_pub .ttl .sub{
font-size:1.3rem;
}
}

.m_box2col{
margin:0 auto;
}
.m_box2col.s_sideTxt .col a .ttl{
text-decoration:underline;
}
.m_box2col.s_sideTxt .m_list > li:before{
display:none;
}
.m_box2col.s_course .col .m_mHead{
text-align:left;
}
.m_box2col.s_brewer{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_box2col > .col > *:last-child{
margin-bottom:0;
}
.m_box2col > .col > .txt{
line-height:2;
}
.m_box2col > .col.btnCol{
position:relative;
display:flex;
flex-direction:column;
color:#000;
text-decoration:none;
}
.m_box2col > .col.btnCol .ttl{
text-align:center;
font-size:1.8rem;
font-weight:bold;
margin-bottom:15px;
}
.m_box2col > .col.btnCol .ttl:hover{
text-decoration:underline;
}
.m_box2col > .col.btnCol .m_button, .m_box2col > .col.btnCol .btnWrap{
margin-top:auto;
}
.m_box2col > .col.btnCol .btnWrap{
display:flex;
flex-wrap:wrap;
}
.m_box2col > .col.btnCol .btnWrap .m_button{
margin-bottom:0;
width:calc(50% - 10px);
}
.m_box2col > .col.btnCol .btnWrap .m_button:nth-child(even){
margin-left:20px;
}
.m_box2col > .col.btnCol .btnWrap .m_button:nth-child(n+3){
margin-top:20px;
}
.m_box2col > .col.btnCol .btnWrap .m_button a{
width:100%;
}
.m_box2col > .col > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_box2col{
width:1024px;
display:flex;
flex-wrap:wrap;
}
.m_box2col:not(.s_course) > .col{
width:calc((100% - 20px)/2);
}
.m_box2col > .col:nth-child(even){
margin-left:20px;
}
.m_box2col > .col:nth-child(n+3){
margin-top:60px;
}
.m_box2col > .col .img{
margin-bottom:25px;
}
.m_box2col.s_sideTxt > .col a{
display:flex;
text-decoration:none;
}
.m_box2col.s_sideTxt > .col a .img:hover img{
opacity:0.7;
}
.m_box2col.s_sideTxt > .col a .ttl:hover{
text-decoration:none;
}
.m_box2col.s_sideTxt > .col .img{
margin:0 15px 0 0;
background:#fff;
}
.m_box2col.s_sideTxt > .col .dtl:not(:only-child){
padding-right:30px;
}
.m_box2col.s_sideTxt > .col .dtl .ttl{
font-size:1.6rem;
text-align:left;
margin-bottom:10px;
}
.m_box2col.s_sideTxt > .col .dtl .txt{
margin-bottom:10px;
}
.m_box2col.s_sideTxt > .col .dtl .m_list{
font-size:1.2rem;
line-height:2;
}
.m_box2col.s_sideTxt > .col .dtl > *:last-child{
margin-bottom:0;
}
.m_box2col.s_menu > .col:only-child{
margin-left:auto;
margin-right:auto;
}
.m_box2col.s_menu > .col .img{
margin-bottom:10px;
}
.m_box2col.s_menu > .col .ttl{
font-size:1.6rem;
font-weight:bold;
margin-bottom:5px;
}
.m_box2col.s_menu > .col .subTxt{
font-size:1.2rem;
}
.m_box2col.s_beerDtl{
margin-bottom:60px;
}
.m_box2col.s_beerDtl > .col{
width:calc((100% - 40px)/2);
}
.m_box2col.s_beerDtl > .col:nth-child(even){
margin-left:40px;
}
.m_box2col.s_beerDtl > .col > .m_boldHead{
text-align:left;
font-size:2.8rem;
}
.m_box2col.s_beerDtl > .col .txt{
font-size:1.8rem;
line-height:2;
}
.m_box2col.s_beerDtl > .imgCol{
min-height:400px;
position:relative;
}
.m_box2col.s_beerDtl > .imgCol img{
position:absolute;
top:0;
right:0;
}
.m_box2col.s_brewer{
margin-bottom:140px;
}
.m_box2col.s_brewer > .col{
width:calc((100% - 30px)/2);
display:flex;
flex-direction:column;
}
.m_box2col.s_brewer > .col:nth-child(even){
margin-left:30px;
}
.m_box2col.s_brewer > .col .img{
margin-bottom:30px;
}
.m_box2col.s_brewer > .col .name{
font-size:2.4rem;
font-weight:bold;
margin-bottom:0;
}
.m_box2col.s_brewer > .col .name span{
font-weight:normal;
font-size:1.1rem;
}
.m_box2col.s_brewer > .col .sub{
font-size:1.2rem;
margin-bottom:20px;
}
.m_box2col.s_brewer > .col .txt{
margin-bottom:25px;
}
.m_box2col.s_brewer > .col dl{
margin-top:auto;
display:flex;
}
.m_box2col.s_brewer > .col dl dt{
font-weight:bold;
padding-right:20px;
margin-right:20px;
border-right:1px solid #999;
line-height:30px;
}
.m_box2col.s_brewer > .col dl dd{
margin:0 20px 0 0;
line-height:30px;
}
.m_box2col.s_brewer > .col dl dd a{
text-decoration:underline;
}
.m_box2col.s_brewer > .col dl dd a:hover{
text-decoration:none;
}
.m_box2col.s_course{
justify-content:space-between;
align-items:center;
}
.m_box2col.s_course > .col .txt{
line-height:2.3;
margin-bottom:45px;
}
}
@media screen and (max-width: 768px) {
.m_box2col{
width:92%;
}
.m_box2col > .col:not(:first-child){
margin-top:35px;
}
.m_box2col > .col.btnCol .img{
margin-bottom:15px;
}
.m_box2col > .col.btnCol .txt{
font-size:1.2rem;
}
.m_box2col > .col .img{
margin-bottom:15px;
}
.m_box2col > .col img{
max-width:100%;
}
.m_box2col.s_sideTxt > .col:nth-child(even){
margin-top:35px;
}
.m_box2col.s_sideTxt > .col .dtl .ttl{
font-size:1.4rem;
margin-bottom:10px;
}
.m_box2col.s_sideTxt > .col .dtl .txt{
font-size:1.4rem;
margin-bottom:10px;
}
.m_box2col.s_menu > .col:nth-child(even){
margin-top:35px;
}
.m_box2col.s_menu > .col .ttl{
font-size:1.4rem;
font-weight:bold;
margin-bottom:5px;
}
.m_box2col.s_menu > .col .subTxt{
font-size:1.0rem;
}
.m_box2col.s_beerDtl{
margin-bottom:77px;
}
.m_box2col.s_beerDtl .col.imgCol{
margin-bottom:25px;
}
.m_box2col.s_beerDtl .col.imgCol img{
width:100%;
height:auto;
}
.m_box2col.s_beerDtl .col > .m_boldHead{
text-align:left;
}
.m_box2col.s_beerDtl .col > .txt{
font-size:1.6rem;
margin-bottom:35px;
}
.m_box2col.s_beerDtl .col > .m_button a{
width:100%;
line-height:55px;
border-radius:27px;
font-size:1.8rem;
}
.m_box2col.s_brewer{
width:100%;
}
.m_box2col.s_brewer > .col:not(:first-child){
margin-top:35px;
}
.m_box2col.s_brewer > .col .img{
margin-bottom:35px;
}
.m_box2col.s_brewer > .col .dtl{
width:92%;
margin:0 auto;
}
.m_box2col.s_brewer > .col .name{
font-weight:bold;
font-size:1.8rem;
margin-bottom:10px;
}
.m_box2col.s_brewer > .col .sub{
font-weight:bold;
font-size:1.0rem;
margin-bottom:20px;
}
.m_box2col.s_brewer > .col .txt{
font-size:1.4rem;
line-height:2;
margin-bottom:20px;
}
.m_box2col.s_brewer > .col dl{
display:flex;
flex-wrap:wrap;
}
.m_box2col.s_brewer > .col dl dt{
font-weight:bold;
margin-bottom:10px;
width:100%;
}
.m_box2col.s_brewer > .col dl dt span{
padding-right:10px;
border-right:1px solid #999;
}
.m_box2col.s_brewer > .col dl dd{
margin:0 15px 0 0;
}
.m_box2col.s_course > .col + .col{
margin-top:40px;
}
.m_box2col.s_course > .col .m_mHead.s_medium .jp{
display:block;
font-size:1.2rem;
font-weight:normal;
margin-top:10px;
}
.m_box2col.s_course > .col .txt{
font-size:1.4rem;
line-height:2;
}
.m_box2col.s_course > .col .m_button{
text-align:center;
}
.m_box2col.s_course figure{
text-align:center;
}
.m_box2col.s_course figure img{
width:250px;
}
}

.m_box3col{
margin:0 auto;
}
.m_box3col > .col .img{
margin-bottom:25px;
background:#fff;
}
.m_box3col > .col .ttl{
text-align:center;
font-size:1.8rem;
font-weight:bold;
margin-bottom:15px;
}
.m_box3col > .col .txt{
text-align:center;
line-height:2;
margin:0;
}
.m_box3col > .col.btnCol{
position:relative;
padding-bottom:60px;
display:block;
color:#000;
text-decoration:none;
}
.m_box3col > .col.btnCol .m_button{
position:absolute;
bottom:0;
left:0;
right:0;
margin:0;
text-align:center;
}
.m_box3col.s_news{
margin-bottom:40px;
}
.m_box3col.s_news > .col{
background:#333;
}
.m_box3col.s_news > .col a{
display:block;
text-decoration:none;
}
.m_box3col.s_news > .col .pic{
background:#fff;
}
.m_box3col.s_news > .col .dtl{
color:#fff;
padding:30px 20px;
}
.m_box3col.s_news > .col .dtl > *:last-child{
margin-bottom:0;
}
.m_box3col.s_news > .col .dtl .catList{
display:flex;
margin-bottom:28px;
}
.m_box3col.s_news > .col .dtl .catList li{
line-height:26px;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_box3col.s_news > .col .dtl .catList li:not(:last-child){
border-right:1px solid #fff;
padding-right:18px;
margin-right:18px;
}
.m_box3col.s_news > .col .dtl .time{
font-size:1.2rem;
display:block;
margin-bottom:5px;
}
.m_box3col.s_news > .col .dtl .ttl{
text-align:left;
}
@media screen and (min-width: 769px) {
.m_box3col{
width:1024px;
display:flex;
flex-wrap:wrap;
}
.m_box3col a.col:hover .ttl{
text-decoration:underline;
}
.m_box3col > .col{
width:calc((100% - 40px)/3);
}
.m_box3col > .col:not(:nth-child(3n+1)){
margin-left:20px;
}
.m_box3col > .col:nth-child(n+4){
margin-top:40px;
}
.m_box3col.s_news a .pic:hover img{
opacity:0.7;
}
}
@media screen and (max-width: 768px) {
.m_box3col{
width:92vw;
}
.m_box3col > .col{
margin-bottom:20px;
}
.m_box3col > .col:not(:first-child){
margin-top:40px;
}
.m_box3col > .col .img{
margin-bottom:10px;
}
.m_box3col > .col .ttl{
font-size:1.6rem;
margin-bottom:10px;
}
.m_box3col > .col .txt{
font-size:1.2rem;
}
.m_box3col > .col.btnCol{
padding-bottom:40px;
margin-bottom:40px;
}
.m_box3col > .col.btnCol:last-child{
margin-bottom:0;
}
.m_box3col.s_news > .col .pic img{
width:100%;
}
.m_box3col.s_news > .col .dtl .time{
margin-bottom:10px;
}
.m_box3col.s_news > .col .dtl .ttl{
font-size:1.6rem;
}
}

.m_box4col > .col > *:last-child{
margin-bottom:0;
}
.m_box4col > .col > .head, .m_box4col > .col > a > .head{
font-weight:bold;
}
.m_box4col > .col .bnr{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_box4col > .col .bnr.limited{
background:#ed7200;
color:#fff;
}
.m_box4col > .col .bnr.closed{
background:#999;
color:#fff;
}
.m_box4col > .col .bnr.core{
background:#000;
color:#fff;
}
.m_box4col.s_goods > .col{
display:flex;
flex-direction:column;
}
.m_box4col.s_goods a{
text-decoration:none;
}
.m_box4col.s_goods > .col > .head, .m_box4col.s_goods > .col > a > .head{
text-align:center;
}
.m_box4col.s_goods > .col .txt, .m_box4col.s_goods > .col > a .txt{
text-align:center;
margin-bottom:1.5rem;
}
.m_box4col.s_goods > .col .m_button, .m_box4col.s_goods > .col > a .m_button{
margin-top:auto;
}
.m_box4col.s_goods > .col > *:last-child, .m_box4col.s_goods > .col > a > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_box4col{
width:1024px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
}
.m_box4col > a{
text-decoration:none;
}
.m_box4col > .col{
width:calc((100% - 60px)/4);
}
.m_box4col > .col:not(:nth-child(4n+1)){
margin-left:20px;
}
.m_box4col > .col:nth-child(n+5){
margin-top:35px;
}
.m_box4col > .col > .img, .m_box4col > .col > a > .img{
margin-bottom:15px;
}
.m_box4col > .col > .img a:hover, .m_box4col > .col > a > .img a:hover{
opacity:0.7;
}
.m_box4col > .col > .head, .m_box4col > .col > a > .head{
font-size:1.6rem;
margin-bottom:15px;
}
.m_box4col > .col > .txt, .m_box4col > .col > a > .txt{
font-size:1.2rem;
line-height:2;
margin:0;
}
.m_box4col > .col .head a, .m_box4col > .col .txt a, .m_box4col > .col > a .head a, .m_box4col > .col > a .txt a{
text-decoration:none;
}
.m_box4col > .col .head a:hover, .m_box4col > .col .txt a:hover, .m_box4col > .col > a .head a:hover, .m_box4col > .col > a .txt a:hover{
text-decoration:underline;
}
.m_box4col > .col .bnr, .m_box4col > .col > a .bnr{
display:inline-block;
line-height:26px;
margin-bottom:10px;
padding:0 21px;
position:relative;
font-size:1.2rem;
}
.m_box4col > .col .bnr:last-child, .m_box4col > .col > a .bnr:last-child{
margin:15px 0 0;
}
.m_box4col > .col .bnr:before, .m_box4col > .col .bnr:after, .m_box4col > .col > a .bnr:before, .m_box4col > .col > a .bnr:after{
content:'';
display:block;
position:absolute;
width:0;
height:0;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
top:0;
bottom:0;
margin:auto;
}
.m_box4col > .col .bnr:before, .m_box4col > .col > a .bnr:before{
border-left:7px solid #fff;
left:0;
}
.m_box4col > .col .bnr:after, .m_box4col > .col > a .bnr:after{
border-right:7px solid #fff;
right:0;
}
.m_box4col.s_goods{
margin-bottom:65px;
}
}
@media screen and (max-width: 768px) {
.m_box4col > .col.sp2col:nth-child(n+3){
margin-top:40px;
}
.m_box4col > .col .img{
margin-bottom:10px;
}
.m_box4col > .col .head{
font-size:1.6rem;
margin-bottom:10px;
}
.m_box4col > .col .txt{
font-size:1.2rem;
}
.m_box4col > .col .bnr{
display:inline-block;
line-height:14px;
margin-bottom:10px;
padding:0 15px;
position:relative;
font-size:0.7rem;
}
.m_box4col > .col .bnr:last-child{
margin:15px 0 0;
}
.m_box4col > .col .bnr:before, .m_box4col > .col .bnr:after{
content:'';
display:block;
position:absolute;
width:0;
height:0;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
top:0;
bottom:0;
margin:auto;
}
.m_box4col > .col .bnr:before{
border-left:4px solid #fff;
left:0;
}
.m_box4col > .col .bnr:after{
border-right:4px solid #fff;
right:0;
}
.m_box4col.s_goods{
margin-bottom:75px !important;
}
.m_box4col.s_goods .m_button.s_black a{
padding:0;
width:100%;
}
}

[class*="m_box"] > li > a,
[class*="m_box"] > a{
display:block;
text-decoration:none;
}
[class*="m_box"] > .col > *:only-child,
[class*="m_box"] > .col .dtl > *:last-child{
margin-bottom:0;
}
[class*="m_box"] > .col > a{
display:block;
text-decoration:none;
}
[class*="m_box"] > .col > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
[class*="m_box"] a .img:hover img{
opacity:0.7;
}
[class*="m_box"] a .head:hover{
text-decoration:underline;
}
[class*="m_box"] .small{
font-size:1.2rem;
}
}
@media screen and (max-width: 768px) {
[class*="m_box"] > .col .img img{
width:100%;
}
[class*="m_box"] + .m_button{
margin-top:20px;
}
[class*="m_box"].s_spFlex{
display:flex;
flex-wrap:wrap;
width:100%;
margin-bottom:0;
}
[class*="m_box"].s_spFlex > .col:not(.sp2col):not(.sp3col){
margin-left:15px;
width:calc(100% - 30px);
}
[class*="m_box"].s_spFlex > .col.sp2col{
width:calc((100% - 45px)/2);
margin-left:15px;
margin-top:0;
margin-bottom:20px;
}
[class*="m_box"].s_spFlex > .col.sp3col{
width:calc((100% - 14px)/3);
margin-top:0;
}
[class*="m_box"].s_spFlex > .col.sp3col:not(:nth-child(3n+1)){
margin-left:7px;
}
[class*="m_box"].s_spFlex > .col > .img img{
width:100%;
}
[class*="m_box"].s_spFlex > .col > .txt{
font-size:1.2rem;
}
}

.m_line2Col{
margin:0 auto 80px;
}
.m_line2Col > .col{
position:relative;
}
.m_line2Col > .col .mainHead{
font-weight:bold;
}
.m_line2Col > .col .head{
font-weight:bold;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_line2Col > .col .head:not(:first-of-type){
margin-top:50px;
}
.m_line2Col > .col .txt{
line-height:2;
}
.m_line2Col > .col > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_line2Col{
width:1024px;
display:flex;
justify-content:space-between;
}
.m_line2Col > .col{
width:472px;
}
.m_line2Col > .col .mainHead{
font-size:2.8rem;
padding-bottom:10px;
border-bottom:4px solid #000;
margin-bottom:50px;
}
.m_line2Col .head{
font-size:3.0rem;
margin-bottom:10px;
}
.m_line2Col .txt{
margin-bottom:20px;
font-size:1.6rem;
}
.m_line2Col .txt + .txt{
margin-top:30px;
}
}
@media screen and (max-width: 768px) {
.m_line2Col{
width:92vw;
}
.m_line2Col > .col{
padding-top:22px;
}
.m_line2Col > .col:not(:first-child){
margin-top:80px;
}
.m_line2Col > .col .mainHead{
font-size:1.8rem;
margin-bottom:35px;
padding-bottom:10px;
border-bottom:2px solid #000;
}
.m_line2Col .head{
font-size:2.6rem;
margin-bottom:10px;
}
.m_line2Col .txt{
margin-bottom:15px;
}
.m_line2Col .txt + .txt{
margin-top:30px;
}
}

.m_cvArea .head{
text-align:center;
margin-bottom:15px;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_cvArea .txt{
text-align:center;
line-height:2;
}
.m_cvArea .list{
margin-bottom:0;
}
.m_cvArea .list > li > *:last-child{
margin-bottom:0;
}
.m_cvArea .sns{
display:flex;
justify-content:center;
}
.m_cvArea .sns li.fb a:after{
content:"\e900";
color:#4a61a0;
font-size:2.9rem;
}
.m_cvArea .sns li.insta a:after{
content:"\e901";
color:#aa3075;
font-size:2.7rem;
}
.m_cvArea .sns li.line a:after{
content:"\e902";
color:#1fa022;
font-size:3.2rem;
}
.m_cvArea .sns li a{
display:block;
position:relative;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
text-indent:-9999px;
text-decoration:none;
}
.m_cvArea .sns li a:after{
content:'';
position:absolute;
font-family:'icomoon';
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
top:0;
left:0;
text-indent:0;
}
.m_cvArea.cv01{
color:#fff;
}
.m_cvArea.cv01 .list .head{
font-size:1.6rem;
}
.m_cvArea.cv01 .list .tel, .m_cvArea.cv01 .list .m_button{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_cvArea.cv01 .list .tel a{
color:#fff;
}
.m_cvArea.cv01 .list .tel .sub{
display:block;
text-align:center;
font-size:1.6rem;
}
.m_cvArea.cv02{
color:#fff;
}
.m_cvArea.cv03{
color:#fff;
}
.m_cvArea.cv03 .list li{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_cvArea.cv04{
background:#161616;
color:#fff;
}
.m_cvArea.cv04 .head{
display:inline-block;
position:relative;
}
.m_cvArea.cv04 .m_button{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.m_cvArea .list{
display:flex;
justify-content:center;
}
.m_cvArea.cv01{
padding-bottom:60px;
margin-top:35px;
}
.m_cvArea.cv01.s_tokyo{
background:url(/images/common/cv01Bg_tokyo.jpg) no-repeat 0 0/cover;
}
.m_cvArea.cv01.s_yokohama{
background:url(/images/common/cv01Bg_yokohama.jpg) no-repeat 0 0/cover;
}
.m_cvArea.cv01.s_kyoto{
background:url(/images/common/cv01Bg_kyoto.jpg) no-repeat 0 0/cover;
}
.m_cvArea.cv01.s_beertogo{
background:url(/images/common/cv01Bg_beertogo.jpg) no-repeat 0 0/cover;
}
.m_cvArea.cv01 .icon.tokyo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:112px;
height:140px;
background-position:0 -2052px;
margin:0 auto;
position:relative;
top:-45px;
}
.m_cvArea.cv01 .icon.yokohama{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:112px;
height:140px;
background-position:0 -2352px;
margin:0 auto;
position:relative;
top:-45px;
}
.m_cvArea.cv01 .icon.kyoto{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:112px;
height:140px;
background-position:0 -1752px;
margin:0 auto;
position:relative;
top:-45px;
}
.m_cvArea.cv01 .icon.beertogo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:190px;
height:115px;
background-position:0 -1502px;
margin:0 auto;
position:relative;
top:-45px;
}
.m_cvArea.cv01 .list .head{
margin-bottom:20px;
}
.m_cvArea.cv01 .list .tel{
font-size:4.6rem;
}
.m_cvArea.cv01 .list .tel a:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:69px;
height:50px;
background-position:0 -3143px;
margin-right:10px;
}
.m_cvArea.cv01 .list li .m_button a{
min-width:400px;
}
.m_cvArea.cv01 .list li:nth-child(n+2){
margin-left:80px;
}
.m_cvArea.cv02{
background:#000;
padding:65px 0 80px;
margin-bottom:105px;
}
.m_cvArea.cv02 > .head{
font-size:5.0rem;
margin-bottom:20px;
}
.m_cvArea.cv02 .txt{
margin-bottom:25px;
}
.m_cvArea.cv02 .m_button{
margin-top:35px;
}
.m_cvArea.cv02 .list .head{
font-size:3.2rem;
}
.m_cvArea.cv02 .list li:nth-child(n+2){
margin-left:50px;
}
.m_cvArea .sns li:not(:first-child){
margin-left:18px;
}
.m_cvArea .sns li.fb a:hover{
background:#4a61a0;
}
.m_cvArea .sns li.fb a:hover:after{
color:#fff;
}
.m_cvArea .sns li.insta a:hover{
background:#aa3075;
}
.m_cvArea .sns li.insta a:hover:after{
color:#fff;
}
.m_cvArea .sns li.line a:hover{
background:#1fa022;
}
.m_cvArea .sns li.line a:hover:after{
color:#fff;
}
.m_cvArea .sns li a{
width:70px;
height:70px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_cvArea .sns li a:after{
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_cvArea.cv03{
background:#000;
padding-bottom:80px;
}
.m_cvArea.cv03 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:110px;
height:116px;
background-position:0 -2786px;
margin:0 auto -20px;
position:relative;
top:-50px;
}
.m_cvArea.cv03 .head{
font-size:2.8rem;
font-weight:bold;
margin-bottom:10px;
}
.m_cvArea.cv03 .txt{
margin-bottom:40px;
}
.m_cvArea.cv03 .list{
margin-bottom:0;
}
.m_cvArea.cv03 .list li:not(:first-child){
margin-left:20px;
}
.m_cvArea.cv03 .m_button.s_large a{
padding:0;
min-width:240px;
}
.m_cvArea.cv04{
padding:100px 0 90px;
text-align:center;
margin:0 auto 45px;
}
.m_cvArea.cv04 > .head{
font-size:6.8rem;
}
.m_cvArea.cv04 .head .bln{
content:'';
display:block;
background:url(/images/beer/cv04Bln_pc.png);
width:97px;
height:83px;
position:absolute;
top:-20px;
left:-105px;
text-indent:-9999px;
}
.m_cvArea.cv04 > .list li:first-child{
margin-right:40px;
}
.m_cvArea.cv04.s_beer{
display:flex;
justify-content:center;
align-items:center;
padding:0;
}
.m_cvArea.cv04.s_beer .beerImg{
width:340px;
height:400px;
position:relative;
}
.m_cvArea.cv04.s_beer .beerImg img{
position:absolute;
top:-35px;
left:0;
}
.m_cvArea.cv04.s_beer .floatWrap{
width:684px;
}
.m_cvArea.cv04.s_beer .floatWrap .col > .head{
margin-bottom:30px;
}
.m_cvArea.cv04.s_beer .floatWrap .list li:not(:first-child){
margin-left:40px;
}
}
@media screen and (max-width: 768px) {
.m_cvArea > .head{
font-size:3.4rem;
margin-bottom:55px;
}
.m_cvArea.cv01{
padding-bottom:60px;
}
.m_cvArea.cv01.s_tokyo{
background:url(/images/common/cv01Bg_tokyoSp.jpg) no-repeat center top/cover;
}
.m_cvArea.cv01.s_yokohama{
background:url(/images/common/cv01Bg_yokohamaSp.jpg) no-repeat center top/cover;
}
.m_cvArea.cv01.s_kyoto{
background:url(/images/common/cv01Bg_kyotoSp.jpg) no-repeat center top/cover;
}
.m_cvArea.cv01.s_beertogo{
background:url(/images/common/cv01Bg_beertogoSp.jpg) no-repeat center top/cover;
}
.m_cvArea.cv01 li:nth-child(n+2){
margin-top:3.0rem;
}
.m_cvArea.cv01 .icon.tokyo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:56px;
height:70px;
background-position:0 -1101px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
margin:0 auto;
position:relative;
top:-22px;
margin-bottom:15px;
}
.m_cvArea.cv01 .icon.yokohama{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:56px;
height:70px;
background-position:0 -1251px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
margin:0 auto;
position:relative;
top:-22px;
margin-bottom:15px;
}
.m_cvArea.cv01 .icon.kyoto{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:56px;
height:70px;
background-position:0 -951px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
margin:0 auto;
position:relative;
top:-22px;
margin-bottom:15px;
}
.m_cvArea.cv01 .icon.beertogo{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:95px;
height:57.5px;
background-position:0 -814px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
margin:0 auto;
position:relative;
top:-22px;
margin-bottom:15px;
}
.m_cvArea.cv01 .list{
margin-bottom:0;
}
.m_cvArea.cv01 .list .head{
font-weight:1.6rem;
}
.m_cvArea.cv01 .list .tel{
text-align:center;
font-size:3.0rem;
}
.m_cvArea.cv01 .list .tel a:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:50px;
height:36px;
background-position:0 -1602px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
margin-right:12px;
}
.m_cvArea.cv02{
background:#161616;
padding:55px 0 60px;
margin-bottom:80px;
}
.m_cvArea.cv02 .head{
font-size:2.6rem;
margin-bottom:15px;
}
.m_cvArea.cv02 .list > li:nth-child(n+2){
margin-top:55px;
}
.m_cvArea.cv03{
background:#161616;
padding-bottom:60px;
margin-bottom:80px;
}
.m_cvArea.cv03 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:55px;
height:58px;
background-position:0 -1393px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin:0;
position:relative;
top:-22px;
}
.m_cvArea.cv03 > .head{
font-size:2.6rem;
margin-bottom:15px;
}
.m_cvArea.cv03 .list{
margin:0;
}
.m_cvArea.cv03 .list li:not(:first-child){
margin-top:20px;
}
.m_cvArea.cv04{
padding:60px 0;
text-align:center;
}
.m_cvArea.cv04 > .head{
display:inline-block;
font-size:3.4rem;
position:relative;
margin-bottom:35px;
}
.m_cvArea.cv04 .head .bln{
content:'';
display:block;
background:url(/images/beer/cv04Bln_sp.png) no-repeat 0 0/100%;
width:48px;
height:42px;
position:absolute;
top:-10px;
left:-55px;
text-indent:-9999px;
}
.m_cvArea.cv04 .list{
margin:0;
}
.m_cvArea.cv04 .list li:first-child{
margin-bottom:35px;
}
.m_cvArea.cv04.s_beer{
padding-top:0;
margin-top:55px;
}
.m_cvArea.cv04.s_beer .beerImg{
margin-bottom:23px;
}
.m_cvArea.cv04.s_beer .beerImg img{
width:40vw;
margin-top:-94px;
}
.m_cvArea.cv04.s_beer .col > .head{
margin-bottom:35px;
}
.m_cvArea.cv04.s_beer .col > .head img{
height:40px;
}
.m_cvArea .sns li:not(:first-child){
margin-left:25px;
}
.m_cvArea .sns li.fb a:after{
font-size:2.4rem;
}
.m_cvArea .sns li.insta a:after{
font-size:2.4rem;
}
.m_cvArea .sns li.line a:after{
font-size:3.0rem;
}
.m_cvArea .sns li a{
width:50px;
height:50px;
}
}

.m_articleArea .articleTime{
display:block;
}
.m_articleArea .m_snsArea{
margin-top:40px;
}
.m_articleArea > *:last-child{
margin-bottom:0;
}
.m_articleArea .m_articleWrap h2, .m_articleArea .m_articleWrap h3, .m_articleArea .m_articleWrap h4{
font-weight:bold;
}
.m_articleArea .m_articleWrap ul, .m_articleArea .m_articleWrap ol{
margin-left:1.5em;
}
.m_articleArea .m_articleWrap ul{
list-style-type:inherit;
}
.m_articleArea .m_articleWrap ol{
list-style-type:decimal;
}
.m_articleArea .m_articleWrap img{
display:block;
max-width:100%;
height:auto;
}
.m_articleArea .m_articleWrap img.alignright{
margin-left:auto;
}
.m_articleArea .m_articleWrap img.aligncenter{
margin-left:auto;
margin-right:auto;
}
.m_articleArea .m_articleWrap > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_articleArea{
width:1024px;
margin:0 auto 105px;
}
.m_articleArea .articleTime{
margin-bottom:10px;
}
.m_articleArea .articleTtl{
font-size:2.8rem;
font-weight:bold;
margin-bottom:35px;
}
.m_articleArea .img{
margin-bottom:30px;
}
.m_articleArea .txt{
margin-bottom:50px;
font-size:1.6rem;
line-height:2.3;
}
.m_articleArea .m_box2col,
.m_articleArea .m_box3col{
margin-bottom:80px;
}
.m_articleArea .m_box2col:not(:first-child),
.m_articleArea .m_box3col:not(:first-child){
margin-top:70px;
}
.m_articleArea .m_articleWrap h2, .m_articleArea .m_articleWrap h3, .m_articleArea .m_articleWrap h4, .m_articleArea .m_articleWrap h5{
margin-bottom:30px;
}
.m_articleArea .m_articleWrap h2:not(:first-child), .m_articleArea .m_articleWrap h3:not(:first-child), .m_articleArea .m_articleWrap h4:not(:first-child), .m_articleArea .m_articleWrap h5:not(:first-child){
margin-top:50px;
}
.m_articleArea .m_articleWrap h2{
font-size:2.4rem;
margin-bottom:30px;
}
.m_articleArea .m_articleWrap h3{
font-size:2.0rem;
margin-bottom:30px;
}
.m_articleArea .m_articleWrap h4{
font-size:1.8rem;
}
.m_articleArea .m_articleWrap h5{
font-size:1.6rem;
}
.m_articleArea .m_articleWrap p{
font-size:1.6rem;
line-height:2.3;
}
.m_articleArea .m_box2col > .col:nth-child(n+3){
margin-top:20px;
}
}
@media screen and (max-width: 768px) {
.m_articleArea{
width:92%;
margin:0 auto 70px;
}
.m_articleArea img{
max-width:100%;
}
.m_articleArea .articleTime{
margin-bottom:5px;
}
.m_articleArea .articleTtl{
font-size:1.6rem;
margin-bottom:25px;
}
.m_articleArea .img{
margin-bottom:18px;
}
.m_articleArea .txt{
font-size:1.4rem;
margin-bottom:35px;
}
.m_articleArea .m_box2col,
.m_articleArea .m_box3col{
margin-bottom:35px;
}
.m_articleArea .m_articleWrap h2, .m_articleArea .m_articleWrap h3, .m_articleArea .m_articleWrap h4, .m_articleArea .m_articleWrap h5{
margin-bottom:15px;
}
.m_articleArea .m_articleWrap h2:not(:first-child), .m_articleArea .m_articleWrap h3:not(:first-child), .m_articleArea .m_articleWrap h4:not(:first-child), .m_articleArea .m_articleWrap h5:not(:first-child){
margin-top:20px;
}
.m_articleArea .m_articleWrap h2{
font-size:1.7rem;
}
.m_articleArea .m_articleWrap h3{
font-size:1.6rem;
}
.m_articleArea .m_articleWrap h4{
font-size:1.5rem;
}
.m_articleArea .m_articleWrap h5{
font-size:1.4rem;
}
.m_articleArea .m_articleWrap p{
font-size:1.4rem;
line-height:2;
}
.m_articleArea .m_articleWrap img{
height:auto;
}
.m_articleArea [class*="m_box"].s_spFlex > .col.sp2col{
width:calc((100% - 15px)/2);
margin:0 0 15px;
}
.m_articleArea [class*="m_box"].s_spFlex > .col.sp2col:nth-child(even){
margin-left:15px;
}
}

.bx-viewport li{
min-height:1px;
min-width:1px;
}

.m_slides{
overflow:hidden;
margin-bottom:50px;
}
.m_slides .bxslider{
margin:0 auto;
display:flex;
flex-wrap:nowrap;
}
.m_slides .bx-wrapper{
text-align:center;
}
.m_slides .bx-viewport{
overflow:visible !important;
text-align:left;
}
.m_slides .bx-controls{
display:inline-flex;
align-items:center;
position:relative;
margin-top:20px;
height:35px;
}
.m_slides .bx-controls .bx-pager{
display:flex;
justify-content:center;
position:relative;
}
.m_slides .bx-controls .bx-pager-item:not(:first-child){
margin-left:5px;
}
.m_slides .bx-controls .current{
display:block;
width:50px;
height:4px;
text-indent:-9999px;
background:#000;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}
.m_slides .bx-controls .bx-pager-link{
display:block;
width:50px;
height:4px;
text-indent:-9999px;
background:#adadad;
}
.m_slides .bx-controls .bx-pager-link:hover{
opacity:0.7;
}
.m_slides .bx-controls .bx-pager-link.active{
background:#000;
pointer-events:none;
}
.m_slides .bx-controls .bx-prev, .m_slides .bx-controls .bx-next{
position:absolute;
top:0;
display:block;
width:35px;
height:35px;
background:#000;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
text-indent:-9999px;
}
.m_slides .bx-controls .bx-prev:hover, .m_slides .bx-controls .bx-next:hover{
opacity:0.7;
}
.m_slides .bx-controls .bx-prev:after, .m_slides .bx-controls .bx-next:after{
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
content:'';
width:12px;
height:12px;
border-bottom:2px solid #fff;
border-left:2px solid #fff;
position:absolute;
transform:rotate(45deg);
top:0;
bottom:0;
left:14px;
margin:auto;
}
.m_slides .bx-controls .bx-prev{
left:-55px;
}
.m_slides .bx-controls .bx-next{
right:-55px;
transform:rotate(180deg);
}
.m_slides .slide{
float:none !important;
}
.m_slides .slide .img .cap{
background:#000;
color:#fff;
}
.m_slides .slidesWrap{
margin:0 auto;
overflow:visible;
}
.m_slides.s_3col .slide{
background:#000;
}
.m_slides.s_3col .slide .img .cap .head{
display:block;
font-weight:bold;
}
@media screen and (min-width: 769px) {
.m_slides .slide{
margin-right:10px;
}
.m_slides.s_wide .slidesWrap, .m_slides.s_wide .slide{
width:1024px;
}
.m_slides.s_wide .slide .img{
position:relative;
}
.m_slides.s_wide .slide .img .cap{
position:absolute;
bottom:0;
left:0;
right:0;
padding:10px 20px;
}
.m_slides.s_3col .slidesWrap, .m_slides.s_3col .slide{
width:600px;
}
.m_slides.s_3col .slide .img{
display:flex;
flex-direction:column;
}
.m_slides.s_3col .slide .img .cap{
padding:20px 25px;
}
.m_slides.s_3col .slide .img .cap .head{
font-size:1.8rem;
margin-bottom:10px;
}
}
@media screen and (max-width: 768px) {
.m_slides .bx-controls{
height:30px;
}
.m_slides .bx-controls .bx-pager-link{
width:30px;
}
.m_slides .bx-controls .bx-prev, .m_slides .bx-controls .bx-next{
width:30px;
height:30px;
}
.m_slides .bx-controls .bx-prev:after, .m_slides .bx-controls .bx-next:after{
width:11px;
height:11px;
left:12px;
}
.m_slides .bx-controls .bx-prev{
left:-50px;
}
.m_slides .bx-controls .bx-next{
right:-50px;
}
.m_slides .slide{
margin-right:3px;
}
.m_slides .slide .img img{
width:100%;
}
.m_slides.s_wide .slidesWrap, .m_slides.s_wide .slide{
width:92vw;
}
.m_slides.s_wide .slide .img img{
max-width:92vw;
}
.m_slides.s_wide .slide .img .cap{
position:absolute;
bottom:0;
left:0;
right:0;
padding:10px 12px;
}
.m_slides.s_3col{
padding-bottom:20px;
}
.m_slides.s_3col .slidesWrap, .m_slides.s_3col .slide{
width:80vw;
}
.m_slides.s_3col .slide .img .cap{
padding:15px 14px;
}
.m_slides.s_3col .slide .img .cap .head{
display:block;
font-size:1.4rem;
font-weight:bold;
}
}

.m_newsBox > .ttl{
font-size:40px;
margin-right:45px;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_newsBox .list{
margin:0;
}
.m_newsBox .list li:not(:first-child){
margin-top:20px;
}
.m_newsBox .list li .time{
width:108px;
display:inline-block;
vertical-align:top;
font-weight:bold;
line-height:26px;
}
.m_newsBox .list li .cat{
min-width:90px;
display:inline-block;
vertical-align:top;
margin-right:18px;
text-align:center;
background:#000;
color:#fff;
font-size:1.2rem;
line-height:28px;
}
.m_newsBox .list li .txt{
font-weight:bold;
margin-top:2px;
}
.m_newsBox .list li .txt a{
text-decoration:none;
color:#000;
}
.m_newsBox .list li .txt a:hover{
text-decoration:underline;
}
.m_newsBox .link{
width:100%;
text-align:right;
margin:20px 0 0;
}
.m_newsBox .link a{
text-decoration:none;
color:#000;
}
.m_newsBox .link a:hover{
text-decoration:underline;
}
.m_newsBox .link a:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -73px;
vertical-align:baseline;
margin-left:8px;
}
@media screen and (min-width: 769px) {
.m_newsBox{
display:flex;
flex-wrap:wrap;
align-items:center;
width:1024px;
margin:0 auto 55px;
}
.m_newsBox .list li{
white-space:nowrap;
}
.m_newsBox .list li .txt{
width:630px;
white-space:normal;
display:inline-block;
vertical-align:top;
}
}
@media screen and (max-width: 768px) {
.m_newsBox{
width:92%;
margin:0 auto 80px;
}
.m_newsBox .ttl{
font-size:2.6rem;
margin:0 auto 50px;
text-align:center;
}
.m_newsBox .list li:not(:first-child){
margin-top:35px;
}
.m_newsBox .list li .time{
width:auto;
margin-right:8px;
font-size:1.4rem;
line-height:1.42;
}
.m_newsBox .list li .cat{
line-height:1.66;
margin:0;
}
.m_newsBox .list li .txt{
display:block;
margin-top:10px;
}
}

.m_mapBlock{
margin:0 auto;
}
.m_mapBlock .col1 > *:last-child, .m_mapBlock .col2 > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_mapBlock{
width:1024px;
display:flex;
justify-content:space-between;
}
.m_mapBlock .col1{
width:370px;
}
.m_mapBlock .col2{
width:576px;
}
}
@media screen and (max-width: 768px) {
.m_mapBlock{
width:92%;
}
.m_mapBlock .col1{
margin-bottom:35px;
}
}

.m_mapWrap{
position:relative;
}
.m_mapWrap #map-canvas{
position:absolute;
width:100%;
height:100%;
}
.m_mapWrap .mapMenu{
position:absolute;
margin:0;
right:100px;
bottom:30px;
}
.m_mapWrap .mapMenu li:not(:first-child){
margin-top:4px;
}
.m_mapWrap .mapMenu li a{
display:block;
background:#fff;
text-decoration:none;
font-size:1.2rem;
font-weight:bold;
padding:8px 17px;
}
.m_mapWrap .mapMenu li a:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -73px;
margin-right:9px;
}
.m_mapWrap .mapMenu li a:hover{
opacity:0.7;
}
@media screen and (min-width: 769px) {
.m_mapWrap{
margin-bottom:60px;
}
.m_mapWrap iframe{
width:100%;
height:560px;
}
.m_mapWrap + .txt{
margin-top:-40px;
}
}
@media screen and (max-width: 768px) {
.m_mapWrap{
width:100%;
height:74vw;
display:block;
position:relative;
margin:0 0 19px;
}
.m_mapWrap iframe{
width:100%;
height:75vw;
}
.m_mapWrap .mapMenu{
display:none;
right:60px;
bottom:10px;
}
.m_mapWrap .mapMenu li a{
font-size:1.0rem;
}
}

.m_about{
text-align:center;
}
.m_about > .img{
margin-bottom:45px;
}
.m_about > .txt{
line-height:2.3;
font-weight:bold;
}
.m_about > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_about{
margin:120px auto 115px;
}
.m_about > .txt{
font-size:1.6rem;
}
}
@media screen and (max-width: 768px) {
.m_about{
margin:80px auto;
}
.m_about > .img{
margin-bottom:35px;
}
.m_about > .img img{
width:100%;
}
.m_about > .txt{
margin-bottom:35px;
}
}

.m_beerInfo{
position:relative;
color:#fff;
}
.m_beerInfo:after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.m_beerInfo .spec, .m_beerInfo .param{
position:relative;
z-index:1;
}
.m_beerInfo .spec ul li .head .en,
.m_beerInfo .spec ul li .data span,
.m_beerInfo .param dl dt .en{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_beerInfo .param dl dd{
text-indent:-9999px;
}
.m_beerInfo.s_general:after{
background:rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 769px) {
.m_beerInfo{
display:flex;
justify-content:center;
align-items:flex-end;
padding:55px 0 60px;
background:url(/images/beer/beerInfoBg_pc.jpg) no-repeat center top/cover;
}
.m_beerInfo .spec, .m_beerInfo .param{
width:512px;
}
.m_beerInfo .spec > .head, .m_beerInfo .param > .head{
font-size:2.4rem;
font-weight:bold;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_beerInfo .spec > .head{
margin-bottom:25px;
}
.m_beerInfo .spec ul{
display:flex;
margin:0;
}
.m_beerInfo .spec ul li:not(:first-child){
margin-left:65px;
}
.m_beerInfo .spec ul li .head{
margin-bottom:5px;
}
.m_beerInfo .spec ul li .head .en{
font-size:1.8rem;
display:block;
}
.m_beerInfo .spec ul li .head .jp{
font-size:1.4rem;
}
.m_beerInfo .spec ul li .data{
font-size:3.9rem;
line-height:1;
margin:0;
}
.m_beerInfo .spec ul li .data span{
font-size:5.1rem;
}
.m_beerInfo .param dl{
display:flex;
flex-wrap:wrap;
align-items:center;
width:315px;
margin:0;
}
.m_beerInfo .param dl dt{
width:95px;
display:flex;
line-height:16px;
}
.m_beerInfo .param dl dt .en{
font-size:1.8rem;
}
.m_beerInfo .param dl dt .jp{
margin:0 16px 0 auto;
}
.m_beerInfo .param dl dt:not(:last-of-type){
margin-bottom:20px;
}
.m_beerInfo .param dl dd{
width:220px;
margin:0;
line-height:16px;
background:url(/images/beer/param.png) no-repeat 0 0;
}
.m_beerInfo .param dl dd:not(:last-of-type){
margin-bottom:20px;
}
.m_beerInfo .param dl dd.val0{
background-position-x:-225px;
}
.m_beerInfo .param dl dd.val1{
background-position-x:-180px;
}
.m_beerInfo .param dl dd.val2{
background-position-x:-135px;
}
.m_beerInfo .param dl dd.val3{
background-position-x:-90px;
}
.m_beerInfo .param dl dd.val4{
background-position-x:-45px;
}
.m_beerInfo .param dl dd.val5{
background-position-x:0;
}
.m_beerInfo.s_general{
align-items:center;
}
.m_beerInfo.s_general .spec > .head{
margin-bottom:60px;
}
}
@media screen and (max-width: 768px) {
.m_beerInfo{
background:url(/images/beer/beerInfoBg_sp.jpg) no-repeat center top/cover;
padding:55px 0 60px;
}
.m_beerInfo .spec, .m_beerInfo .param{
width:92%;
margin:0 auto;
}
.m_beerInfo .spec > .head, .m_beerInfo .param > .head{
font-size:2.1rem;
margin-bottom:20px;
}
.m_beerInfo .spec ul{
display:flex;
justify-content:space-between;
margin:0 0 50px;
}
.m_beerInfo .spec ul li .head{
font-size:1.4rem;
margin-bottom:5px;
}
.m_beerInfo .spec ul li .head .en{
display:block;
font-size:1.6rem;
}
.m_beerInfo .spec ul li .data{
margin:0;
font-size:3.0rem;
line-height:1;
}
.m_beerInfo .spec ul li .data span{
font-size:5.0rem;
}
.m_beerInfo .param dl{
margin:0;
display:flex;
flex-wrap:wrap;
}
.m_beerInfo .param dl dt{
width:calc(100% - 68.3vw);
display:flex;
font-size:1.6rem;
margin:0;
}
.m_beerInfo .param dl dt .jp{
margin:0 15px 0 auto;
font-size:1.4rem;
}
.m_beerInfo .param dl dt:not(:last-of-type){
margin-bottom:20px;
}
.m_beerInfo .param dl dd{
width:68.2666667vw;
margin:0;
background-image:url(/images/beer/param.png);
background-repeat:no-repeat;
background-size:137vw;
}
.m_beerInfo .param dl dd:not(:last-of-type){
margin-bottom:20px;
}
.m_beerInfo .param dl dd.val0{
background-position-x:-69vw;
}
.m_beerInfo .param dl dd.val1{
background-position-x:-55.2vw;
}
.m_beerInfo .param dl dd.val2{
background-position-x:-41.5vw;
}
.m_beerInfo .param dl dd.val3{
background-position-x:-27.7vw;
}
.m_beerInfo .param dl dd.val4{
background-position-x:-13.8vw;
}
.m_beerInfo .param dl dd.val5{
background-position-x:0;
}
}

@media screen and (min-width: 769px) {
.m_cmtBox{
width:1024px;
margin:110px auto 120px;
display:flex;
}
.m_cmtBox .icon{
margin-right:45px;
}
.m_cmtBox .col{
min-width:849px;
}
.m_cmtBox .col > .head{
margin-bottom:20px;
}
.m_cmtBox .col > .txt{
line-height:2.3;
}
.m_cmtBox .col > *:last-child{
margin-bottom:0;
}
}
@media screen and (max-width: 768px) {
.m_cmtBox{
width:92%;
margin:0 auto;
}
.m_cmtBox .icon{
display:none;
}
.m_cmtBox .col .head{
margin-bottom:20px;
}
.m_cmtBox .col .head img{
width:100%;
}
}

.m_historyBox{
position:relative;
}
.m_historyBox:before{
content:'';
display:block;
background:#000;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
}
.m_historyBox .inner{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.m_historyBox .dtl{
text-align:center;
}
.m_historyBox .dtl .ttl{
margin-bottom:20px;
}
.m_historyBox .dtl .ttl .year{
display:block;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.m_historyBox{
padding-top:150px;
}
.m_historyBox + .m_historyBox{
margin-top:40px;
}
.m_historyBox:before{
width:2px;
height:120px;
}
.m_historyBox .dtl{
order:2;
width:604px;
}
.m_historyBox .dtl .ttl{
font-size:2.8rem;
}
.m_historyBox .dtl .ttl .year{
font-size:4.0rem;
margin-bottom:5px;
}
.m_historyBox .dtl .txt{
line-height:2.3;
font-size:1.6rem;
}
.m_historyBox .img1, .m_historyBox .img2{
width:calc((100% - 604px)/2);
position:relative;
}
.m_historyBox .img1 img, .m_historyBox .img2 img{
position:absolute;
top:0;
}
.m_historyBox .img1{
order:1;
}
.m_historyBox .img1 img{
right:0;
}
.m_historyBox .img2{
order:3;
}
.m_historyBox .img2 img{
left:0;
}
.m_historyBox .m_button{
margin-bottom:0;
}
.m_historyBox .btnWrap{
display:flex;
justify-content:center;
}
.m_historyBox .btnWrap .m_button a{
min-width:250px;
}
.m_historyBox .btnWrap .m_button:nth-child(even){
margin-left:20px;
}
}
@media screen and (max-width: 768px) {
.m_historyBox{
width:92%;
margin:0 auto;
padding-top:85px;
}
.m_historyBox:before{
width:1px;
height:60px;
}
.m_historyBox + .m_historyBox{
margin-top:30px;
}
.m_historyBox .dtl{
margin-bottom:30px;
}
.m_historyBox .ttl{
font-size:1.8rem;
}
.m_historyBox .ttl .year{
font-size:2.6rem;
margin-bottom:10px;
}
.m_historyBox .txt{
font-size:1.4rem;
line-height:2;
margin-bottom:25px;
}
.m_historyBox .m_button{
margin-bottom:0;
margin-top:25px;
}
.m_historyBox .btnWrap{
text-align:center;
}
.m_historyBox .btnWrap .m_button + .m_button{
margin-top:20px;
}
.m_historyBox .btnWrap .m_button a{
min-width:196px;
}
.m_historyBox .img1 img{
width:100%;
}
.m_historyBox .img2{
display:none;
}
}

@media screen and (min-width: 769px) {
.m_lineArea{
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.m_lineArea.s_brewerListWrap{
position:relative;
}
.m_lineArea.s_brewerListWrap:after{
content:'';
width:100%;
height:1px;
background:#000;
position:absolute;
top:309px;
left:0;
}
.m_lineArea + .m_lineArea{
border-top:none;
}
}
@media screen and (max-width: 768px) {
.m_lineArea + .m_lineArea{
border-top:1px solid #000;
padding-top:35px;
margin-top:35px;
}
}

.m_modal .closeBtn{
width:100%;
margin:0;
padding-bottom:14px;
font-size:0;
text-align:right;
}
.m_modal .closeBtn:after{
content:'';
}
.m_modal .modalInner > *:last-child{
margin-bottom:0 !important;
}
.m_modal .modalInner .img{
text-align:center;
}
.m_modal.s_history .modalInner{
background:#fff;
}
.m_modal.s_history .modalInner .head .year{
display:block;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_modal.s_img{
color:#fff;
}
.m_modal.s_img .img{
margin-bottom:14px;
}
.m_modal.s_img .ttl{
text-align:center;
font-weight:bold;
margin-bottom:5px;
}
.m_modal.s_img .txt{
text-align:center;
}
@media screen and (max-width: 768px) {
.m_modal.s_youtube .videoWrap{
width:92vw;
height:51.75vw;
position:relative;
}
.m_modal.s_youtube .videoWrap iframe{
position:absolute;
width:100%;
height:100%;
}
}
@media screen and (min-width: 769px) {
.m_modal .closeBtn:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:39px;
height:40px;
background-position:0 -3214px;
}
.m_modal.s_history{
width:860px;
}
.m_modal.s_history .modalInner{
padding:80px 85px 85px;
}
.m_modal.s_history .modalInner .head{
font-size:2.8rem;
margin-bottom:25px;
}
.m_modal.s_history .modalInner .head .year{
font-size:4.0rem;
margin-bottom:10px;
}
.m_modal.s_history .modalInner .txt{
font-size:1.6rem;
line-height:2.3;
margin-bottom:40px;
}
.m_modal.s_img .ttl{
font-size:1.6rem;
}
}
@media screen and (max-width: 768px) {
.m_modal{
max-width:92vw;
}
.m_modal .closeBtn:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:29.5px;
height:30px;
background-position:0 -1632px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
.m_modal .img img{
width:100%;
}
.m_modal.s_history .modalInner{
padding:25px;
}
.m_modal.s_history .modalInner .head{
font-size:1.8rem;
}
.m_modal.s_history .modalInner .head .year{
font-size:2.6rem;
margin-bottom:8px;
}
.m_modal.s_history .modalInner .txt{
font-size:1.4rem;
line-height:2;
}
.m_modal.s_img .ttl{
font-size:1.2rem;
}
.m_modal.s_img .img img{
width:38.6vw;
}
}

.m_mediaBox{
margin:0 auto;
}
.m_mediaBox > .col .ttl{
font-weight:bold;
}
.m_mediaBox > .col > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.m_mediaBox{
width:1024px;
display:flex;
}
.m_mediaBox.s_reverse{
flex-direction:row-reverse;
}
.m_mediaBox.s_reverse .media{
margin-right:50px;
}
.m_mediaBox:not(.s_reverse) .media{
margin-left:50px;
}
.m_mediaBox > .col .ttl{
font-size:2.8rem;
margin-bottom:25px;
}
.m_mediaBox > .col .txt{
line-height:2.3;
font-size:1.6rem;
}
.m_mediaBox + .m_mediaBox{
margin-top:35px;
}
}
@media screen and (max-width: 768px) {
.m_mediaBox{
width:92vw;
}
.m_mediaBox > .col{
margin-bottom:25px;
}
.m_mediaBox > .col .ttl{
font-size:1.8rem;
margin-bottom:20px;
}
.m_mediaBox > .col .txt{
line-height:2;
font-size:1.4rem;
}
.m_mediaBox .media img{
width:100%;
}
.m_mediaBox + .m_mediaBox{
margin-top:30px;
}
}

.m_beerEpisode{
position:relative;
}
.m_beerEpisode:before{
content:'';
position:absolute;
width:100%;
}
.m_beerEpisode .inner{
position:relative;
margin:0 auto;
}
.m_beerEpisode .inner .head{
font-weight:bold;
}
.m_beerEpisode .inner .name, .m_beerEpisode .inner .m_button{
display:inline-block;
margin:0;
}
.m_beerEpisode .inner .name img{
vertical-align:bottom;
}
@media screen and (min-width: 769px) {
.m_beerEpisode:before{
height:415px;
}
.m_beerEpisode .inner{
width:1024px;
padding-top:60px;
}
.m_beerEpisode .inner .head{
font-size:2.6rem;
margin-bottom:30px;
}
.m_beerEpisode .inner .name{
font-size:1.2rem;
margin-right:30px;
}
.m_beerEpisode .inner .name img{
margin:0 0 -5px 5px;
vertical-align:bottom;
}
.m_beerEpisode .inner .movWrap{
margin:50px 0 0 auto;
text-align:right;
}
}
@media screen and (max-width: 768px) {
.m_beerEpisode:before{
height:70.5vw;
}
.m_beerEpisode .inner{
padding-top:35px;
width:92vw;
}
.m_beerEpisode .inner .head{
font-size:1.8rem;
margin-bottom:20px;
}
.m_beerEpisode .inner .name{
font-size:0.9rem;
margin:9px 15px 20px 0;
}
.m_beerEpisode .inner .name img{
margin:0 0 -5px 12px;
height:27px;
width:auto;
}
.m_beerEpisode .inner .m_button{
margin:0 -4vw 20px 0;
}
.m_beerEpisode .inner .movWrap{
margin-top:20px;
width:100%;
height:auto;
position:relative;
}
.m_beerEpisode .inner .movWrap iframe{
width:100%;
height:48.25vw;
}
}

.m_singleImg{
text-align:center;
}
@media screen and (min-width: 769px) {
.m_singleImg{
margin-bottom:35px;
}
}
@media screen and (max-width: 768px) {
.m_singleImg{
width:92vw;
margin:0 auto 22px;
}
.m_singleImg img{
width:100%;
}
}

.m_bnrArea{
text-align:center;
}
.m_bnrArea .bnr{
display:inline-block;
line-height:26px;
margin-bottom:0;
padding:0 21px;
position:relative;
font-size:1.2rem;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_bnrArea .bnr:before, .m_bnrArea .bnr:after{
content:'';
display:block;
position:absolute;
width:0;
height:0;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
top:0;
bottom:0;
margin:auto;
}
.m_bnrArea .bnr:before{
border-left:7px solid #fff;
left:0;
}
.m_bnrArea .bnr:after{
border-right:7px solid #fff;
right:0;
}
.m_bnrArea .bnr.limited{
background:#ed7200;
color:#fff;
}
.m_bnrArea .bnr.closed{
background:#999;
color:#fff;
}
.m_bnrArea .bnr.core{
background:#000;
color:#fff;
}
@media screen and (min-width: 769px) {
.m_bnrArea{
margin-bottom:35px;
}
}
@media screen and (max-width: 768px) {
.m_bnrArea{
margin:-25px 0 25px;
}
}

.m_enBeerBox{
position:relative;
}
.m_enBeerBox.beer01, .m_enBeerBox.beer02, .m_enBeerBox.beer03, .m_enBeerBox.beer06{
color:#fff;
}
.m_enBeerBox > .inner{
position:relative;
}
.m_enBeerBox > .inner .col > *:last-child{
margin-bottom:0 !important;
}
.m_enBeerBox > .inner .col .ttl{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.m_enBeerBox{
margin-top:70px;
margin-bottom:120px;
}
.m_enBeerBox + .m_enBeerBox{
margin-top:190px;
}
.m_enBeerBox.beer01{
height:667px;
}
.m_enBeerBox.beer01:before{
background:url(/images/en/beerBg01.png) no-repeat center bottom, #e56e00;
height:calc(100% - 36px);
top:40px;
}
.m_enBeerBox.beer01 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:111px;
height:52px;
background-position:0 0;
}
.m_enBeerBox.beer02{
height:560px;
margin-top:-26px;
}
.m_enBeerBox.beer02:before{
background:url(/images/en/beerBg02.png) no-repeat center bottom, #e9b600;
top:40px;
height:calc(100% + 40px);
}
.m_enBeerBox.beer02 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:285px;
height:51px;
background-position:0 -161px;
}
.m_enBeerBox.beer03{
height:586px;
}
.m_enBeerBox.beer03:before{
top:40px;
background:url(/images/en/beerBg03.png) no-repeat center bottom, #231815;
height:calc(100% - 20px);
}
.m_enBeerBox.beer03 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:154px;
height:53px;
background-position:0 -316px;
}
.m_enBeerBox.beer04{
height:615px;
margin-top:-10px;
}
.m_enBeerBox.beer04:before{
top:40px;
height:calc(100% - 90px);
background:url(/images/en/beerBg04.png) no-repeat center bottom, #96ddd4;
}
.m_enBeerBox.beer04 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:271px;
height:42px;
background-position:0 -477px;
}
.m_enBeerBox.beer05{
height:615px;
margin-top:-80px;
}
.m_enBeerBox.beer05:before{
top:40px;
height:calc(100% - 20px);
background:url(/images/en/beerBg05.png) no-repeat center bottom, #fac289;
}
.m_enBeerBox.beer05 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:290px;
height:46px;
background-position:0 -588px;
}
.m_enBeerBox.beer06{
height:620px;
margin-top:-10px;
}
.m_enBeerBox.beer06:before{
top:40px;
background:url(/images/en/beerBg06.png) no-repeat center bottom, #b90038;
}
.m_enBeerBox.beer06 .icon{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:283px;
height:44px;
background-position:0 -711px;
}
.m_enBeerBox:before{
content:'';
display:block;
position:absolute;
width:100%;
height:calc(100% - 70px);
left:0;
top:0;
z-index:-1;
}
.m_enBeerBox > .inner{
width:1024px;
margin:0 auto;
display:flex;
}
.m_enBeerBox > .inner .img, .m_enBeerBox > .inner .col{
width:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.m_enBeerBox > .inner .img{
position:relative;
}
.m_enBeerBox > .inner .img img{
position:absolute;
top:0;
width:auto;
}
.m_enBeerBox > .inner .beerImg{
position:absolute;
bottom:-20px;
}
.m_enBeerBox > .inner .col{
padding:100px 0 60px;
}
.m_enBeerBox > .inner .col .icon{
margin-bottom:30px;
}
.m_enBeerBox > .inner .col .ttl{
font-size:3rem;
font-weight:bold;
margin-bottom:20px;
}
.m_enBeerBox > .inner .col .txt{
font-size:1.6rem;
line-height:2.3;
margin-bottom:20px;
}
.m_enBeerBox:not(.s_reverse) > .inner .img img{
right:20px;
}
.m_enBeerBox:not(.s_reverse) > .inner .beerImg{
left:287px;
}
.m_enBeerBox:not(.s_reverse) > .inner .col{
padding-left:38px;
}
.m_enBeerBox.s_reverse > .inner{
flex-direction:row-reverse;
}
.m_enBeerBox.s_reverse > .inner .img img{
left:20px;
}
.m_enBeerBox.s_reverse > .inner .beerImg{
right:308px;
}
.m_enBeerBox.s_reverse > .inner .col{
padding-right:38px;
}
}
@media screen and (max-width: 768px) {
.m_enBeerBox{
margin-bottom:80px;
}
.m_enBeerBox.beer01 .col{
background:url(/images/en/beerBg01Sp.png) no-repeat center top/100%, #e56e00;
}
.m_enBeerBox.beer01 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:95px;
height:44.5px;
background-position:0 -31px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox.beer02 .col{
background:url(/images/en/beerBg02Sp.png) no-repeat center top/100%, #e9b600;
}
.m_enBeerBox.beer02 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:232px;
height:42px;
background-position:0 -111px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox.beer03 .col{
background:url(/images/en/beerBg03Sp.png) no-repeat center top/100%, #231815;
}
.m_enBeerBox.beer03 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:127.5px;
height:44px;
background-position:0 -190px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox.beer04 .col{
background:url(/images/en/beerBg04Sp.png) no-repeat center top/100%, #96ddd4;
}
.m_enBeerBox.beer04 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:166px;
height:24.5px;
background-position:0 -265px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox.beer05 .col{
background:url(/images/en/beerBg05Sp.png) no-repeat center top/100%, #fac289;
}
.m_enBeerBox.beer05 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:179.5px;
height:28.5px;
background-position:0 -322px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox.beer06 .col{
background:url(/images/en/beerBg06Sp.png) no-repeat center top/100%, #b90038;
}
.m_enBeerBox.beer06 .icon{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/en/en_img_sprite.png');
background-repeat:no-repeat;
width:187.5px;
height:29.5px;
background-position:0 -383px;
-moz-background-size:232px auto;
-o-background-size:232px auto;
-webkit-background-size:232px auto;
background-size:232px auto;
}
.m_enBeerBox + .m_enBeerBox{
margin-top:-40px;
}
.m_enBeerBox > .inner .img img{
width:100%;
}
.m_enBeerBox .col{
padding:40px 4%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.m_enBeerBox .col .beerImg{
text-align:center;
margin:-95px auto 25px;
}
.m_enBeerBox .col .beerImg img{
width:159px;
}
.m_enBeerBox .col .icon{
margin:0 auto 25px;
}
.m_enBeerBox .col .ttl{
font-size:2rem;
font-weight:bold;
text-align:center;
margin-bottom:20px;
}
.m_enBeerBox .col .txt{
font-size:1.4rem;
line-height:2;
margin-bottom:15px;
}
}

.m_coreBeerLink{
margin:0 auto;
position:relative;
}
.m_coreBeerLink .linkList{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
margin:0;
display:flex;
flex-wrap:wrap;
}
.m_coreBeerLink .linkList li a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
}
@media screen and (min-width: 769px) {
.m_coreBeerLink{
width:1024px;
}
.m_coreBeerLink .linkList li{
width:calc((100%)/6);
height:100%;
}
.m_coreBeerLink .linkList li a:hover{
background:rgba(255, 255, 255, 0.3);
}
}
@media screen and (max-width: 768px) {
.m_coreBeerLink .linkList li{
width:calc((100%)/3);
height:calc((100%)/2);
}
}

.m_snsArea ul{
display:flex;
justify-content:center;
margin:0;
}
.m_snsArea ul li{
height:21px;
display:flex;
align-items:flex-end;
}
.m_snsArea ul li:not(:first-child){
margin-left:20px;
}
@media screen and (max-width: 768px) {
.m_snsArea{
margin-top:40px;
}
}

/* paragraph module
--------------------------------------------------------------------------------------------------- */
/* list module
--------------------------------------------------------------------------------------------------- */
.m_list > li{
position:relative;
text-indent:-1em;
padding-left:1em;
}
.m_list > li > *:last-child{
margin-bottom:0 !important;
}
.m_list > li:before{
content:"・";
}
.m_list[class*="_unsytled"] > li:before{
display:none;
}
@media screen and (max-width: 768px) {
.m_list{
font-size:1.2rem;
}
}

.m_txtList{
display:flex;
flex-wrap:wrap;
}
@media screen and (min-width: 769px) {
.m_txtList{
width:1024px;
margin:0 auto 20px;
}
.m_txtList li{
margin:0 26px 24px 0;
}
}
@media screen and (max-width: 768px) {
.m_txtList{
width:92%;
margin:0 auto 15px;
}
.m_txtList li{
margin:0 28px 20px 0;
}
}

.m_lineList{
display:flex;
flex-wrap:wrap;
margin-bottom:28px;
}
.m_lineList li{
line-height:26px;
}
.m_lineList li:not(:last-child){
border-right:1px solid #000;
padding-right:18px;
margin-right:18px;
}
.m_lineList li a{
text-decoration:none;
}
.m_lineList li a:hover{
text-decoration:underline;
}
.m_lineList.s_white li{
border-color:#fff;
}
.m_lineList.s_center{
justify-content:center;
}
.m_lineList.s_center li{
border-color:#999;
padding:0 18px;
margin:0;
}
.m_lineList.s_center li:first-child{
border-left:1px solid #999;
}
.m_lineList.s_center li:last-child{
border-right:1px solid #999;
}
@media screen and (max-width: 768px) {
.m_lineList.s_center li{
padding:0 10px;
line-height:1.1;
margin-bottom:25px;
}
}

.m_menulist{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
}
.m_menulist > li{
text-align:center;
display:flex;
flex-direction:column;
}
.m_menulist > li .pdf{
margin:auto 0 0;
}
.m_menulist > li ul{
margin:0;
display:flex;
justify-content:center;
}
.m_menulist > li ul li:not(:first-child){
margin-left:28px;
}
.m_menulist > li .ttl{
font-size:2.4rem;
font-weight:bold;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_menulist > li .ttl span{
margin:auto;
font-size:0;
}
.m_menulist > li .ttl .time8_11{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:83px;
height:13px;
background-position:0 -3663px;
}
.m_menulist > li .ttl .time11_15{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:88px;
height:14px;
background-position:0 -3398px;
}
.m_menulist > li .ttl .time11_16{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:88px;
height:13px;
background-position:0 -3422px;
}
.m_menulist > li .ttl .time_bt{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:161px;
height:37px;
background-position:0 -3686px;
}
.m_menulist > li .ttl .time11_22{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:82px;
height:13px;
background-position:0 -3445px;
}
.m_menulist > li .ttl .time11_24{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:90px;
height:14px;
background-position:0 -3541px;
}
.m_menulist > li .ttl .time17_24{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:92px;
height:14px;
background-position:0 -3639px;
}
.m_menulist > li .ttl .time11_14-5wd{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:117px;
height:15px;
background-position:0 -3348px;
}
.m_menulist > li .ttl .time11_23{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:90px;
height:13px;
background-position:0 -3518px;
}
.m_menulist > li .ttl .time11_22wd{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:118px;
height:15px;
background-position:0 -3468px;
}
.m_menulist > li .ttl .time11_22we{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:149px;
height:15px;
background-position:0 -3493px;
}
.m_menulist > li .pdf a{
display:block;
}
.m_menulist > li .pdf a:hover{
opacity:0.7;
}
.m_menulist > li .pdf a:before{
content:'';
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:59px;
height:69px;
background-position:0 -2696px;
margin:0 auto 8px;
}
.m_menulist > li .pdf a span{
margin:auto;
}
.m_menulist > li .pdf a .morning{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:51px;
height:12px;
background-position:0 -2652px;
}
.m_menulist > li .pdf a .weekday{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:55px;
height:12px;
background-position:0 -3780px;
}
.m_menulist > li .pdf a .weekend{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:55px;
height:12px;
background-position:0 -3802px;
}
.m_menulist > li .pdf a .grand{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:72px;
height:12px;
background-position:0 -1480px;
}
.m_menulist > li .pdf a .cource{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:78px;
height:12px;
background-position:0 -1458px;
}
.m_menulist > li .pdf a .party{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:74px;
height:12px;
background-position:0 -2674px;
}
@media screen and (min-width: 769px) {
.m_menulist > li{
width:200px;
}
}
@media screen and (max-width: 768px) {
.m_menulist{
width:92%;
}
.m_menulist > li{
width:calc((100% - 15px)/2);
}
.m_menulist > li:nth-child(n+3){
margin-top:15px;
}
.m_menulist > li .ttl{
font-size:1.7rem;
margin-bottom:1.8rem;
}
.m_menulist > li .pdf{
transform:scale(0.7);
transform-origin:center top;
}
.m_menulist > li ul li:not(:first-child){
margin-left:20px;
}
}

html[lang="en"] .m_menulist > li .ttl .time11_14-5wd{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:143px;
height:15px;
background-position:0 -3373px;
}
html[lang="en"] .m_menulist > li .ttl .time_bt{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:207px;
height:37px;
background-position:0 -3733px;
}
@media screen and (max-width: 768px) {
html[lang="en"] .beertogo .m_menulist > li{
width:100%;
}
}

.m_imgFloatList > .col:not(:first-child){
margin-top:1px;
}
.m_imgFloatList > .col a{
display:block;
text-decoration:none;
color:#fff;
}
.m_imgFloatList > .col .inner{
display:flex;
align-items:center;
position:relative;
}
.m_imgFloatList > .col .inner:after{
content:'';
display:block;
position:absolute;
bottom:0;
right:0;
}
.m_imgFloatList > .col .inner .dtl .m_list li:before{
display:none;
}
.m_imgFloatList > .col.beer1 a{
background:#e56e00;
}
.m_imgFloatList > .col.beer2 a{
background:#e9b600;
}
.m_imgFloatList > .col.beer3 a{
background:#231815;
}
.m_imgFloatList > .col.beer4 a{
background:#96ddd4;
}
.m_imgFloatList > .col.beer5 a{
background:#fac289;
}
.m_imgFloatList > .col.beer6 a{
background:#b90038;
}
@media screen and (min-width: 769px) {
.m_imgFloatList > .col.beer1 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:111px;
height:52px;
background-position:0 0;
}
.m_imgFloatList > .col.beer1 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:249px;
height:96px;
background-position:0 -124px;
}
.m_imgFloatList > .col.beer2 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:190px;
height:35px;
background-position:0 -349px;
}
.m_imgFloatList > .col.beer2 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:377px;
height:64px;
background-position:0 -439px;
}
.m_imgFloatList > .col.beer3 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:154px;
height:53px;
background-position:0 -582px;
}
.m_imgFloatList > .col.beer3 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:277px;
height:71px;
background-position:0 -708px;
}
.m_imgFloatList > .col.beer4 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:171px;
height:27px;
background-position:0 -874px;
}
.m_imgFloatList > .col.beer4 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:367px;
height:50px;
background-position:0 -948px;
}
.m_imgFloatList > .col.beer5 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:175px;
height:29px;
background-position:0 -1071px;
}
.m_imgFloatList > .col.beer5 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:349px;
height:45px;
background-position:0 -1149px;
}
.m_imgFloatList > .col.beer6 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:162px;
height:25px;
background-position:0 -1268px;
}
.m_imgFloatList > .col.beer6 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:339px;
height:50px;
background-position:0 -1338px;
}
.m_imgFloatList > .col a:hover{
opacity:0.7;
}
.m_imgFloatList > .col .inner{
width:1024px;
margin:0 auto;
}
.m_imgFloatList > .col .inner .dtl{
display:flex;
align-items:center;
}
.m_imgFloatList > .col .inner .dtl .ttl{
width:290px;
margin:0;
text-align:center;
}
.m_imgFloatList > .col .inner .dtl .copy{
line-height:2;
font-size:1.6rem;
font-weight:bold;
margin-bottom:10px;
}
.m_imgFloatList > .col .inner .dtl .m_list{
font-size:1.2rem;
line-height:2;
margin:0;
}
}
@media screen and (max-width: 768px) {
.m_imgFloatList > .col.beer1 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:55.5px;
height:26px;
background-position:0 0;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer1 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:124.5px;
height:48px;
background-position:0 -62px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer2 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:95px;
height:17.5px;
background-position:0 -175px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer2 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:188.5px;
height:32px;
background-position:0 -220px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer3 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:77px;
height:26.5px;
background-position:0 -291px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer3 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:138.5px;
height:35.5px;
background-position:0 -354px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer4 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:85.5px;
height:13.5px;
background-position:0 -437px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer4 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:183.5px;
height:25px;
background-position:0 -474px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer5 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:87.5px;
height:14.5px;
background-position:0 -536px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer5 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:174.5px;
height:22.5px;
background-position:0 -575px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer6 .ttl span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:81px;
height:12.5px;
background-position:0 -634px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col.beer6 .inner:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:169.5px;
height:25px;
background-position:0 -669px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_imgFloatList > .col .img{
width:160px;
}
.m_imgFloatList > .col .img img{
height:260px;
}
.m_imgFloatList > .col .dtl{
flex:1;
padding-right:16px;
}
.m_imgFloatList > .col .dtl .ttl{
margin-bottom:15px;
}
.m_imgFloatList > .col .dtl .copy{
font-size:1.4rem;
font-weight:bold;
margin-bottom:10px;
}
.m_imgFloatList > .col .dtl .m_list{
line-height:2;
margin:0;
}
}

.m_brewerList{
margin:0 auto;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
}
.m_brewerList > .col{
text-align:right;
position:relative;
}
.m_brewerList > .col .dtl{
text-align:center;
position:absolute;
}
.m_brewerList > .col .dtl .name{
font-weight:bold;
}
.m_brewerList > .col .dtl .sub{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_brewerList > .col .m_button{
left:0;
right:0;
position:absolute;
text-align:center;
margin:auto;
z-index:1;
}
@media screen and (min-width: 769px) {
.m_brewerList{
width:1024px;
margin-top:-40px;
}
.m_brewerList > .col{
width:calc((100% - 80px)/3);
height:265px;
}
.m_brewerList > .col:not(:nth-child(3n+1)){
margin-left:40px;
}
.m_brewerList > .col:nth-child(n+4){
margin-top:30px;
}
.m_brewerList > .col .dtl{
bottom:80px;
left:0;
}
.m_brewerList > .col .dtl .logo{
margin-bottom:10px;
}
.m_brewerList > .col .dtl .name{
font-size:1.6rem;
margin-bottom:5px;
}
.m_brewerList > .col .dtl .sub{
font-size:1.3rem;
margin-bottom:0;
}
.m_brewerList > .col .m_button{
bottom:-16px;
}
.m_brewerList > .col.br1 .img img{
margin-right:10px;
}
.m_brewerList > .col.br1 .dtl{
left:25px;
}
.m_brewerList > .col.br1 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:100px;
height:51px;
background-position:0 0;
}
.m_brewerList > .col.br2 .dtl{
left:-20px;
}
.m_brewerList > .col.br2 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:172px;
height:51px;
background-position:0 -118px;
}
.m_brewerList > .col.br3 .dtl{
left:-15px;
}
.m_brewerList > .col.br3 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:129px;
height:51px;
background-position:0 -229px;
}
.m_brewerList > .col.br4 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:160px;
height:34px;
background-position:0 -345px;
}
.m_brewerList > .col.br5 .dtl{
left:-35px;
}
.m_brewerList > .col.br5 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:175px;
height:38px;
background-position:0 -432px;
}
.m_brewerList > .col.br6 .dtl{
left:-10px;
}
.m_brewerList > .col.br6 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:130px;
height:20px;
background-position:0 -519px;
}
}
@media screen and (max-width: 768px) {
.m_brewerList > .col{
width:50%;
border-bottom:1px solid #000;
}
.m_brewerList > .col:nth-child(n+3){
margin-top:50px;
}
.m_brewerList > .col .img{
margin-right:5px;
}
.m_brewerList > .col .img img{
height:41.6vw;
width:auto;
}
.m_brewerList > .col .dtl{
left:2vw;
bottom:18.4vw;
}
.m_brewerList > .col .dtl .logo{
margin-bottom:7px;
}
.m_brewerList > .col .dtl .name{
font-size:1.0rem;
margin-bottom:5px;
}
.m_brewerList > .col .dtl .sub{
font-size:0.9rem;
margin-bottom:0;
}
.m_brewerList > .col .m_button{
bottom:-13px;
}
.m_brewerList > .col.br1 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:50px;
height:23.5px;
background-position:0 -31px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.m_brewerList > .col.br2 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:86px;
height:20px;
background-position:0 -90px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.m_brewerList > .col.br3 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:64.5px;
height:22.5px;
background-position:0 -145px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.m_brewerList > .col.br4 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:80px;
height:16.5px;
background-position:0 -195px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.m_brewerList > .col.br5 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:87.5px;
height:14.5px;
background-position:0 -240px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.m_brewerList > .col.br6 .logo{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:65.5px;
height:10px;
background-position:0 -275px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
}

.m_slidePager ul{
display:flex;
justify-content:center;
margin-bottom:0;
}
.m_slidePager ul li{
font-weight:bold;
}
.m_slidePager ul li a{
cursor:pointer;
position:relative;
display:block;
}
.m_slidePager ul li a.active:before{
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
background:#000;
}
@media screen and (min-width: 769px) {
.m_slidePager{
margin-bottom:20px;
}
.m_slidePager ul li{
font-size:1.6rem;
}
.m_slidePager ul li:not(:first-child){
margin-left:60px;
}
.m_slidePager ul li a{
padding:13px 0 10px;
}
.m_slidePager ul li a.active:before{
height:3px;
}
}
@media screen and (max-width: 768px) {
.m_slidePager ul{
margin-bottom:30px;
}
.m_slidePager ul li:not(:first-child){
margin-left:45px;
}
.m_slidePager ul li a{
text-align:center;
padding-top:10px;
}
.m_slidePager ul li a.active:before{
height:2px;
}
}

@media all and (-ms-high-contrast: none) {
.m_brewerList > .col{
width:calc((100% - 80px)/3 - 0.01px);
}
}
/* table module
--------------------------------------------------------------------------------------------------- */
.m_table{
width:100%;
}
.m_table[class*="_fixed"]{
table-layout:fixed;
}

.m_txtTable tr:not(:last-child) th, .m_txtTable tr:not(:last-child) td{
padding-bottom:5px;
}
.m_txtTable tr th, .m_txtTable tr td{
vertical-align:top;
text-align:left;
font-weight:bold;
}
@media screen and (min-width: 769px) {
.m_txtTable{
width:100%;
font-size:1.6rem;
}
}
@media screen and (max-width: 768px) {
.m_txtTable{
width:auto;
font-size:1.4rem;
}
.m_txtTable th{
padding-right:15px;
}
}

.m_table{
border-top:1px solid #161616;
}
.m_table tr th, .m_table tr td{
text-align:left;
}
@media screen and (min-width: 769px) {
.m_table th, .m_table td{
border-bottom:1px solid #161616;
vertical-align:top;
padding:20px 0;
}
}
@media screen and (max-width: 768px) {
.m_table{
display:block;
font-size:1.4rem;
}
.m_table tbody, .m_table tr, .m_table th, .m_table td{
display:block;
}
.m_table tr{
border-bottom:1px solid #161616;
padding:2.0rem 0;
}
.m_table tr th{
margin-bottom:3px;
}
}

.m_sortBox{
width:1024px;
margin:0 auto 40px;
}
.m_sortBox > .m_button{
margin-bottom:20px;
}
.m_sortBox > .m_button a, .m_sortBox > .m_button .txt{
min-width:170px;
}
@media screen and (min-width: 769px) {
.m_sortBox table{
width:100%;
margin:0;
border-top:1px solid #999;
table-layout:fixed;
}
.m_sortBox table tr th, .m_sortBox table tr td{
border-bottom:1px solid #999;
padding:28px 0;
text-align:left;
}
.m_sortBox table tr th{
position:relative;
}
.m_sortBox table tr th:after{
content:'';
display:block;
width:1px;
}
.m_sortBox table tr th > a{
text-decoration:none;
pointer-events:none;
}
.m_sortBox table tr td .m_txtList{
width:auto;
position:relative;
padding-left:20px;
}
.m_sortBox table tr td .m_txtList:before{
content:'';
width:1px;
height:calc(100% - 20px);
background:#999;
position:absolute;
top:0;
left:0;
}
.m_sortBox table tr td .m_txtList li{
margin-bottom:20px;
}
.m_sortBox table tr td .m_lineList li{
border-right:1px solid #999;
}
.m_sortBox table tr td .m_lineList li:first-child{
border-left:1px solid #999;
padding-left:18px;
}
.m_sortBox table tr td .m_lineList li:last-child{
padding-right:18px;
}
.m_sortBox table tr td .m_lineList li a{
position:relative;
}
.m_sortBox table tr td .m_lineList li a.current{
color:#e0791e;
}
.m_sortBox table tr td .m_lineList li a.current:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:14px;
height:14px;
background-position:0 -3397px;
position:absolute;
top:-16px;
left:0;
right:0;
margin:auto;
}
.m_sortBox table tr td.checkCel{
padding-top:20px;
padding-bottom:0;
}
}
@media screen and (max-width: 768px) {
.m_sortBox{
width:92%;
margin:0 auto;
}
.m_sortBox table{
display:block;
border-top:1px solid #999;
}
.m_sortBox table tbody, .m_sortBox table tr, .m_sortBox table th, .m_sortBox table td{
display:block;
}
.m_sortBox table tr{
border-bottom:1px solid #999;
}
.m_sortBox table th{
text-align:left;
}
.m_sortBox table th a{
font-size:1.2rem;
text-decoration:none;
padding:16px 0;
display:block;
position:relative;
}
.m_sortBox table th a:before, .m_sortBox table th a:after{
content:'';
display:block;
width:19px;
height:2px;
background:#000;
position:absolute;
right:0;
top:25px;
}
.m_sortBox table th a:before{
transform:rotate(-90deg);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_sortBox table th a.is_active:before{
transform:rotate(0);
}
.m_sortBox table td{
display:none;
}
.m_sortBox table td .m_txtList{
width:100%;
}
.m_sortBox table td .m_lineList{
padding-bottom:20px;
}
.m_sortBox table td .m_lineList li{
border-color:#999;
}
.m_sortBox table td .m_lineList li:first-child{
border-left:1px solid #999;
padding-left:10px;
}
.m_sortBox table td .m_lineList li:last-child{
border-right:1px solid #999;
padding-right:10px;
}
.m_sortBox table td .m_lineList li:not(:last-child){
padding-right:10px;
margin-right:10px;
}
.m_sortBox table td .m_lineList li a{
position:relative;
}
.m_sortBox table td .m_lineList li a.current{
color:#e0791e;
}
.m_sortBox table td .m_lineList li a.current:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:10px;
height:9.5px;
background-position:0 -1711px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
position:absolute;
left:0;
right:0;
top:-14px;
margin:auto;
}
}

/* navigation module
--------------------------------------------------------------------------------------------------- */
.m_button{
letter-spacing:0;
}
.m_button a, .m_button .txt{
text-decoration:none;
display:inline-block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.m_button a:after, .m_button .txt:after{
content:'';
}
.m_button.s_link a, .m_button.s_link .txt{
background:#000;
color:#fff;
}
.m_button.s_black a, .m_button.s_black .txt{
background:#000;
color:#fff;
}
.m_button.s_blank a:after, .m_button.s_blank .txt:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 0;
vertical-align:-2px;
margin-left:5px;
}
.m_button.s_white a, .m_button.s_white .txt{
min-width:150px;
padding-left:30px;
line-height:32px;
background:#fff;
color:#000;
}
.m_button.s_gray a, .m_button.s_gray .txt{
min-width:150px;
padding-left:30px;
line-height:32px;
background:#202020;
color:#fff;
}
.m_button.s_large a, .m_button.s_large .txt{
font-weight:bold;
}
.m_button.s_large a:after, .m_button.s_large .txt:after{
content:'';
}
.m_button.s_center{
text-align:center;
}
@media screen and (min-width: 769px) {
.m_button.s_link a, .m_button.s_link .txt{
min-width:150px;
padding:0 20px 0 30px;
line-height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
.m_button.s_link a:after, .m_button.s_link .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -52px;
vertical-align:baseline;
margin-left:8px;
}
.m_button.s_link.s_large a:after, .m_button.s_link.s_large .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:33px;
height:20px;
background-position:0 -147px;
vertical-align:baseline;
}
.m_button.s_black a, .m_button.s_black .txt{
min-width:150px;
padding:0 20px;
line-height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
.m_button.s_gray a, .m_button.s_gray .txt{
min-width:150px;
padding:0 20px 0 30px;
line-height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
.m_button.s_gray a:after, .m_button.s_gray .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -52px;
vertical-align:baseline;
margin-left:8px;
}
.m_button.s_white a, .m_button.s_white .txt{
min-width:150px;
padding:0 20px 0 30px;
line-height:32px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
border-radius:16px;
}
.m_button.s_white a:after, .m_button.s_white .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:19px;
height:11px;
background-position:0 -73px;
vertical-align:baseline;
margin-left:8px;
}
.m_button.s_white.s_medium a:after, .m_button.s_white.s_medium .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:14px;
background-position:0 -94px;
vertical-align:baseline;
}
.m_button.s_white.s_blank a:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 -26px;
vertical-align:-1px;
margin-left:7px;
}
.m_button.s_more a, .m_button.s_more .txt{
padding:0 27px 0 32px;
}
.m_button.s_more a:after, .m_button.s_more .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:11px;
height:16px;
background-position:0 -3334px;
margin-left:8px;
}
.m_button.s_medium a, .m_button.s_medium .txt{
min-width:285px;
line-height:50px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
font-size:1.8rem;
font-weight:bold;
padding:0 20px;
}
.m_button.s_large a, .m_button.s_large .txt{
padding:0 48px 0 60px;
line-height:70px;
-webkit-border-radius:35px;
-moz-border-radius:35px;
border-radius:35px;
font-size:2.8rem;
}
.m_button.s_large a:after, .m_button.s_large .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:33px;
height:19px;
background-position:0 -118px;
margin-left:14px;
vertical-align:baseline;
}
.m_button.s_blank a:after, .m_button.s_blank .txt:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 0;
vertical-align:-2px;
margin-left:5px;
}
.m_button a:hover, .m_button .txt:hover{
opacity:0.7;
}
}
@media screen and (max-width: 768px) {
.m_button.s_link a, .m_button.s_link .txt{
font-size:1.2rem;
line-height:26px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
padding:0 17px 0 20px;
}
.m_button.s_link a:after, .m_button.s_link .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:10px;
background-position:0 -74px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
vertical-align:baseline;
margin-left:5px;
}
.m_button.s_link.s_large a, .m_button.s_link.s_large .txt{
font-size:1.8rem;
}
.m_button.s_link.s_large a:after, .m_button.s_link.s_large .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:10px;
background-position:0 -74px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
vertical-align:baseline;
}
.m_button.s_black a, .m_button.s_black .txt{
font-size:1.2rem;
line-height:26px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
padding:0 20px;
}
.m_button.s_gray a, .m_button.s_gray .txt{
font-size:1.2rem;
line-height:26px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
padding:0 17px 0 20px;
}
.m_button.s_gray a:after, .m_button.s_gray .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:10px;
background-position:0 -74px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
vertical-align:baseline;
margin-left:5px;
}
.m_button.s_white a, .m_button.s_white .txt{
font-size:1.2rem;
line-height:26px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px;
padding:0 17px 0 20px;
}
.m_button.s_white a:after, .m_button.s_white .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:9.5px;
background-position:0 -59px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
vertical-align:baseline;
margin-left:5px;
}
.m_button.s_white.s_blank a:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 -26px;
background-size:auto;
vertical-align:-1px;
margin-left:7px;
}
.m_button.s_medium a, .m_button.s_medium .txt{
font-size:1.6rem;
min-width:240px;
padding:0 10px;
line-height:45px;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
}
.m_button.s_more a:after, .m_button.s_more .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:10px;
height:13.5px;
background-position:0 -1680px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-left:5px;
}
.m_button.s_large a, .m_button.s_large .txt{
min-width:250px;
text-align:center;
padding:0 10px;
line-height:44px;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
font-size:2.0rem;
}
.m_button.s_large a:after, .m_button.s_large .txt:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:9.5px;
background-position:0 -59px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
margin-left:8px;
}
.m_button.s_blank a:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:16px;
background-position:0 0;
background-size:auto;
vertical-align:-1px;
margin-left:7px;
}
}

.m_radio{
position:relative;
}
.m_radio.s_white input[type=checkbox] + label:before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:20px;
background-position:0 -309px;
}
.m_radio.s_white input[type=checkbox] + label:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:13px;
background-position:0 -465px;
}
.m_radio a{
text-decoration:underline;
}
.m_radio a:hover{
text-decoration:none;
}
.m_radio input[type=checkbox],
.m_radio input[type=radio]{
display:none;
}
.m_radio input[type=checkbox] + label,
.m_radio input[type=radio] + label{
padding-left:28px;
cursor:pointer;
display:inline-block;
}
.m_radio input[type=checkbox] + label span,
.m_radio input[type=radio] + label span{
display:inline-block;
}
.m_radio input[type=checkbox] + label{
cursor:pointer;
}
.m_radio input[type=checkbox] + label:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:20px;
background-position:0 -219px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
margin:auto;
}
.m_radio input[type=checkbox] + label:after{
content:'';
position:absolute;
top:3px;
left:6px;
opacity:0;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:18px;
height:13px;
background-position:0 -399px;
}
.m_radio input[type=checkbox] + label span{
display:inline-block;
}
.m_radio input[type=checkbox]:checked + label:after{
opacity:1;
}
.m_radio input[type=radio] + label{
cursor:pointer;
}
.m_radio input[type=radio] + label:before{
content:'';
width:18px;
height:18px;
background:#fff;
border:1px solid #a0a0a0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:1px;
left:0;
margin:auto;
}
.m_radio input[type=radio] + label:after{
content:'';
width:10px;
height:10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:5px;
left:4px;
background:#f1872a;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
opacity:0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.m_radio input[type=radio] + label span{
display:inline-block;
}
.m_radio input[type=radio]:checked + label:after{
opacity:1;
}
@media screen and (max-width: 768px) {
.m_radio.s_white input[type=checkbox] + label:before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:25.5px;
height:25px;
background-position:0 -170px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
.m_radio.s_white input[type=checkbox] + label:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:22.5px;
height:16.5px;
background-position:0 -244px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
.m_radio input[type=checkbox] + label{
line-height:25px;
padding-left:37px;
}
.m_radio input[type=checkbox] + label:before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:25.5px;
height:25px;
background-position:0 -125px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
}
.m_radio input[type=checkbox] + label:after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:22.5px;
height:16.5px;
background-position:0 -211px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
top:5px;
left:7px;
}
}

.m_localNav .link li, .m_localNav .tel, .m_localNav .m_button{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_localNav .link li a span{
text-align:center;
}
@media screen and (min-width: 769px) {
.m_localNav{
width:1024px;
margin:0 auto 40px;
display:flex;
align-items:flex-end;
}
.m_localNav .link{
display:flex;
align-items:flex-end;
margin:0;
}
.m_localNav .link li{
position:relative;
}
.m_localNav .link li:before{
content:'';
position:absolute;
width:1px;
height:26px;
background:#999;
bottom:0;
left:0;
}
.m_localNav .link li:last-child:after{
content:'';
position:absolute;
width:1px;
height:26px;
background:#999;
bottom:0;
right:0;
}
.m_localNav .link li a{
font-size:1.8rem;
color:#000;
text-decoration:none;
display:block;
padding:0 26px;
position:relative;
}
.m_localNav .link li a.current:before{
transform-origin:left;
transform:scaleX(1);
}
.m_localNav .link li a:hover:before{
transform-origin:left;
transform:scaleX(1);
}
.m_localNav .link li a:before{
content:'';
position:absolute;
width:calc(100% - 52px);
height:4px;
bottom:-5px;
left:0;
right:0;
margin:auto;
background:#000;
-webkit-transition:transform 0.3s;
-moz-transition:transform 0.3s;
-ms-transition:transform 0.3s;
-o-transition:transform 0.3s;
transition:transform 0.3s;
transform-origin:right;
transform:scaleX(0);
}
.m_localNav .link li a span{
display:inline-block;
}
.m_localNav .link li a span:before{
content:'';
margin:0 auto 5px;
}
.m_localNav .link li.about_tokyo a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:31px;
height:37px;
background-position:0 -3008px;
}
.m_localNav .link li.about_yokohama a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:51px;
height:36px;
background-position:0 -3055px;
}
.m_localNav .link li.about_kyoto a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:31px;
height:36px;
background-position:0 -2962px;
}
.m_localNav .link li.about_beertogo a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:63px;
height:37px;
background-position:0 -2868px;
}
.m_localNav .link li.beer a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:12px;
height:36px;
background-position:0 -2822px;
}
.m_localNav .link li.food a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:48px;
height:37px;
background-position:0 -2915px;
}
.m_localNav .link li.access a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:17px;
height:37px;
background-position:0 -2775px;
}
.m_localNav .tel{
margin:0 0 6px auto;
}
.m_localNav .tel a{
font-size:3.4rem;
color:#000;
}
.m_localNav .tel a:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:43px;
height:32px;
background-position:0 -3101px;
vertical-align:-2px;
margin-right:5px;
}
.m_localNav .m_button{
margin:0 0 0 30px;
font-size:2.0rem;
}
.m_localNav .m_button a{
line-height:50px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
min-width:205px;
}
}
@media screen and (max-width: 768px) {
.m_localNav{
display:flex;
flex-wrap:wrap;
width:92%;
margin:0 auto 20px;
align-items:center;
}
.m_localNav .link{
order:3;
width:100%;
display:flex;
align-items:flex-end;
margin:30px 0 0;
}
.m_localNav .link li{
position:relative;
flex:1;
}
.m_localNav .link li:before{
content:'';
display:block;
width:1px;
height:23px;
background:#999;
position:absolute;
bottom:0;
left:0;
}
.m_localNav .link li:last-child:after{
content:'';
display:block;
width:1px;
height:23px;
background:#999;
position:absolute;
bottom:0;
right:0;
}
.m_localNav .link li.about_tokyo a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:15.5px;
height:18.5px;
background-position:0 -1504px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.about_yokohama a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:25.5px;
height:18px;
background-position:0 -1528px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.about_kyoto a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:15.5px;
height:18px;
background-position:0 -1481px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.about_beertogo a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:31.5px;
height:18.5px;
background-position:0 -1434px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.beer a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:6px;
height:18px;
background-position:0 -1411px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.food a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:18.5px;
background-position:0 -1458px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li.access a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:8.5px;
height:18.5px;
background-position:0 -1388px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
}
.m_localNav .link li a{
display:block;
text-align:center;
width:100%;
font-size:1.2rem;
color:#000;
font-weight:bold;
text-decoration:none;
padding-bottom:7px;
}
.m_localNav .link li a span:before{
content:'';
margin-left:auto;
margin-right:auto;
}
.m_localNav .link li a.current span{
position:relative;
}
.m_localNav .link li a.current span:after{
content:'';
position:absolute;
width:100%;
height:2px;
bottom:-5px;
left:0;
right:0;
margin:auto;
background:#000;
}
.m_localNav .tel{
order:1;
margin:0;
}
.m_localNav .tel:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/pub/pub_img_sprite.png');
background-repeat:no-repeat;
width:37.5px;
height:26.5px;
background-position:0 -1643px;
-moz-background-size:190px auto;
-o-background-size:190px auto;
-webkit-background-size:190px auto;
background-size:190px auto;
vertical-align:-2px;
margin-right:8px;
}
.m_localNav .tel a{
font-size:2.0rem;
color:#000;
}
.m_localNav .m_button{
order:2;
margin:0 0 0 auto;
}
.m_localNav .m_button a{
min-width:165px;
line-height:45px;
font-size:1.8rem;
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
}
}

.m_imgNav ul{
display:flex;
justify-content:center;
margin:0;
}
.m_imgNav ul li{
font-size:1.8rem;
position:relative;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.m_imgNav ul li:before{
content:'';
display:block;
width:1px;
height:26px;
background:#999;
position:absolute;
bottom:0;
left:0;
}
.m_imgNav ul li:last-child:after{
content:'';
display:block;
width:1px;
height:26px;
background:#999;
position:absolute;
bottom:0;
right:0;
}
.m_imgNav ul li a{
text-decoration:none;
display:block;
padding:0 40px;
}
.m_imgNav ul li a:before{
content:'';
margin:0 auto 10px;
}
.m_imgNav ul li a.icon1:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:50px;
height:51px;
background-position:0 -2184px;
}
.m_imgNav ul li a.icon2:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:57px;
height:51px;
background-position:0 -2245px;
}
.m_imgNav ul li a.icon3:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:63px;
height:51px;
background-position:0 -2306px;
}
.m_imgNav ul li a.icon4:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:30px;
height:51px;
background-position:0 -2367px;
}
.m_imgNav ul li a[href*="#"] span:after{
content:'';
display:inline-block;
width:0;
height:0;
border-top:6px solid #000;
border-left:3px solid transparent;
border-right:3px solid transparent;
vertical-align:0.2em;
margin-left:10px;
}
@media screen and (min-width: 769px) {
.m_imgNav{
margin-bottom:8px;
}
.m_imgNav ul li a span{
position:relative;
display:inline-block;
}
.m_imgNav ul li a span:before{
content:'';
display:block;
width:100%;
height:2px;
background:#000;
position:absolute;
bottom:-3px;
left:0;
-webkit-transition:transform 0.3s;
-moz-transition:transform 0.3s;
-ms-transition:transform 0.3s;
-o-transition:transform 0.3s;
transition:transform 0.3s;
transform-origin:right;
transform:scaleX(0);
}
.m_imgNav ul li a:hover span:before{
transform-origin:left;
transform:scaleX(1);
}
}
@media screen and (max-width: 768px) {
.m_imgNav{
margin:-30px auto 20px;
}
.m_imgNav ul{
width:92%;
margin:0 auto;
}
.m_imgNav ul li{
font-size:1.2rem;
width:25%;
}
.m_imgNav ul li a{
padding:0;
text-align:center;
}
.m_imgNav ul li a:before{
transform:scale(0.6);
transform-origin:bottom;
}
}

/* inline module
--------------------------------------------------------------------------------------------------- */
/* anchor */
@media screen and (min-width: 769px) {
.m_pcHide{
display:none !important;
}
}
@media screen and (max-width: 768px) {
.m_spHide{
display:none !important;
}
}
/* modifire module
--------------------------------------------------------------------------------------------------- */
/* text align */
[class*="_" alignLeft]{
text-align:left !important;
}

[class*="_alignCenter"]{
text-align:center !important;
}

[class*="_alignRight"]{
text-align:right !important;
}

[class*="_alignTop"]{
vertical-align:top !important;
}

[class*="_alignMiddle"]{
vertical-align:middle !important;
}

[class*="_alignBottom"]{
vertical-align:bottom !important;
}

/* font style */
[class*="_fontBold"]{
font-weight:bold;
}

[class*="_fontItalic"]{
font-style:italic;
}

[class*="_" fontNormal]{
font-style:normal !important;
font-weight:normal !important;
}

/* fontColor */
[class*="_colorType01"]{
color:#000000;
}

[class*="_colorType02"]{
color:#000;
}

@font-face {
font-family:'icomoon';
src:url("/fonts/icomoon.eot?16hshz");
src:url("/fonts/icomoon.eot?16hshz#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?16hshz") format("truetype"), url("/fonts/icomoon.woff?16hshz") format("woff"), url("/fonts/icomoon.svg?16hshz#icomoon") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family:"Trade Gothic LT W01 Bd CnNo-20";
src:url("/fonts/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix");
src:url("/fonts/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix") format("eot"), url("/fonts/520ed712-50ad-4591-aa63-b242b83a3694.woff2") format("woff2"), url("/fonts/c9083b7e-ba26-4e45-8f1b-34ad32e924e5.woff") format("woff"), url("/fonts/84c568ba-a16d-43bb-ad9f-783ab985108f.ttf") format("truetype");
}
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
[class^="icon-"], [class*=" icon-"]{
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.icon-insta:before{
content:"\e900";
color:#a92e74;
}

.icon-fb:before{
content:"\e901";
color:#3b5998;
}

.icon-line:before{
content:"\e902";
color:#1fa022;
}

/* animation module
--------------------------------------------------------------------------------------------------- */
/* CSS Document */
@keyframes wipe {
  from {
clip:rect(640px, auto, auto, 0);
  }
  to {
clip:rect(640px, auto, auto, calc(100% - 210px));
  }
}
@keyframes fade_down {
  from {
opacity:0;
transform:translateY(-50%);
  }
  to {
opacity:1;
transform:translateY(0);
  }
}
@keyframes scaleX {
  from {
transform:scaleX(0);
  }
  to {
transform:scaleX(1);
  }
}
@keyframes fadeIn {
  from {
opacity:0;
  }
  to {
opacity:1;
  }
}
/* home
--------------------------------------------------------------------------------------------------- */
/*====================================================================================================

    home

====================================================================================================*/
.home .mvArea{
width:100%;
overflow:hidden;
position:relative;
}
.home .mvArea .inner{
position:absolute;
margin:auto;
left:0;
right:0;
}
.home .mvArea .m_button{
max-width:92vw;
margin:auto;
text-align:right;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.home .mvArea{
height:700px;
}
.home .mvArea .img{
width:1024px;
margin:0 auto;
}
.home .mvArea .img img{
width:1500px;
margin-left:-238px;
}
.home .mvArea .inner{
width:1024px;
top:103px;
}
.home .mvArea .txt{
margin:0 0 79px -98px;
}
.home .mvArea .logo{
margin:0 0 50px;
text-align:center;
}
.home .mvArea .m_button{
width:1024px;
font-size:2.0rem;
}
.home .mvArea .m_button a:after{
vertical-align:2px;
}
}
@media screen and (min-width: 1500px) {
.home .mvArea .img{
width:100%;
}
.home .mvArea .img img{
width:100%;
margin:0;
}
}
@media screen and (max-width: 768px) {
.home .mvArea img{
width:100%;
}
.home .mvArea .inner{
top:26vw;
}
.home .mvArea .txt{
margin-bottom:18vw;
}
}
.home .homeSection01{
background:url(/images/home/homeSecBg01.gif) no-repeat 0 0/cover;
}
.home .homeSection01 .m_button{
margin-bottom:0;
}
.home .homeSection01 .m_pageTtl{
margin-top:0;
}
@media screen and (min-width: 769px) {
.home .homeSection01{
padding:150px 0 160px;
}
.home .homeSection01 .slidesWrap{
width:328px;
margin:0 auto;
}
.home .homeSection01 .m_box3col{
width:auto;
}
.home .homeSection01 .m_box3col > .col{
min-width:328px !important;
margin:0 20px 0 0 !important;
}
.home .homeSection01 .m_slides{
position:relative;
margin-bottom:30px;
}
.home .homeSection01 .m_slides .bx-controls{
height:52px;
position:absolute;
top:155px;
bottom:initial;
bottom:auto;
left:0;
margin:auto;
width:100%;
}
.home .homeSection01 .m_slides .bx-controls .bx-prev, .home .homeSection01 .m_slides .bx-controls .bx-next{
width:50px;
height:50px;
border:1px solid #fff;
}
.home .homeSection01 .m_slides .bx-controls .bx-prev:after, .home .homeSection01 .m_slides .bx-controls .bx-next:after{
width:16px;
height:16px;
left:20px;
}
.home .homeSection01 .m_slides .bx-controls .bx-prev{
left:40px;
}
.home .homeSection01 .m_slides .bx-controls .bx-next{
right:40px;
}
}
@media screen and (max-width: 768px) {
.home .homeSection01{
padding:80px 0;
}
.home .homeSection01 .m_pageTtl{
margin-bottom:20px;
}
.home .homeSection01 .slidesWrap{
width:84vw;
}
.home .homeSection01 .m_box3col > .col{
min-width:84vw;
margin-right:10px;
}
.home .homeSection01 .m_box3col > .col:not(:first-child){
margin-top:0;
}
.home .homeSection01 .m_slides{
position:relative;
}
.home .homeSection01 .m_slides .bx-controls{
position:absolute;
left:0;
top:0;
bottom:0;
margin:auto;
width:100%;
}
.home .homeSection01 .m_slides .bx-controls .bx-prev, .home .homeSection01 .m_slides .bx-controls .bx-next{
border:1px solid #fff;
}
.home .homeSection01 .m_slides .bx-controls .bx-prev{
left:10px;
}
.home .homeSection01 .m_slides .bx-controls .bx-next{
right:10px;
}
}
.home .homeSection02{
position:relative;
}
.home .homeSection02:before{
content:'';
width:100%;
position:absolute;
top:0;
left:0;
z-index:-1;
}
.home .homeSection02 .m_pageTtl{
color:#fff;
}
.home .homeSection02 .m_pageTtl .jp{
line-height:2;
}
.home .homeSection02 .m_button{
margin-bottom:0;
}
.home .homeSection02 .bxslider li:not(.current) a{
pointer-events:none;
}
@media screen and (min-width: 1500px) {
.home .homeSection02:before{
-webkit-background-size:100%;
background-size:100%;
}
}
@media screen and (min-width: 769px) {
.home .homeSection02{
padding-top:115px;
}
.home .homeSection02:before{
height:580px;
background-image:url(/images/home/homeSec02Bg_pc.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.home .homeSection02 .m_pageTtl{
margin:0;
}
.home .homeSection02 .m_pageTtl .en{
margin-bottom:25px;
}
.home .homeSection02 .m_pageTtl .jp{
line-height:2;
}
.home .homeSection02 .slidesWrap{
width:328px;
margin:0 auto;
}
.home .homeSection02 .m_slides{
position:relative;
margin-bottom:40px;
}
.home .homeSection02 .m_slides .bx-controls{
height:52px;
position:absolute;
top:100px;
bottom:0;
left:0;
margin:auto;
width:100%;
}
.home .homeSection02 .m_slides .bx-controls .bx-controls-direction{
width:520px;
height:50px;
position:relative;
margin:auto;
}
.home .homeSection02 .m_slides .bx-controls .bx-prev, .home .homeSection02 .m_slides .bx-controls .bx-next{
width:50px;
height:50px;
border:1px solid #fff;
}
.home .homeSection02 .m_slides .bx-controls .bx-prev:after, .home .homeSection02 .m_slides .bx-controls .bx-next:after{
width:16px;
height:16px;
left:20px;
}
.home .homeSection02 .m_slides .bx-controls .bx-prev{
left:0;
}
.home .homeSection02 .m_slides .bx-controls .bx-next{
right:0;
}
.home .homeSection02 .bxslider li{
min-width:328px !important;
height:528px;
margin-right:20px;
position:relative;
}
.home .homeSection02 .bxslider li:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center bottom;
background-repeat:no-repeat;
opacity:0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.home .homeSection02 .bxslider li a{
display:block;
height:100%;
position:relative;
}
.home .homeSection02 .bxslider li .img{
transform:translateY(100px);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.home .homeSection02 .bxslider li.beer01:before{
background-image:url(/images/home/homeSec02Bg01_pc.png);
}
.home .homeSection02 .bxslider li.beer02:before{
background-image:url(/images/home/homeSec02Bg02_pc.png);
}
.home .homeSection02 .bxslider li.beer03:before{
background-image:url(/images/home/homeSec02Bg03_pc.png);
}
.home .homeSection02 .bxslider li.beer04:before{
background-image:url(/images/home/homeSec02Bg04_pc.png);
}
.home .homeSection02 .bxslider li.beer05:before{
background-image:url(/images/home/homeSec02Bg05_pc.png);
}
.home .homeSection02 .bxslider li.beer06:before{
background-image:url(/images/home/homeSec02Bg06_pc.png);
}
.home .homeSection02 .bxslider li.current:before{
opacity:1;
}
.home .homeSection02 .bxslider li.current .img{
transform:translateY(0);
}
}
@media screen and (max-width: 768px) {
.home .homeSection02{
background:url(/images/home/homeSec02Bg_sp.jpg) no-repeat 0 0/100%;
padding-top:50px;
margin-bottom:80px;
}
.home .homeSection02 .m_pageTtl{
margin:0 0 15px;
}
.home .homeSection02 .slidesWrap{
width:200px;
margin:0 auto;
}
.home .homeSection02 .m_slides{
position:relative;
}
.home .homeSection02 .m_slides .bx-controls{
width:290px;
position:absolute;
top:230px;
left:0;
right:0;
margin:auto;
}
.home .homeSection02 .m_slides .bx-controls .bx-prev{
left:0;
}
.home .homeSection02 .m_slides .bx-controls .bx-next{
right:0;
}
.home .homeSection02 .bxslider li{
min-width:200px !important;
height:281px;
margin-right:0;
position:relative;
padding-top:80px;
}
.home .homeSection02 .bxslider li .img{
transform:translateY(55px);
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.home .homeSection02 .bxslider li .img img{
width:100%;
}
.home .homeSection02 .bxslider li:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-position:center bottom;
background-repeat:no-repeat;
-webkit-background-size:100%;
background-size:100%;
opacity:0;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.home .homeSection02 .bxslider li.beer01:before{
background-image:url(/images/home/homeSec02Bg01_sp.png);
}
.home .homeSection02 .bxslider li.beer02:before{
background-image:url(/images/home/homeSec02Bg02_sp.png);
}
.home .homeSection02 .bxslider li.beer03:before{
background-image:url(/images/home/homeSec02Bg03_sp.png);
}
.home .homeSection02 .bxslider li.beer04:before{
background-image:url(/images/home/homeSec02Bg04_sp.png);
}
.home .homeSection02 .bxslider li.beer05:before{
background-image:url(/images/home/homeSec02Bg05_sp.png);
}
.home .homeSection02 .bxslider li.beer06:before{
background-image:url(/images/home/homeSec02Bg06_sp.png);
}
.home .homeSection02 .bxslider li.current:before{
opacity:1;
}
.home .homeSection02 .bxslider li.current .img{
transform:translateY(-80px);
}
}
@media screen and (min-width: 769px) {
.home .homeSection03 .m_pageTtl{
margin-bottom:50px;
}
.home .homeSection03 .m_pageTtl .en{
margin-bottom:25px;
}
.home .homeSection03 .m_slides{
position:relative;
}
.home .homeSection03 .m_slides .bx-controls{
height:52px;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
width:100%;
}
.home .homeSection03 .m_slides .bx-controls .bx-prev, .home .homeSection03 .m_slides .bx-controls .bx-next{
width:50px;
height:50px;
border:1px solid #fff;
}
.home .homeSection03 .m_slides .bx-controls .bx-prev:after, .home .homeSection03 .m_slides .bx-controls .bx-next:after{
width:16px;
height:16px;
left:20px;
}
.home .homeSection03 .m_slides .bx-controls .bx-prev{
left:40px;
}
.home .homeSection03 .m_slides .bx-controls .bx-next{
right:40px;
}
.home .homeSection03 .bxslider li{
max-height:640px;
overflow:hidden;
}
.home .homeSection03 .bxslider li .img{
width:1024px;
margin:0 auto;
}
.home .homeSection03 .bxslider li .img img{
width:1500px;
margin-left:-238px;
}
.home .homeSection03 .bxslider li .txtWrap{
position:absolute;
top:0;
left:0;
right:0;
width:1024px;
height:640px;
margin:auto;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-end;
}
.home .homeSection03 .bxslider li.slide01 .txtWrap .txt{
margin:0 8px 38px 0;
}
.home .homeSection03 .bxslider li.slide02 .txtWrap .txt{
margin:0 -21px 18px 0;
}
.home .homeSection03 .bxslider li.slide03 .txtWrap .txt{
margin:0 -21px 18px 0;
}
}
@media screen and (min-width: 1500px) {
.home .homeSection03 .bxslider li .img{
width:100%;
}
.home .homeSection03 .bxslider li .img img{
width:100%;
margin:0;
}
}
@media screen and (max-width: 768px) {
.home .homeSection03 .m_pageTtl{
margin:0 0 25px;
}
.home .homeSection03 .m_slides .img img{
width:100%;
}
.home .homeSection03 .m_slides .txtWrap{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:center;
}
.home .homeSection03 .m_slides .txtWrap .txt{
margin-bottom:25px;
}
.home .homeSection03 .m_slides .txtWrap .txt img{
width:100%;
}
.home .homeSection03 .m_slides .txtWrap .m_button{
margin-right:15vw;
}
.home .homeSection03 .m_slides .bx-wrapper{
position:relative;
}
.home .homeSection03 .m_slides .bx-controls{
width:95vw;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.home .homeSection03 .m_slides .bx-controls .bx-prev, .home .homeSection03 .m_slides .bx-controls .bx-next{
border:1px solid #fff;
}
.home .homeSection03 .m_slides .bx-controls .bx-prev{
left:0;
}
.home .homeSection03 .m_slides .bx-controls .bx-next{
right:0;
}
}
.home .homeSection04 .m_pageTtl .jp{
line-height:2;
}
.home .homeSection04 .pubList{
position:relative;
}
.home .homeSection04 .pubList li .addressBox table th:after{
content:'：';
float:right;
}
@media screen and (min-width: 769px) {
.home .homeSection04 .pubList{
display:flex;
margin-bottom:210px;
}
.home .homeSection04 .pubList li{
width:25%;
height:640px;
cursor:pointer;
transition:width 1s,background-position 1s;
position:relative;
}
.home .homeSection04 .pubList li:after{
content:'';
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:640px;
background:rgba(0, 0, 0, 0.6);
transition:opacity 1s ,background 0.3s;
}
.home .homeSection04 .pubList li.is_active{
width:calc(100% - 210px);
cursor:auto;
background-size:cover;
}
.home .homeSection04 .pubList li.is_active:after{
opacity:0;
}
.home .homeSection04 .pubList li.is_active .animBg{
content:'';
display:block;
width:calc(100% - 210px);
height:640px;
background:#fff;
-webkit-background-size:cover;
background-size:cover;
position:absolute;
top:0;
left:0;
transform-origin:right;
clip:rect(0, auto, 640px, 0);
transition:clip 1s;
transition-timing-function:ease;
    /*animation: wipe 1s ease 0s;
    animation-fill-mode: both;*/
}
.home .homeSection04 .pubList li.is_active .animBg img{
width:1290px;
margin-left:calc((100% - 210px - 645px)/2);
}
.home .homeSection04 .pubList li.is_active .head{
opacity:0;
}
.home .homeSection04 .pubList li.is_active .head.is_vertical{
align-items:flex-start;
padding-top:30px;
}
.home .homeSection04 .pubList li.is_active .head.is_vertical .main span{
display:inline-block;
vertical-align:sub;
}
.home .homeSection04 .pubList li.is_active .head.is_vertical .sub{
display:none;
}
.home .homeSection04 .pubList li.is_active .txtBox{
position:absolute;
display:block;
width:1024px;
left:0;
right:0;
margin:auto;
pointer-events:none;
}
.home .homeSection04 .pubList li.is_active .txtBox:after{
opacity:0;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner{
position:absolute;
left:0;
bottom:-90px;
padding:40px;
width:360px;
box-sizing:border-box;
pointer-events:all;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner:before{
content:'';
display:block;
position:absolute;
left:0;
top:0;
z-index:-1;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.8);
transform-origin:left;
animation:scaleX 0.7s ease 0.4s;
animation-fill-mode:both;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:14px;
background-position:0 -2762px;
position:absolute;
right:20px;
bottom:20px;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner:hover:after{
transform:translateX(10px);
}
.home .homeSection04 .pubList li.is_active .txtBox .inner .txt, .home .homeSection04 .pubList li.is_active .txtBox .inner .ttl{
animation:fadeIn 0.3s ease 0.7s;
animation-fill-mode:both;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner .txt{
display:block;
line-height:2;
margin:0;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner .ttl{
text-align:left;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner .ttl .main{
font-size:5.0rem;
}
.home .homeSection04 .pubList li.is_active .txtBox .inner .ttl .sub{
font-size:1.4rem;
}
.home .homeSection04 .pubList li.is_active .addressBox{
display:block;
position:absolute;
width:1024px;
top:655px;
left:0;
right:0;
margin:auto;
animation:fadeIn 0.3s ease 0.5s;
animation-fill-mode:both;
}
.home .homeSection04 .pubList li.is_active .addressBox table{
margin-left:400px;
}
.home .homeSection04 .pubList li.is_active .addressBox table th, .home .homeSection04 .pubList li.is_active .addressBox table td{
padding-bottom:5px;
}
.home .homeSection04 .pubList li.is_active .addressBox table th{
width:85px;
padding-right:10px;
}
.home .homeSection04 .pubList li.is_minimum{
width:70px;
writing-mode:vertical-rl;
}
.home .homeSection04 .pubList li.is_minimum.tokyo{
background-position:79.3% 0px;
}
.home .homeSection04 .pubList li.is_minimum.yokohama{
background-position:69% 0px;
}
.home .homeSection04 .pubList li.is_minimum.kyoto{
background-position:51.21% 0px;
}
.home .homeSection04 .pubList li.is_minimum.beertogo{
background-position:51% 0px;
}
.home .homeSection04 .pubList li.is_minimum.beertogo .ttl{
margin-top:0;
}
.home .homeSection04 .pubList li.is_minimum .animBg{
display:none;
}
.home .homeSection04 .pubList li.is_minimum .head{
width:100%;
align-items:flex-start;
padding-top:30px;
display:flex;
min-width:70px;
writing-mode:vertical-rl;
text-align:left;
}
.home .homeSection04 .pubList li.is_minimum .head .main span{
display:inline-block;
vertical-align:sub;
}
.home .homeSection04 .pubList li.is_minimum .head .sub{
display:none;
}
.home .homeSection04 .pubList li:hover:after{
background:rgba(0, 0, 0, 0.4);
}
.home .homeSection04 .pubList li .head{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:640px;
text-decoration:none;
color:#fff;
z-index:1;
transition:opacity 1s;
margin:0;
}
.home .homeSection04 .pubList li .head.is_vertical{
writing-mode:vertical-rl;
width:100%;
}
.home .homeSection04 .pubList li .head .main{
display:block;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size:3.4rem;
}
.home .homeSection04 .pubList li .head .main span{
font-size:1.5rem;
line-height:1;
display:block;
}
.home .homeSection04 .pubList li .head .sub{
margin-top:10px;
font-size:1.2rem;
}
.home .homeSection04 .pubList li .txtBox{
display:none;
}
.home .homeSection04 .pubList li .txtBox .inner{
text-decoration:none;
color:#fff;
position:relative;
z-index:1;
}
.home .homeSection04 .pubList li .txtBox .txt{
display:none;
}
.home .homeSection04 .pubList li .txtBox .ttl{
margin:0;
text-align:center;
}
.home .homeSection04 .pubList li .txtBox .ttl .main{
display:block;
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size:3.4rem;
}
.home .homeSection04 .pubList li .txtBox .ttl .main span{
font-size:1.5rem;
line-height:1;
display:block;
}
.home .homeSection04 .pubList li .txtBox .ttl .sub{
margin-top:10px;
font-size:1.2rem;
}
.home .homeSection04 .pubList li .addressBox{
display:none;
}
.home .homeSection04 .pubList li.tokyo{
background-image:url(/images/home/homeSection04_bg01_pc.jpg);
background-position:center 0px;
}
.home .homeSection04 .pubList li.yokohama{
background-image:url(/images/home/homeSection04_bg02_pc.jpg);
background-position:78% 0px;
}
.home .homeSection04 .pubList li.kyoto{
background-image:url(/images/home/homeSection04_bg03_pc.jpg);
background-position:51.5% 0px;
}
.home .homeSection04 .pubList li.beertogo{
background-image:url(/images/home/homeSection04_bg04_pc.jpg);
background-position:63% 0px;
}
.home .homeSection04 .pubList li.beertogo .ttl{
margin-top:16px;
}
}
@media screen and (min-width: 1290px) {
.home .homeSection04 .pubList li.is_active .animBg img{
width:100%;
margin-left:0;
}
}
@media screen and (max-width: 768px) {
.home .homeSection04{
margin-bottom:75px;
}
.home .homeSection04 .pubList{
margin-bottom:0;
}
.home .homeSection04 .pubList li:not(:first-child){
margin-top:38px;
}
.home .homeSection04 .pubList li .head{
display:none;
}
.home .homeSection04 .pubList li .txtBox{
margin-bottom:18px;
}
.home .homeSection04 .pubList li .txtBox a{
display:block;
background:#000;
color:#fff;
text-decoration:none;
padding:0 15px 25px;
position:relative;
}
.home .homeSection04 .pubList li .txtBox a:before{
content:'';
display:block;
height:68.4vw;
margin:0 -15px 20px;
-webkit-background-size:cover;
background-size:cover;
}
.home .homeSection04 .pubList li .txtBox a:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/common/mod_img_sprite.png');
background-repeat:no-repeat;
width:16.5px;
height:10px;
background-position:0 -74px;
-moz-background-size:347px auto;
-o-background-size:347px auto;
-webkit-background-size:347px auto;
background-size:347px auto;
position:absolute;
right:15px;
bottom:15px;
}
.home .homeSection04 .pubList li .txtBox .txt{
font-size:1.2rem;
margin-bottom:10px;
}
.home .homeSection04 .pubList li .txtBox .ttl{
margin-bottom:0;
}
.home .homeSection04 .pubList li .txtBox .ttl .main{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size:3.4rem;
display:block;
margin-bottom:5px;
}
.home .homeSection04 .pubList li .txtBox .ttl .main span{
font-size:1.3rem;
display:block;
}
.home .homeSection04 .pubList li .txtBox .ttl .sub{
font-size:1.2rem;
}
.home .homeSection04 .pubList li.tokyo .txtBox a:before{
background-image:url(/images/home/homeSection04_bg01_sp.jpg);
}
.home .homeSection04 .pubList li.yokohama .txtBox a:before{
background-image:url(/images/home/homeSection04_bg02_sp.jpg);
}
.home .homeSection04 .pubList li.kyoto .txtBox a:before{
background-image:url(/images/home/homeSection04_bg03_sp.jpg);
}
.home .homeSection04 .pubList li.beertogo .txtBox a:before{
background-image:url(/images/home/homeSection04_bg04_sp.jpg);
}
.home .homeSection04 .pubList li .addressBox{
padding:0 15px;
}
.home .homeSection04 .pubList li .addressBox table{
margin-bottom:0;
font-size:1.2rem;
}
.home .homeSection04 .pubList li .addressBox table th{
vertical-align:top;
width:70px;
}
}

@media screen and (min-width: 769px) {
html[lang="en"] .home .homeSection02 .m_slides .bx-controls{
top:85px;
}
html[lang="en"] .mvArea{
margin-bottom:150px;
}
html[lang="en"] .home .homeSection02 .bxslider li.beer01:before{
background-image:url(/images/home/homeSec02Bg01en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer02:before{
background-image:url(/images/home/homeSec02Bg02en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer03:before{
background-image:url(/images/home/homeSec02Bg03en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer04:before{
background-image:url(/images/home/homeSec02Bg04en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer05:before{
background-image:url(/images/home/homeSec02Bg05en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer06:before{
background-image:url(/images/home/homeSec02Bg06en_pc.png);
}
html[lang="en"] .home .homeSection02 .bxslider li{
height:550px;
}
}
@media screen and (max-width: 768px) {
html[lang="en"] .mvArea{
margin-bottom:80px;
}
html[lang="en"] .home .homeSection02 .bxslider li.beer01:before{
background-image:url(/images/home/homeSec02Bg01en_sp.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer02:before{
background-image:url(/images/home/homeSec02Bg02en_sp.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer03:before{
background-image:url(/images/home/homeSec02Bg03en_sp.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer04:before{
background-image:url(/images/home/homeSec02Bg04en_sp.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer05:before{
background-image:url(/images/home/homeSec02Bg05en_sp.png);
}
html[lang="en"] .home .homeSection02 .bxslider li.beer06:before{
background-image:url(/images/home/homeSec02Bg06en_sp.png);
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.home .homeSection04 .pubList li.is_minimum .txtBox .ttl{
-ms-writing-mode:tb-rl;
padding-left:14px;
}

.home .homeSection04 .pubList li.is_minimum .head{
-ms-writing-mode:tb-rl;
width:70px;
}

.home .homeSection04 .pubList li.is_active .head.is_vertical{
-ms-writing-mode:tb-rl;
}
}
/*====================================================================================================

    about

====================================================================================================*/
.about .m_lineList.s_center{
margin:120px auto;
}
.about .aboutBox01 .txt{
font-size:1.8rem;
line-height:2;
margin-bottom:40px;
text-align:center;
}
.about .aboutBox01 .m_button{
margin-bottom:0;
}
.about .aboutBox02{
margin-bottom:120px;
padding-top:110px;
}
.about .aboutBox02 .m_subTxt{
margin-bottom:35px;
}
.about .aboutBox03{
overflow:hidden;
margin-bottom:110px;
}
.about .aboutBox03 .wrap{
position:relative;
}
.about .aboutBox03 .col1{
width:1024px;
margin:0 auto;
position:absolute;
top:0;
left:0;
right:0;
}
.about .aboutBox03 .col1 .head{
font-size:2.8rem;
}
.about .aboutBox03 .col1 .txt{
line-height:2.3;
font-size:1.6rem;
margin-bottom:30px;
}
.about .aboutBox03 .col1 .m_button{
margin-bottom:80px;
}
.about .aboutBox03 .col1 .imgList{
display:flex;
margin-left:-238px;
}
.about .aboutBox03 .col2{
display:flex;
}
.about .aboutBox03 .col2 .img1{
width:60%;
height:340px;
overflow:hidden;
margin-top:400px;
position:relative;
}
.about .aboutBox03 .col2 .img1 img{
width:100%;
min-width:900px;
position:absolute;
top:0;
right:0;
}
.about .aboutBox03 .col2 .img2{
width:40%;
height:800px;
overflow:hidden;
position:relative;
}
.about .aboutBox03 .col2 .img2 img{
width:100%;
min-width:600px;
position:absolute;
top:0;
left:0;
}
.about .eventBoxWrap{
overflow:hidden;
}
@media screen and (min-width: 769px) {
.about [class*="aboutBox"] .m_full2col{
height:500px;
margin-bottom:40px;
}
.about [class*="aboutBox"] .m_full2col:not(.s_reverse) .wrap{
padding-top:95px;
margin-right:auto;
}
.about [class*="aboutBox"] .m_full2col.s_reverse .wrap{
padding-top:60px;
margin-left:auto;
}
.about [class*="aboutBox"] .m_full2col > .col{
width:50%;
}
.about [class*="aboutBox"] .m_full2col > .col .wrap{
max-width:512px;
}
.about .aboutBox01 .img{
height:600px;
width:1024px;
margin:0 auto 50px;
}
.about .aboutBox01 .img img{
margin-left:-238px;
}
.about .brewBox01{
margin:0 auto 120px;
position:relative;
}
.about .brewBox01 .m_full2col{
min-height:710px;
height:47.33vw;
overflow:hidden;
}
.about .brewBox01 .m_full2col > .col:first-child{
width:44.8vw;
margin-right:80px;
}
.about .brewBox01 .m_full2col > .col:first-child .img img{
width:100%;
position:absolute;
}
.about .brewBox01 .m_full2col > .col:last-child{
display:flex;
flex-direction:column;
justify-content:center;
}
.about .brewBox01 .m_full2col > .col > *:last-child{
margin-bottom:0;
}
.about .brewBox01 .m_boldHead{
text-align:left;
}
.about .brewBox01 .txt{
line-height:2.3;
font-size:1.6rem;
margin-bottom:45px;
}
.about .brewBox01 > *:last-child{
margin-bottom:0;
}
.about .brewBox02 .m_full2col > .col:first-child{
width:55.5vw;
padding-left:15.86vw;
box-sizing:border-box;
margin-right:80px;
}
.about .brewBox02 .m_full2col > .col:last-child{
width:calc(44.5vw; - 80px);
}
.about .brewBox02 .m_full2col > .col .m_boldHead{
text-align:left;
}
.about .brewBox02 .m_full2col > .col .txt{
line-height:2.3;
font-size:1.6rem;
margin-bottom:45px;
}
.about .brewBox02 .m_full2col > .col .img img{
right:initial;
right:auto;
left:auto;
width:100%;
}
.about [class*="exBox"] .m_imgArea{
height:840px;
margin-bottom:0;
}
.about [class*="exBox"] .boxInner{
padding-top:70px;
}
.about [class*="exBox"] .boxInner .inner{
width:1024px;
margin:0 auto;
}
.about [class*="exBox"] .m_boldHead{
text-align:left;
font-size:2.8rem;
}
.about [class*="exBox"] .m_subTxt{
text-align:left;
font-weight:normal;
margin:0;
}
.about [class*="exBox"] .m_button.s_large a{
font-size:2.0rem;
}
.about .exBox01{
margin-bottom:97px;
}
.about .exBox01 .m_imgArea{
padding-top:84px;
}
.about .exBox01 .m_imgArea .txtBox img{
top:-84px;
right:-81px;
}
.about .exBox01 .m_subTxt{
margin-bottom:35px;
}
.about .exBox01 .m_box3col > .col:nth-child(n+4){
margin-top:20px;
}
.about .exBox02{
margin-bottom:103px;
}
.about .exBox02 .m_imgArea{
padding-top:63px;
}
.about .exBox02 .m_imgArea .txtBox img{
top:-63px;
right:0;
}
.about .exBox02 .boxInner{
padding-bottom:75px;
background:url(/images/about/exBox02Bg.png) no-repeat right 30px top;
}
.about .exBox02 .m_slides{
margin-bottom:0;
}
.about .exBox03 .m_button, .about .exBox04 .m_button{
position:relative;
}
.about .exBox03 .m_button:before, .about .exBox04 .m_button:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:106px;
height:105px;
background-position:0 -1954px;
position:absolute;
margin-left:-122px;
}
.about .exBox03 .m_imgArea{
padding-top:56px;
}
.about .exBox03 .m_imgArea .txtBox img{
top:-56px;
left:0;
}
.about .exBox03 .m_subTxt{
margin-bottom:50px;
}
.about .exBox03 .m_button{
margin-bottom:100px;
}
.about .exBox03 .boxInner{
background:url(/images/about/exBox03Bg.png) no-repeat right 60px top 25px, url(/images/about/exBox03_02Bg1.png) no-repeat 65px 1020px, url(/images/about/exBox03_02Bg2.png) no-repeat right 20px top 1310px;
}
.about .exBox03 .inner{
margin-bottom:100px;
}
.about .exBox03 .exBox03_02{
width:1024px;
margin:0 auto;
}
.about .exBox03 .exBox03_02 > .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:1024px;
height:38px;
background-position:0 -1627px;
margin-bottom:55px;
}
.about .exBox03 .exBox03_02 > .flow{
margin-bottom:180px;
list-style-type:none;
position:relative;
}
.about .exBox03 .exBox03_02 > .flow li:before{
content:'';
margin:0 0 15px -15px;
}
.about .exBox03 .exBox03_02 > .flow li .head{
margin-bottom:20px;
}
.about .exBox03 .exBox03_02 > .flow li .txt{
line-height:2.3;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg{
position:absolute;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg.img01{
top:0;
left:-2px;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg.img02{
top:306px;
right:-10px;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg.img03{
top:524px;
left:-7px;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg.img04{
top:872px;
right:-6px;
}
.about .exBox03 .exBox03_02 > .flow .flow01{
margin-left:368px;
margin-bottom:57px;
}
.about .exBox03 .exBox03_02 > .flow .flow01:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:68px;
height:76px;
background-position:0 -579px;
}
.about .exBox03 .exBox03_02 > .flow .flow01:after{
content:'';
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:111px;
height:88px;
background-position:0 -2428px;
position:absolute;
left:288px;
}
.about .exBox03 .exBox03_02 > .flow .flow01 .head{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:318px;
height:23px;
background-position:0 -923px;
}
.about .exBox03 .exBox03_02 > .flow .flow02{
margin-left:190px;
margin-bottom:122px;
}
.about .exBox03 .exBox03_02 > .flow .flow02:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:68px;
height:76px;
background-position:0 -665px;
}
.about .exBox03 .exBox03_02 > .flow .flow02:after{
content:'';
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:64px;
height:82px;
background-position:0 -2661px;
position:absolute;
left:482px;
}
.about .exBox03 .exBox03_02 > .flow .flow02 .head{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:364px;
height:22px;
background-position:0 -1099px;
}
.about .exBox03 .exBox03_02 > .flow .flow03{
margin-left:535px;
margin-bottom:105px;
}
.about .exBox03 .exBox03_02 > .flow .flow03:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:68px;
height:76px;
background-position:0 -751px;
}
.about .exBox03 .exBox03_02 > .flow .flow03:after{
content:'';
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:91px;
height:110px;
background-position:0 -2845px;
position:absolute;
left:432px;
}
.about .exBox03 .exBox03_02 > .flow .flow03 .head{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:241px;
height:23px;
background-position:0 -1274px;
}
.about .exBox03 .exBox03_02 > .flow .flow04{
margin-left:215px;
}
.about .exBox03 .exBox03_02 > .flow .flow04:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:68px;
height:76px;
background-position:0 -837px;
}
.about .exBox03 .exBox03_02 > .flow .flow04 .head{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:260px;
height:24px;
background-position:0 -1450px;
}
.about .exBox03 .exBox03_03{
width:1024px;
margin:0 auto 95px;
}
.about .exBox03 .exBox03_03 > .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:1024px;
height:67px;
background-position:0 -1775px;
margin-bottom:45px;
}
.about .exBox03 .exBox03_03 > .list{
display:flex;
justify-content:center;
margin-bottom:0;
}
.about .exBox03 .exBox03_03 > .list > .col{
text-align:center;
}
.about .exBox03 .exBox03_03 > .list > .col:nth-child(even){
margin-left:50px;
}
.about .exBox03 .exBox03_03 > .list > .col .img{
margin-bottom:20px;
}
.about .exBox03 .exBox03_03 > .list > .col .copy{
font-size:1.6rem;
font-weight:bold;
margin-bottom:10px;
}
.about .exBox03 .exBox03_03 > .list > .col .txt{
line-height:1.8;
margin-bottom:0;
}
.about .exBox04{
overflow:hidden;
padding-bottom:120px;
background:url(/images/about/exBox04Bg.png) no-repeat 10px bottom;
}
.about .exBox04 .m_imgArea{
padding-top:60px;
}
.about .exBox04 .m_imgArea .txtBox .img1{
top:-60px;
right:0;
}
.about .exBox04 .m_imgArea .txtBox .img2{
left:0;
bottom:77px;
}
.about .exBox04 .boxInner{
position:relative;
}
.about .exBox04 .boxInner .inner{
position:relative;
}
.about .exBox04 .boxInner .decoImg{
position:absolute;
top:-160px;
right:-143px;
}
.about .exBox04 .boxInner .m_subTxt{
margin-bottom:80px;
}
.about .exBox04 .boxInner .m_button{
margin-bottom:80px;
}
.about .exBox04 .boxInner .img{
width:1024px;
margin:0 auto;
}
.about .exBox04 .boxInner .img img{
margin-left:-169px;
}
.about .eventBoxWrap{
margin-bottom:70px;
}
.about .eventBox01{
padding-top:60px;
position:relative;
}
.about .eventBox01 .floatImg.img01 img{
top:-60px;
left:-249px;
}
.about .eventBox01 .floatImg.img02 img{
top:825px;
right:-290px;
}
.about .eventBox01 .eventTxtBox{
width:1024px;
height:605px;
margin:0 auto;
display:flex;
}
.about .eventBox01 .eventTxtBox.s_reverse{
flex-direction:row-reverse;
}
.about .eventBox01 .eventTxtBox.s_reverse .img img{
right:50px;
}
.about .eventBox01 .eventTxtBox:not(.s_reverse) .img img{
left:0;
}
.about .eventBox01 .eventTxtBox > .col{
width:670px;
}
.about .eventBox01 .eventTxtBox > .col .head{
font-size:2.8rem;
margin-bottom:20px;
}
.about .eventBox01 .eventTxtBox > .col .txt{
font-size:1.6rem;
line-height:2.3;
}
.about .eventBox01 .eventTxtBox > .col > *:last-child{
margin-bottom:0;
}
.about .eventBox01 .eventTxtBox .img{
flex:1;
position:relative;
}
.about .eventBox01 .eventTxtBox .img img{
position:absolute;
top:-115px;
}
}
.about .brewerBox03{
margin-top:115px;
border-top:1px solid #000;
padding-bottom:55px;
background:url(/images/about/brewerBox03Bg.jpg) no-repeat center top/cover;
min-height:400px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.about .brewerBox03 .img{
display:none;
}
.about .brewerBox03 .m_coatHead{
margin-bottom:50px;
}
.about .brewerBox03 .inner{
width:1024px;
margin:0 auto;
color:#fff;
}
.about .brewerBox03 .inner .name{
font-size:2.4rem;
margin-bottom:5px;
font-weight:bold;
}
.about .brewerBox03 .inner .name span{
font-size:1.1rem;
font-weight:normal;
}
.about .brewerBox03 .inner .sub{
font-size:1.2rem;
margin-bottom:30px;
}
.about .brewerBox03 .inner .txt{
margin-bottom:0;
line-height:2;
}

@media screen and (min-width: 1500px) {
.about .aboutBox01 .img{
width:100%;
overflow:hidden;
}
.about .aboutBox01 .img img{
margin:0;
width:100%;
}
}
@media screen and (max-width: 768px) {
.about [class*="aboutBox"] .m_full2col{
height:auto;
}
.about [class*="aboutBox"] .m_full2col .col.txt .wrap{
padding-top:0;
}
.about [class*="aboutBox"] .m_full2col .col.txt .head{
font-size:1.8rem;
margin-bottom:20px;
}
.about [class*="aboutBox"] .m_full2col .col.txt .txt{
font-size:1.4rem;
}
.about .m_lineList.s_center{
margin:75px auto 55px;
max-width:92%;
}
.about .aboutBox01 .img{
margin-bottom:35px;
}
.about .aboutBox01 .img img{
width:100%;
}
.about .aboutBox01 .txt{
font-size:1.4rem;
margin-left:auto;
margin-right:auto;
margin-bottom:35px;
}
.about .aboutBox02{
padding-top:75px;
margin-bottom:75px;
}
.about .aboutBox02 .m_box3col{
margin-top:-70px;
}
.about .exBox03 .m_button, .about .exBox04 .m_button{
position:relative;
}
.about .exBox03 .m_button:before, .about .exBox04 .m_button:before{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:53px;
height:52.5px;
background-position:0 -1035px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
position:absolute;
margin:15px 0 0 -53px;
}
.about .aboutBox03{
margin-bottom:75px;
}
.about .aboutBox03 .m_full2col > .col.txt{
padding-bottom:55px;
}
.about .aboutBox03 .col1{
position:static;
width:92%;
margin:0 auto 40px;
}
.about .aboutBox03 .col1 .head{
font-size:1.8rem;
margin-bottom:20px;
}
.about .aboutBox03 .col1 .txt{
font-size:1.4rem;
}
.about .aboutBox03 .col1 .m_button{
margin:0;
text-align:right;
}
.about .aboutBox03 .col2{
display:block;
}
.about .aboutBox03 .col2 .img1, .about .aboutBox03 .col2 .img2{
width:100%;
height:auto;
margin:0;
}
.about .aboutBox03 .col2 .img1 img, .about .aboutBox03 .col2 .img2 img{
width:100%;
position:static;
min-width:0;
}
.about .brewBox01,
.about .brewBox02{
overflow:hidden;
width:auto;
}
.about .brewBox01 .m_full2col > .col > *:not(.img),
.about .brewBox02 .m_full2col > .col > *:not(.img){
padding:0 4%;
}
.about .brewBox01 .img,
.about .brewBox02 .img{
margin-top:75px;
}
.about .brewBox01 .img img,
.about .brewBox02 .img img{
width:100%;
}
.about .brewBox01 .m_boldHead,
.about .brewBox02 .m_boldHead{
font-size:1.8rem;
}
.about .brewBox01 .txt,
.about .brewBox02 .txt{
line-height:2;
font-size:1.4rem;
margin-bottom:0;
}
.about .brewBox01 > *:last-child,
.about .brewBox02 > *:last-child{
margin-bottom:0;
}
.about .brewBox01{
margin:75px auto;
}
.about .brewBox01 .m_full2col{
display:flex;
flex-direction:column-reverse;
}
.about [class*="exBox"] .boxInner{
padding-top:45px;
}
.about [class*="exBox"] .boxInner .inner{
width:92%;
margin:0 auto;
}
.about [class*="exBox"] .m_boldHead{
text-align:left;
font-size:1.8rem;
}
.about [class*="exBox"] .m_subTxt{
text-align:left;
}
.about .exBox01 .boxInner{
position:relative;
}
.about .exBox01 .boxInner:before{
content:'';
display:block;
position:absolute;
background:url(/images/about/exBox01_img07.png) no-repeat 0 0/100%;
width:147px;
height:131px;
top:-40px;
right:4px;
}
.about .exBox01 .m_subTxt{
margin-bottom:40px;
}
.about .exBox01 .m_box3col.s_aboutBeerInfo{
display:flex;
flex-wrap:wrap;
margin:0 auto 50px;
}
.about .exBox01 .m_box3col.s_aboutBeerInfo > .col{
margin-bottom:0;
width:calc((100% - 15px)/2);
}
.about .exBox01 .m_box3col.s_aboutBeerInfo > .col:nth-child(even){
margin-left:15px;
}
.about .exBox01 .m_box3col.s_aboutBeerInfo > .col:not(:first-child){
margin-top:0;
}
.about .exBox01 .m_box3col.s_aboutBeerInfo > .col:nth-child(n+3){
margin-top:25px;
}
.about .exBox02 .boxInner{
background:url(/images/about/exBox02BgSp.png) no-repeat 0 0/100%;
}
.about .exBox03{
margin-bottom:45px;
}
.about .exBox03 .boxInner{
background:url(/images/about/exBox03BgSp.png) no-repeat 0 0/100%;
}
.about .exBox03 .boxInner .inner .m_button{
margin-bottom:60px;
}
.about .exBox03 .m_boldHead{
text-align:left;
}
.about .exBox03 .m_subTxt{
text-align:left;
margin-bottom:45px;
}
.about .exBox03 .exBox03_02{
text-align:center;
}
.about .exBox03 .exBox03_02 > .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:375px;
height:45px;
background-position:0 -838px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
font-size:0;
margin-bottom:20px;
}
.about .exBox03 .exBox03_02 > .flow{
margin-bottom:50px;
overflow:hidden;
}
.about .exBox03 .exBox03_02 > .flow li{
text-align:left;
}
.about .exBox03 .exBox03_02 > .flow li.flow02{
position:relative;
}
.about .exBox03 .exBox03_02 > .flow li.flow02:before{
content:'';
position:absolute;
background:url(/images/about/exBox03_02Bg1.png) no-repeat 0 0/100%;
width:159px;
height:268px;
z-index:-1;
top:-70px;
left:-15px;
}
.about .exBox03 .exBox03_02 > .flow li.flow02 .head{
margin-top:-20px;
}
.about .exBox03 .exBox03_02 > .flow li.flow04{
position:relative;
}
.about .exBox03 .exBox03_02 > .flow li.flow04:before{
content:'';
position:absolute;
background:url(/images/about/exBox03_02Bg2.png) no-repeat 0 0/100%;
width:258px;
height:239px;
z-index:-1;
top:-60px;
right:-10px;
}
.about .exBox03 .exBox03_02 > .flow li .decoImg{
width:100%;
}
.about .exBox03 .exBox03_02 > .flow li .head{
margin-bottom:15px;
}
.about .exBox03 .exBox03_02 > .flow li .txt{
line-height:2;
margin-bottom:0;
}
.about .exBox03 .exBox03_02 > .flow li.flow01 .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:238.5px;
height:66.5px;
background-position:0 -478px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin-top:-15px;
}
.about .exBox03 .exBox03_02 > .flow li.flow01 .head, .about .exBox03 .exBox03_02 > .flow li.flow01 .txt{
margin-left:11.7vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow01:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:30.5px;
height:62.5px;
background-position:0 -1263px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin:8px 0 10px 56vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow02 .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:276.5px;
height:66.5px;
background-position:0 -566px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
}
.about .exBox03 .exBox03_02 > .flow li.flow02 .head, .about .exBox03 .exBox03_02 > .flow li.flow02 .txt{
margin-left:12vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow02:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:32px;
height:41px;
background-position:0 -1377px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin:15px 0 10px 48vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow03 .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:180.5px;
height:66.5px;
background-position:0 -654px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin-top:-30px;
}
.about .exBox03 .exBox03_02 > .flow li.flow03 .head, .about .exBox03 .exBox03_02 > .flow li.flow03 .txt{
margin-left:11.4vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow03:after{
content:'';
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:45.5px;
height:55px;
background-position:0 -1483px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin:17px 0 12px 52vw;
}
.about .exBox03 .exBox03_02 > .flow li.flow04 .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:195px;
height:66.5px;
background-position:0 -742px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
margin-top:-28px;
}
.about .exBox03 .exBox03_02 > .flow li.flow04 .head, .about .exBox03 .exBox03_02 > .flow li.flow04 .txt{
margin-left:11.7vw;
}
.about .exBox03 .exBox03_03{
text-align:center;
}
.about .exBox03 .exBox03_03 > .head{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/about/about_img_sprite.png');
background-repeat:no-repeat;
width:375px;
height:46px;
background-position:0 -926px;
-moz-background-size:512px auto;
-o-background-size:512px auto;
-webkit-background-size:512px auto;
background-size:512px auto;
font-size:0;
margin-bottom:20px;
}
.about .exBox03 .exBox03_03 .list{
display:flex;
width:92%;
margin:0 auto;
}
.about .exBox03 .exBox03_03 .list li{
width:50%;
}
.about .exBox03 .exBox03_03 .list li .img{
margin-bottom:15px;
}
.about .exBox03 .exBox03_03 .list li .img img{
height:40.4vw;
width:auto;
}
.about .exBox03 .exBox03_03 .list li .copy{
font-size:1.6rem;
font-weight:bold;
margin-bottom:15px;
}
.about .exBox03 .exBox03_03 .list li .txt{
font-size:1.2rem;
margin:0;
}
.about .exBox03 .exBox03_03 .list li:last-child .img img{
margin-left:-7px;
}
.about .exBox04{
margin-bottom:75px;
overflow:hidden;
}
.about .exBox04 .boxInner{
position:relative;
}
.about .exBox04 .boxInner .decoImg{
position:absolute;
width:190px;
top:-40px;
right:-35px;
}
.about .exBox04 .m_button{
margin-bottom:60px;
}
.about .exBox04 .img img{
width:100%;
}
.about .brewerBox03{
margin:40px auto 0;
padding-bottom:0;
background:none;
}
.about .brewerBox03 .m_coatHead{
margin-bottom:0;
}
.about .brewerBox03 .img{
display:block;
}
.about .brewerBox03 .img img{
width:100%;
}
.about .brewerBox03 .inner{
padding:40px 4%;
background:#1e1e1e;
width:auto;
}
.about .brewerBox03 .inner .name{
font-size:1.8rem;
}
.about .brewerBox03 .inner .sub{
font-size:1.0rem;
margin-bottom:20px;
}
.about .brewerBox03 .inner .txt{
font-size:1.4rem;
}
.about .eventBoxWrap{
margin-bottom:35px;
}
.about .eventBox01 .floatImg{
display:none;
}
.about .eventBox01 .eventTxtBox > .col{
width:92vw;
margin:35px auto 18px;
}
.about .eventBox01 .eventTxtBox > .col .head{
font-size:1.8rem;
font-weight:bold;
line-height:1.5;
margin-bottom:20px;
}
.about .eventBox01 .eventTxtBox > .col .txt{
line-height:2;
font-size:1.4rem;
margin-bottom:30px;
}
.about .eventBox01 .eventTxtBox > .col > :last-child{
margin-bottom:0;
}
.about .eventBox01 .eventTxtBox .img img{
width:100%;
}
}
/*====================================================================================================

    news

====================================================================================================*/
.news .reccomendArea > *:last-child{
margin-bottom:0;
}
@media screen and (min-width: 769px) {
.news .reccomendArea{
margin-bottom:135px;
}
}
@media screen and (max-width: 768px) {
.news .reccomendArea{
margin-bottom:80px;
}
}

.newsList .m_lineList li{
font-family:"Trade Gothic LT W01 Bd CnNo-20", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (min-width: 769px) {
.newsList{
margin-bottom:120px;
}
}
@media screen and (max-width: 768px) {
.newsList{
margin-bottom:80px;
}
}

/*====================================================================================================

    home

====================================================================================================*/
/*====================================================================================================

    beer

====================================================================================================*/
.beers #container{
overflow:hidden;
}
@media screen and (min-width: 769px) {
.beers #mainContents > .m_pageTtl .en,
.beers .m_cvArea.cv04 > .head{
font-size:5.0rem;
}
.beers .beerIndexBox01{
background:url(/images/beer/beerIndexBox01Bg.jpg) no-repeat center bottom/100%;
text-align:center;
padding-bottom:55px;
}
.beers .beerIndexBox01 .img{
margin-bottom:40px;
}
.beers .beerIndexBox01 .txt{
font-size:1.6rem;
line-height:2.3;
margin:0;
}
}
@media screen and (max-width: 768px) {
.beers #mainContents > .m_pageTtl .en,
.beers .m_cvArea.cv04 > .head{
font-size:3.0rem;
}
.beers .beerIndexBox01{
background:url(/images/beer/beerIndexBox01BgSp.jpg) no-repeat center bottom/100%;
padding-bottom:40px;
}
.beers .beerIndexBox01 .img{
margin-bottom:35px;
}
.beers .beerIndexBox01 .img img{
width:100%;
}
.beers .beerIndexBox01 .txt{
text-align:center;
line-height:2.3;
margin:0;
}
}

.beerIntro{
position:relative;
}
@media screen and (min-width: 769px) {
.beerIntro .m_box2col{
align-items:center;
position:relative;
z-index:1;
}
.beerIntro .m_box2col > .col:first-child{
height:518px;
position:relative;
}
.beerIntro .m_box2col > .col:first-child .img{
position:absolute;
top:-130px;
left:0;
}
.beerIntro .m_box2col > .col:nth-child(even){
margin-left:0;
}
.beerIntro .m_box2col > .col .txt{
line-height:2;
font-size:1.8rem;
}
.beerIntro .m_box2col > .col .subTxt{
margin-top:-1.5em;
}
.beerIntro .m_box2col > .col .m_button.s_medium a{
font-size:1.6rem;
}
}
@media screen and (max-width: 768px) {
.beerIntro .m_box2col{
padding-bottom:80px;
position:relative;
z-index:2;
}
.beerIntro .m_box2col > .col .txt{
font-size:1.6rem;
line-height:2;
}
.beerIntro .m_box2col > .col .m_button.s_medium a{
font-size:1.8rem;
width:100%;
}
.beerIntro .m_box2col > .col:first-child .img{
text-align:left;
margin:0 0 35px 15px;
}
.beerIntro .m_box2col > .col:first-child .img img{
margin-top:-40px;
width:62vw;
position:relative;
}
}

.floatImg{
position:absolute;
z-index:1;
top:0;
left:0;
right:0;
margin:auto;
}
.floatImg img{
position:absolute;
}
@media screen and (min-width: 769px) {
.floatImg{
width:1024px;
}
}
@media screen and (max-width: 768px) {
.floatImg{
width:100%;
}
}

.beer01 .beerIntro{
background:#f9e5cf;
}
.beer01 .m_beerInfo{
background:#d96c0e;
}
.beer01 .m_mediaBox > .col .ttl{
color:#e27c0e;
}
.beer01 .m_beerHeadArea .ttlWrap{
background:rgba(226, 124, 14, 0.9);
}
.beer01 .m_beerEpisode:before{
background:rgba(244, 172, 94, 0.7);
}
.beer01 .beer01box01,
.beer01 .beer01box02{
position:relative;
}
@media screen and (min-width: 769px) {
.beer01 .m_beerHeadArea > .txt{
justify-content:flex-end;
}
.beer01 .beer01box01 .m_mediaBox:first-of-type > .col{
margin:45px -40px 0 0;
}
.beer01 .floatImg.img01 img{
top:23px;
left:-263px;
}
.beer01 .floatImg.img02{
text-align:right;
}
.beer01 .floatImg.img02 img{
top:-151px;
right:-385px;
}
.beer01 .floatImg.img03{
text-align:right;
}
.beer01 .floatImg.img03 img{
top:105px;
right:-438px;
}
.beer01 .floatImg.img04{
z-index:-1;
}
.beer01 .floatImg.img04 img{
top:40px;
right:-427px;
}
.beer01 .floatImg.img05{
z-index:-1;
}
.beer01 .floatImg.img05 img{
top:-120px;
left:-593px;
}
}
@media screen and (max-width: 768px) {
.beer01 .m_beerHeadArea > .txt img{
margin-top:35px;
}
.beer01 .beerIntro .m_box2col > .col:first-child .img{
text-align:left;
margin-left:15px;
}
.beer01 .beer01box01 .m_mediaBox:first-of-type > .col{
margin-bottom:5px;
}
.beer01 .floatImg.img01{
z-index:0;
}
.beer01 .floatImg.img01 img{
width:148px;
top:-16px;
left:-47px;
}
.beer01 .floatImg.img02{
text-align:right;
}
.beer01 .floatImg.img02 img{
width:212px;
top:-75px;
right:-85px;
}
.beer01 .floatImg.img03{
text-align:right;
}
.beer01 .floatImg.img03 img{
width:183px;
top:-176px;
right:-82px;
}
.beer01 .floatImg.img04{
text-align:right;
z-index:-1;
}
.beer01 .floatImg.img04 img{
width:309px;
top:240px;
right:-106px;
}
.beer01 .floatImg.img05{
z-index:0;
}
.beer01 .floatImg.img05 img{
width:606px;
top:-43px;
left:-292px;
}
}

.beer02 .m_beerHeadArea > .txt{
justify-content:flex-start;
}
.beer02 .m_beerHeadArea .ttlWrap{
background:rgba(218, 181, 42, 0.9);
}
.beer02 .beerIntro{
background:#fff6d2;
}
.beer02 .m_beerInfo{
background:#d9b844;
}
.beer02 .m_mediaBox > .col .ttl{
color:#dab52a;
}
.beer02 .m_beerEpisode:before{
background:rgba(218, 181, 42, 0.6);
}
.beer02 .beer01box01{
position:relative;
}
@media screen and (min-width: 769px) {
.beer02 .m_cvArea.cv04 .head .bln{
top:-50px;
left:-110px;
}
.beer02 .floatImg.img01 img{
top:32px;
left:-292px;
}
.beer02 .floatImg.img02{
text-align:right;
z-index:0;
}
.beer02 .floatImg.img02 img{
top:-62px;
right:-480px;
}
.beer02 .floatImg.img03{
text-align:right;
}
.beer02 .floatImg.img03 img{
top:299px;
right:-321px;
}
.beer02 .floatImg.img04{
z-index:-1;
}
.beer02 .floatImg.img04 img{
top:550px;
left:-385px;
}
.beer02 .floatImg.img05{
z-index:-1;
}
.beer02 .floatImg.img05 img{
top:-120px;
left:-593px;
}
}
@media screen and (max-width: 768px) {
.beer02 .m_beerHeadArea > .txt img{
margin-top:-10px;
}
.beer02 .beerIntro .m_box2col > .col:first-child .img img{
width:57.6vw;
}
.beer02 .m_cvArea.cv04.s_beer .col > .head img{
height:26px;
margin-top:14px;
}
.beer02 .floatImg.img02 img{
width:144px;
top:122px;
right:0;
}
.beer02 .floatImg.img04{
z-index:-1;
}
.beer02 .floatImg.img04 img{
width:244px;
top:1171px;
left:-44px;
}
}

.beer03 .m_beerHeadArea > .txt{
justify-content:flex-end;
}
.beer03 .m_beerHeadArea .ttlWrap{
background:rgba(0, 0, 0, 0.7);
}
.beer03 .m_beerInfo{
background:#000;
}
.beer03 .m_mediaBox > .col .ttl{
color:#000;
}
.beer03 .m_beerEpisode:before{
background:rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 769px) {
.beer03 .m_beerHeadArea > .txt img{
margin-top:60px;
}
.beer03 .beer01box02{
position:relative;
}
.beer03 .beerIntro .bg{
background:#f3f3f3;
}
.beer03 .floatImg.img02{
text-align:right;
z-index:1;
}
.beer03 .floatImg.img02 img{
top:87px;
right:-380px;
}
.beer03 .floatImg.img03{
text-align:right;
z-index:-1;
}
.beer03 .floatImg.img03 img{
top:-228px;
right:-686px;
}
.beer03 .floatImg.img04{
width:100%;
}
.beer03 .floatImg.img04 img{
left:0;
top:-127px;
}
}
@media screen and (max-width: 768px) {
.beer03 .floatImg.img02 img{
width:162px;
top:-28px;
right:-67px;
}
.beer03 .floatImg.img03 img{
width:452px;
top:364px;
right:-143px;
}
.beer03 .floatImg.img04 img{
width:330px;
left:0;
top:-40px;
}
.beer03 .m_cvArea.cv04.s_beer .col > .head img{
height:44px;
}
.beer03 .beer01box01{
position:relative;
z-index:1;
}
.beer03 .beer01box02{
position:relative;
}
}

.beer04 .m_beerHeadArea .ttlWrap{
background:rgba(142, 207, 202, 0.8);
}
.beer04 .beerIntro{
background:#eef8f7;
}
.beer04 .m_beerInfo{
background:#91cfc9;
}
.beer04 .m_mediaBox > .col .ttl{
color:#57c0ac;
}
.beer04 .m_beerEpisode:before{
background:rgba(142, 207, 202, 0.5);
}
@media screen and (min-width: 769px) {
.beer04 .m_cvArea.cv04 .head .bln{
top:-50px;
left:-110px;
}
.beer04 .beer01box01{
position:relative;
}
.beer04 .beer01box01 .m_mediaBox{
position:relative;
}
.beer04 .beer01box02{
position:relative;
}
.beer04 .floatImg.img01{
z-index:0;
}
.beer04 .floatImg.img01 img{
top:18px;
left:-398px;
}
.beer04 .floatImg.img02{
text-align:right;
}
.beer04 .floatImg.img02 img{
top:-153px;
right:-330px;
}
.beer04 .floatImg.img03{
text-align:right;
}
.beer04 .floatImg.img03 img{
top:-280px;
right:-487px;
}
.beer04 .floatImg.img04{
width:100%;
z-index:-1;
}
.beer04 .floatImg.img04 img{
top:-400px;
left:0;
}
}
@media screen and (max-width: 768px) {
.beer04 .beerIntro .m_box2col > .col:first-child .img img{
width:57vw;
}
.beer04 .beer01box02{
position:relative;
}
.beer04 .floatImg.img02 img{
width:160px;
top:-38px;
right:-47px;
}
.beer04 .floatImg.img03 img{
width:275px;
top:-75px;
right:-75px;
}
.beer04 .floatImg.img04 img{
width:287px;
left:0;
top:-38px;
}
.beer04 .beer01box01{
position:relative;
}
.beer04 beer01box02{
position:relative;
}
.beer04 .m_cvArea.cv04.s_beer .col > .head .bln{
top:-22px;
}
.beer04 .m_cvArea.cv04.s_beer .col > .head img{
height:22px;
}
}

.beer05 .m_beerHeadArea .ttlWrap{
background:rgba(239, 183, 131, 0.9);
}
.beer05 .m_beerHeadArea .ttlWrap .ttl{
color:#000;
}
.beer05 .m_beerInfo{
background:#ecb789;
}
.beer05 .m_mediaBox > .col .ttl{
color:#cd9248;
}
.beer05 .m_beerEpisode:before{
background:rgba(218, 181, 42, 0.6);
}
@media screen and (min-width: 769px) {
.beer05 .beerIntro .bg{
background:url(/images/beer/beer05/beer_daydream_bg01.jpg) no-repeat center top/cover;
}
.beer05 .m_cvArea.cv04{
background:url(/images/beer/beer05/cvBg_pc.jpg) no-repeat center top/cover;
}
.beer05 .m_cvArea.cv04 .head .bln{
top:-50px;
left:-110px;
}
.beer05 .m_mediaBox:first-of-type .col{
width:calc(100% - 480px);
}
.beer05 .m_mediaBox:first-of-type .media{
width:430px;
position:relative;
}
.beer05 .m_mediaBox:first-of-type .media img{
position:absolute;
right:0;
top:50px;
}
.beer05 .floatImg.img01 img{
top:150px;
left:-253px;
}
.beer05 .floatImg.img02{
text-align:right;
z-index:0;
}
.beer05 .floatImg.img02 img{
top:26px;
right:-381px;
}
.beer05 .floatImg.img03{
z-index:-1;
}
.beer05 .floatImg.img03 img{
top:162px;
left:-988px;
}
.beer05 .floatImg.img04 img{
top:72px;
right:-783px;
}
}
@media screen and (max-width: 768px) {
.beer05 .floatImg.img02 img{
width:233px;
top:35px;
right:-61px;
}
.beer05 .floatImg.img03{
z-index:-1;
}
.beer05 .floatImg.img03 img{
width:420px;
top:1240px;
left:-210px;
}
.beer05 .floatImg.img04 img{
width:312px;
top:430px;
right:-148px;
}
.beer05 .m_cvArea.cv04.s_beer .col > .head img{
height:24px;
margin-top:12px;
}
}

.beer06 .m_beerHeadArea .ttlWrap{
background:rgba(157, 0, 58, 0.9);
}
.beer06 .m_beerInfo{
background:#a42129;
}
.beer06 .m_mediaBox > .col .ttl{
color:#9d003a;
}
.beer06 .m_beerEpisode:before{
background:#e4bcbe;
}
@media screen and (min-width: 769px) {
.beer06 .m_beerHeadArea > .txt img{
margin-top:-140px;
}
.beer06 .beerIntro .m_box2col > .col:first-child .img{
top:-200px;
}
.beer06 .beerIntro .bg{
background:url(/images/beer/beer06/beer_jazzberry_bg01.jpg) no-repeat center top/cover;
}
.beer06 .m_cvArea.cv04 .head .bln{
top:-50px;
left:-110px;
}
.beer06 .m_cvArea.cv04.s_beer .col > .head img{
margin-top:-6px;
}
.beer06 .floatImg.img01 img{
top:14px;
left:-300px;
}
.beer06 .floatImg.img02{
z-index:-1;
text-align:right;
}
.beer06 .floatImg.img02 img{
top:364px;
right:-371px;
}
.beer06 .floatImg.img03{
text-align:right;
z-index:-1;
}
.beer06 .floatImg.img03 img{
top:712px;
left:-555px;
}
}
@media screen and (max-width: 768px) {
.beer06 .beerIntro .m_box2col > .col:first-child .img img{
width:56vw;
}
.beer06 .m_cvArea.cv04.s_beer .col > .head img{
height:22px;
margin-top:13px;
}
.beer06 .beerIntro .bg{
background:url(/images/beer/beer06/beer_jazzberry_bg01.jpg) no-repeat right top/auto 261px, #f3e5ea;
}
.beer06 .floatImg.img02 img{
width:180px;
top:582px;
right:-44px;
}
.beer06 .floatImg.img03 img{
width:391px;
top:1659px;
left:-163px;
}
.beer06 .beer06box02{
position:relative;
z-index:1;
}
}

/*====================================================================================================

    english

====================================================================================================*/

/*# sourceMappingURL=styles.css.map */