@charset "UTF-8";


/* BIKE BAG LIFE */

/*
font-family:'KozGoPr6N W53 Light';
font-family:'KozGoPr6N W53 Regular_1163082';
font-family:'KozGoPr6N W53 Heavy';
font-family:'DINCondensedW01-Normal';
*/


/* ------------------------------------
Same heghit
------------------------------------ */
.row-full-height { height: 100%; }
.col-full-height { height: 100%; vertical-align: middle; }
.row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; }
.col-height { display: table-cell; float: none !important; }



/* ------------------------------------
vertical alignment styles
------------------------------------ */
.col-top { vertical-align: top; }
.col-middle { vertical-align: middle; }
.col-bottom { vertical-align: bottom; }



img { max-width: 100%; height: auto; }
html { height: 100%;  }
body { font-size: 10px; height: 100%; position: relative;  }

a { color: #333; outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:hover { text-decoration: none; cursor: pointer; color: #666; }

.bx-wrapper .bx-viewport { left: 0!important; border:none!important; box-shadow: none!important; }

.fixed-header .header { position: fixed; }
.fixed-header .main {  padding-top: 72px; }

/* ------------------------------------
header
------------------------------------ */


.header { width: 100%; height: 90vh; background: #2d313b no-repeat center/cover; clear: both; overflow: hidden; }
.header h1 { margin: 0; padding: 0; line-height: 1em; width: 100%; top: 0; position: absolute;  /* */ }
.header h1 img { width: 108px; height: auto;}

.header-row { width: 100%; height: 90vh; display: table;  }
.header-row .header-cell { display: table-cell; vertical-align: bottom; padding-bottom: 32px;  }
.header-row .header-cell h2 { width: 100%; text-align: center; }

/* ------------------------------------
main
------------------------------------ */


.section { padding: 0; margin: 0; }

.ios .section-image { background-attachment: scroll; }
.section-image { height: 640px; padding: 0; background: #222 no-repeat center center; background-size: cover; background-attachment: fixed; }

.section-image-group { overflow: hidden; }
.section-image-col-6 { width: 50%; float: left; background-attachment: scroll;  } 
.section-image-col-4 { width: 33.333%; float: left; background-attachment: scroll;  } 
.section-image-col-3 { width: 25%; float: left; background-attachment: scroll;  } 


.section-header { margin: 48px 0 64px; }
h3.section-title-en { font-family:'DINCondensedW01-Normal'; font-weight: normal; color:#FFF; font-size: 2.1em; text-align: center; } 
h2.section-title { text-transform: capitalize; font-size: 4.8em; text-align: center; letter-spacing: 2px; margin: 0; }
h2.section-title-img { text-align: center; }
p { font-size: 1.4em; font-family: sans-serif; line-height: 1.8em;  }


.section-body { width: 940px; margin: auto; }

.hashtag { text-transform: lowercase; }




/* ------------------------------------
event
------------------------------------ */
.section-event {  background: #000000 url(../images/background_main.jpg); }
.section-event .section-header p { text-align: center; color: #FFF; font-weight: bold; font-size: 2.0em; }
.section-event h3.section-title-en { color: #FFF; }

.section-body-table { display: table; height: 100%; }


.section-event h2.title-hashtag { text-align: center; color: #FFF; font-size: 1em; }
.section-event h2.title-hashtag .hashtag-is { font-size: 2.4em; font-weight: 700; display: block;}
.section-event h2.title-hashtag .the-hashtag { font-size: 16.4em; font-family:'DINCondensedW01-Normal'; display: inline-block; border-bottom: #FFF solid 4px; padding-bottom: 6px; }


.event-images .col { margin-bottom: 10px; }


.section-event-intro { margin: 0 0 48px; padding: 32px 10px;  }
.section-event-intro .event-header { border-bottom: #FFFFFF solid 2px; padding-bottom: 24px; }
.section-event-intro h3 { font-size: 3.6em; color: #FFFFFF; font-weight: 800; margin: 24px 0 36px 0; }
.section-event-intro h3.en { font-size: 1.8em; }
.section-event-intro h3 .hashtag {  color: #ccc3a3; font-size: 5.4rem; }
.section-event-intro h3.en .hashtag { font-size: 2.4rem; }

.section-event-intro p { color: #FFFFFF; font-size: 1.5em; line-height: 1.4em; margin-bottom: 1.2em; }
.section-event-intro p.en { line-height: 1.3em; font-size: 1.2rem; }
.section-event-intro a { color: #FFFFFF; /*text-decoration: underline;*/ }

.section-event-intro p.ended { color: #389be5; }


.section-event-intro .company { width: 220px; float: right;}
.section-event-intro table { width: 100%; margin: 24px 0;}
.section-event-intro table th, 
.section-event-intro table td { font-size: 2.1em; color: #FFF; font-weight: bold; padding: 8px 0 18px; vertical-align: top; }
.section-event-intro table th { text-align: left; padding-right: 1.5em; width: 8em; color: #ccc3a3;  }
/* .section-event-intro table th .th-label { border-left: #FFF solid 4px; padding-left: 4px; } */
/* .section-event-intro table td {} */
.section-event-intro table td a { color: #FFF; border-bottom: #FFF solid 1px; }
.section-event-intro table td strong { color: #FFF; }
.section-event-intro table td .small { font-size: 0.85em; }
.section-event-intro table td .en h4 { margin-bottom: 0;  }
.section-event-intro table td .en p { font-size: 0.8em; line-height: 1.2em; font-weight: normal;  }



/* ------------------------------------
instagram
------------------------------------ */
.section-instagram { /*margin-bottom: 48px; */ background-color: #59595b;  }
.section-instagram h3.section-title-en { _____color: #389be5; }
.section-instagram p { color: #222017; line-height: 1.8em; }
.section-instagram p a { font-weight: bold; color:#389be5; }

/* .instafeed-block { } */
.instafeed-block h3 { text-align: center; margin-bottom: 14px; font-family:'DINCondensedW01-Normal'; color: #ccc3a3 }
.instagram-button { text-align: center; margin: 24px 0;}
.instagram-button a img { width: 320px; }
.instagram-button a:hover img { opacity: 0.7; filter:alpha(opacity=70); }
.instagram-button p.notice { font-size: 1.0em; margin: 4px 0; }



/* ------------------------------------
image
------------------------------------ */
/*
.section-images { padding-bottom: 0;}
.section-images .item { width: 33.333%; float: left; display: inline; }
.section-images .item:nth-child(3n+1) { clear: both; }
*/



/* ------------------------------------
award
------------------------------------ */
.section-award { background-color: #003d45; color: #FFFFFF; }
.section-award .section-header h3 { text-align: center; }
.section-award .award-intro { padding: 10px; }
.section-award .award-intro .note { color: #389be5; font-size: 1.4rem; }
.section-award h3 img { margin-bottom: 6px; }
.section-award h3,
.section-award p { color: #FFFFFF; font-weight: 500 font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
.section-award .staff-comment { padding: 10px; }
.section-award .staff-comment .thumb { padding-right: 10px; }
.section-award .row-staff { margin-bottom: 24px; }
.section-award p a { color: #FFF; }



/* ------------------------------------
footer
------------------------------------ */
.footer { padding: 20px; text-align: center;  background: #2d3033; color: #5e5d5a; }
.footer a { color: #5e5d5a; }


/* ########################################################################################################################



######################################################################################################################## */






/* ------------------------------------------------------------------------------------------------
Responsive
------------------------------------------------------------------------------------------------ */

/*
@media (max-width: @screen-xs-max) { 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
*/


/* -----------------------------------------------------
xs, sm
----------------------------------------------------- */
@media (max-width:991px) {


.section-body { width: 100%; }


}


/* -----------------------------------------------------
xs
----------------------------------------------------- */
@media (max-width: 767px) {
/* このサイズだけheader背景画像のトリミングが異なる */
.header { height: 100vh;  background-image: url(../images/md/IMG_3714.jpg); background-position: right bottom; }
.header h1 { padding-left: 10px; }
.header h1 img { width: 68px; }

.header-row { height: 100vh; }
.header-row .header-cell { padding: 0 10px 86px; }
.header-row .header-cell img { max-width: 100%; }

.section-image { height: 360px; }
.section-image-1 { background-image: url(../images/xs/32270563433_ddff8b2294_o.jpg); }
.section-image-2 { background-image: url(../images/xs/31318620951_096195b4d1_o.jpg); }
.section-image-3 { background-image: url(../images/xs/34353572545_a55c475dee_o.jpg); }
.section-image-4 { background-image: url(../images/xs/32958961771_2b1855dbb8_o-wide.jpg); }
.section-image-5 { background-image: url(../images/xs/IMG_3547.jpg); }
.section-image-6 { background-image: url(../images/xs/20170506-DSC04946.jpg); }


.section-image-2018 { background-image: url(../images/xs/mysurly-2018.jpg); }

.section-image-col-6 { height: 240px; width: 100%; float: none; /**/ } 


.header-thanks { height: 180px;}

.section { padding-bottom: 36px; }




.section-parts,
.section-image { padding-bottom: 0;}

h2.section-title-img { margin: 12px 0; }
h2.section-title-img img { height: 32px; }


.section-event-header { padding: 14px 14px; position: relative; }
.section-event-header h3 { margin-top: 0px; }
.section-event-header h3 img { width: 200px;  }
.section-event-header h2 { padding: 0 5px; position: absolute; bottom: 40px; }


.section-event h2.title-hashtag .hashtag-is { font-size: 2.0em; }
.section-event h2.title-hashtag .the-hashtag { font-size: 8.4em;}


.section-event-intro { margin-bottom: 0; }
.section-event-intro h3 { font-size: 2.3rem; line-height: 1.4em; }
.section-event-intro h3.en { font-size: 1.4rem; }
.section-event-intro h3 .hashtag { font-size: 3.6rem; }
.section-event-intro h3.en .hashtag { font-size: 2.4rem; }

.section-event-intro p { line-height: 1.4em; }


.section-event-intro table { margin-bottom: 0px; width: 100%; margin: 18px auto 0; }
.section-event-intro table th, 
.section-event-intro table td { padding: 0; display: block; width: 100%; text-align: left; }
.section-event-intro table th { padding-bottom: 4px; font-size: 1.6em; }
.section-event-intro table th .th-label { border-left: none; padding-left: 0; }	
.section-event-intro table th::before {  }
.section-event-intro table td { padding-bottom: 1em; font-size: 1.4em; line-height: 1.4em; }

.section-event-intro table td .en h4 { font-size: 1em; }

.section-instagram { padding: 10px; }
.section-instagram h2.section-title-img img { width: 92%; height: auto; }
.instagram-button img { width: 80%; height: auto; }



.section-award .row-staff { margin-bottom: 48px; }
.section-award h3 img { width: 140px; }



}



/* -----------------------------------------------------
sm
----------------------------------------------------- */
@media (min-width: 768px ) and (max-width:991px) {

.header { background-image: url(../images/md/IMG_3714.jpg); }
.header { height: 100vh; }

/* .header { height: 100vh; background-image: url(../images/md/IMG_4185.jpg); background-position-y: center; }
.header h1 { padding-left: 10px; }
.header h1 img { width: 68px; }

.header-row { height: 100vh; }
.header-row .header-cell { padding: 0 10px 86px; }
.header-row .header-cell img { max-width: 100%; } */


.section-event-header h3 img { width: 280px; }
.section-image { height: 480px; }
.section-image-1 { background-image: url(../images/sm/32270563433_ddff8b2294_o.jpg); }
.section-image-2 { background-image: url(../images/sm/31318620951_096195b4d1_o.jpg); }
.section-image-3 { background-image: url(../images/sm/34353572545_a55c475dee_o.jpg); }
.section-image-4 { background-image: url(../images/sm/32958961771_2b1855dbb8_o-wide.jpg); }
.section-image-5 { background-image: url(../images/sm/IMG_3547.jpg); }
.section-image-6 { background-image: url(../images/sm/20170506-DSC04946.jpg); }
.section-image-2018 { background-image: url(../images/sm/mysurly-2018.jpg); }

}


/* -----------------------------------------------------
md
----------------------------------------------------- */
@media (min-width: 992px) and (max-width:1199px) {

.header { background-image: url(../images/md/IMG_3714.jpg); }
/* .header { height: 100%; } */

.section-image { height: 540px; }
.section-image-1 { background-image: url(../images/md/32270563433_ddff8b2294_o.jpg); }
.section-image-2 { background-image: url(../images/md/31318620951_096195b4d1_o.jpg); }
.section-image-3 { background-image: url(../images/md/34353572545_a55c475dee_o.jpg); }
.section-image-4 { background-image: url(../images/md/32958961771_2b1855dbb8_o-wide.jpg); }
.section-image-5 { background-image: url(../images/md/IMG_3547.jpg); }
.section-image-6 { background-image: url(../images/md/20170506-DSC04946.jpg); }
.section-image-2018 { background-image: url(../images/md/mysurly-2018.jpg); }

}


/* -----------------------------------------------------
lg
----------------------------------------------------- */
@media (min-width: 1200px) and (max-width:1479px) {

.header { background-image: url(../images/lg/IMG_3714.jpg); }
/* .header { height: 86%; } */

.section-event-header h3 img { width: 360px; }
.section-event-header h2 img { width: auto;  }
.section-image { height: 640px; }
.section-image-1 { background-image: url(../images/lg/32270563433_ddff8b2294_o.jpg); }
.section-image-2 { background-image: url(../images/lg/31318620951_096195b4d1_o.jpg); }
.section-image-3 { background-image: url(../images/lg/34353572545_a55c475dee_o.jpg); }
.section-image-4 { background-image: url(../images/lg/32958961771_2b1855dbb8_o-wide.jpg); }
.section-image-5 { background-image: url(../images/lg/IMG_3547.jpg); }
.section-image-6 { background-image: url(../images/lg/20170506-DSC04946.jpg); }
.section-image-2018 { background-image: url(../images/lg/mysurly-2018.jpg); }



.section-event-header h3 img { width: 320px; }
.section-event-header h2 img { }
}

/* -----------------------------------------------------
xl
----------------------------------------------------- */
@media (min-width: 1480px) {

.header { background-image: url(../images/xl/IMG_3714.jpg); }
/* .header { height: 86%; } */

.section-event-header h2 img { width: auto; }
.section-image { height: 720px; }
.section-image-1 { background-image: url(../images/xl/32270563433_ddff8b2294_o.jpg); }
.section-image-2 { background-image: url(../images/xl/31318620951_096195b4d1_o.jpg); }
.section-image-3 { background-image: url(../images/xl/34353572545_a55c475dee_o.jpg); }
.section-image-4 { background-image: url(../images/xl/32958961771_2b1855dbb8_o-wide.jpg); }
.section-image-5 { background-image: url(../images/xl/IMG_3547.jpg); }
.section-image-6 { background-image: url(../images/xl/20170506-DSC04946.jpg); }

.section-image-2018 { background-image: url(../images/xl/mysurly-2018.jpg); }



}



/* ------------------------------------------------------------------------------------------------
Printing
------------------------------------------------------------------------------------------------ */
@media print {
	
}