div,
p,
ul,
li,
span,
fieldset,
a {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0 none;
    box-sizing: border-box;
    color: inherit;
    background: none;
    z-index: 10;
    text-decoration: none;
    /*position: relative;*/
}

body {
    color: #fff;
    font-family: sans-serif, arial, helvetica;
    /*background-image: url("img/bg_01.png"), url("img/bg_02.png");*/
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: bottom right, left, right;
    background-color: #000;
}

body::before {
    background-color: #000;
    background-image: url("../img/bg_01.png"), url("../img/bg_02.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
    background-size: 100% auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 110%;
    padding-bottom: 108px;
    content: "";
    z-index: -1;
}

#menu {
    z-index: 100;
    position: fixed;
    left: 10px;
    top: 50%;
}

#menu>li {
    list-style: none;
    text-align: left;
}

#menu>li.active {
    background: red;
}

/*メニューここから*/
.menu_g{
    position: static;
    background-color:rgba(0,0,0,0.4);
    height: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    top:0;
    left: 0;
    display: block;

}
#dl-menu>p{
    z-index: 100;
    height: 40px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color:rgba(0,0,0,0.5);
}
/*.menu_g #dl-menu{}*/
#dl-menu{
    text-align: right;
    z-index: 250;
}
#dl-menu>p{
    display: inline-block;
    padding: 2px 8px;    
}
#dl-menu>p>img{
    height: 36px;
    width: auto;
}
#dl-menu .dl-menu{
    position: absolute;
    width: 90%;
    margin: 5%;
    display: none;
    left: 0;
    opacity: 0;
    transition: opacity 3s ease-in-out;
    -webkit-transition: opacity 3s ease-in-out;
    background-color:rgba(0,0,0,0.7);
    z-index: 200;
}
#dl-menu .dl-menu li{
    margin: 0 10px;
    text-align: center;
    border-bottom: 1px rgba(100,100,100,0.7) solid;
}
#dl-menu .dl-menu li a{
    padding: 15px 10px;
    display: block;

}
#dl-menu .dl-menu li:last-child{
    border-bottom: none;
}
#dl-menu .dl-menu.dl-menuopen{
    display: block;
    opacity: 1;
}
/*メニューここまで*/
/* Navigaton bullets styles
 * --------------------------------------- */
#pp-nav{
    display: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #bbb;
}

#pp-nav span,
.pp-slidesNav span {
    border-color: #bbb !important;
}


/* Sections
     * --------------------------------------- */

.section {
    background-attachment: fixed;
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    top: 0;
    /*background: #ccc;*/
}
#section1 div{
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
}
#section1 div p{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
#section1 div p img{
    display: inline;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    text-align: center;
    padding-top: 30px;
}

#section1 {

/*    background-image: url("../img/bg_01.png"), url("../img/bg_02.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top center, bottom center;
    background-size: 100% auto;*/
    /*background: #ccc url(http://dgt5r4zz5sach.cloudfront.net/~/media/images/modules/large/hbr_h_gif_final.gif?as=1&t=635549701220714646);*/
    /*background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 50%;*/
}

#section2 {
    /*background: #ccc url(http://dgt5r4zz5sach.cloudfront.net/~/media/images/modules/large/nike%20making%20large.jpg?as=1&t=635616687017735022);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#section3 {
    /*background: #ccc url(http://dgt5r4zz5sach.cloudfront.net/~/media/images/modules/large/homepage_h_05-notext.jpg?as=1&t=635588424878366703);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

#section4 .content {
    top: 100%;
    /*position: absolute;
    left: 0;*/
}
section{
    margin: 25px 0;
    padding: 5px;
}
section h1 img{
    width: 100%;
}
section .link_btn{
    margin: 10px 5px;
    background: #fff;
    padding: 10px 5px;
    text-align: center;
    font-size: 110%;
    color: #000;
}
/* Arrow
     * --------------------------------------- */

#arrow {
    width: 100%;
    height: 30px;
    text-align: center;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 0;
    border: 0;
    outline: 0;
    z-index: 100;
    color: #BBB;
    background: transparent;
    -moz-transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);
    font: 18px Heiti, 'Lucida Grande', Arial;
    font-weight: bold;
}

#arrow span {
    display: inline-block;
    position: relative;
    top: -8px;
    -moz-transition: all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);
}

#arrow:hover {

    background-color:rgba(0,0,0,0.5);
    /*background: #000;*/
}

#arrow:hover span {
    top: 0;
    color: #FFF;
}


/* Intro texts
     * --------------------------------------- */

.intro {
    position: absolute;
    bottom: 100px;
    text-align: center;
    width: 100%;
}

.intro h1 {
    font-size: 5em;
    font-weight: bold;
    color: #000;
}

#section4 .intro {
    color: #000;
}


/* Content page
     * --------------------------------------- */

.header {
    padding-top: 80px;
    text-align: center;
}

.header h1 {
    font-size: 5em;
    font-weight: bold;
    color: #fff;
}

.header p {
    color: #f2f2f2;
    font-size: 1.7em;
}
.footer{
    padding: 40px 1% 5px;    
    text-align:center;
    font-size:9px;
}
.footer img{
    width: 35%;
    margin-bottom:10px;
}
.page {
    width: 80%;
    margin: 60px auto;
    background: white;
    padding: 60px;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box;
    /* <=28 */
    box-sizing: border-box;
}

.page p {
    font-style: 12px;
    margin: 20px 0 0 0;
    line-height: 1.35em;
    color: #333;
}

.pp-section {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.gallery{
    display: block;
    width: 100%;
    overflow: hidden;
}
.gallery span {
    display: table;
    width: 100%;
}

.gallery span i {
    width: 33.33333%;
    display: table-cell;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.gallery span i div{
    display: inline-block;
}
.gallery span i div p img {
    width: 100%;
    height: auto;
}

.gallery_in {
    display: block;
    width: 100%;
    overflow: hidden;
    background: #fff;
    border-radius:6px;
    padding:20px 10px 20px;
    color: #666;
    font-size:12px;
    line-height: 1.4;
}

.gallery_in_sns{
    text-align: center;
    margin: 10px 0;
}
.gallery_in_sns a{
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

.gallery_in_sns a img{
    width: 28px;
}

.gallery_in_back {
    background:#666;
    margin:20px auto 5px;
    padding:8px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#fff;
}

.gallery_in_back a {display:block;}


#cboxContent{
    color: #000;
    position: relative;
/*    width: 90%;
    margin: 10%*/
}
#cboxLoadedContent{
    z-index: 1;
    position: relative;
    border-radius: 10px;
padding: 20px 10px 100px;}
#cboxPrevious{
    background: red
}
#cboxPrevious{
    z-index: 10;
    position: absolute;
    width: 55px;
    height: 55px;
    display: inline-block;
    /*background: red;*/
    top: auto;
    bottom: 40px;
    left: 15%;
    background: url("../img/pop_l.png") no-repeat left top;
    background-size: 100% 100%;
}
#cboxNext{
    z-index: 10;
    position: absolute;
    width: 55px;
    height: 55px;
    display: inline-block;
    /*background: red;*/
    top: auto;
    bottom: 40px;
    right: 15%;
    background: url("../img/pop_r.png") no-repeat left top;
    background-size: 100% 100%;
}
#cboxClose{
    width: 23px;
    height: 23px;
    z-index: 20;
    /*background: red;    */
    background: url("../img/pop_close.png") no-repeat left top;
    background-size: 100% 100%;
}
#cboxLoadedContent h2{
    padding: 10px 0;
    margin: 0;
    color: #007440;
    font-weight: bold;
    font-size: 1.6em;
}
#cboxLoadedContent h3{
    padding: 10px 0;
    margin: 0;
    color: #007440;
    font-size: 1.2em;
}
#cboxLoadedContent p{
    color: #007440;    
}
#cboxLoadedContent .img{
    margin: 10px 0;
    /*padding: 10px 0;*/
}
#cboxLoadedContent .img img{
    text-align: center;
    max-width: 100%;
}
#cboxLoadedContent .sns{
    text-align: center;
    margin: 10px 0;
}
#cboxLoadedContent .sns a{
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

#cboxLoadedContent .sns a img{
    width: 28px;
}
#cboxLoadedContent article{
    margin: 10px 0;
    color: #6d6a6a; 
}
#cboxLoadedContent iframe{
    display: block;
}
.history #history_bg {
    transition: background-image 1s ease-in-out;
    -webkit-transition: background-image 1s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    background-size: 100% auto;
    /*min-height: 300px;*/
    min-height: 100%;
    top: 0;
    left: 0;
    /*border: 1px red solid;*/
    width: 100%;
    z-index: -1;
}
#cboxCurrent{
    opacity: 0;
}
#loopslider {
    margin: 0 auto 15px;
    width: 100%;
    height: 64px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 64px;
    float: left;
    /*display: inline;*/
    overflow: hidden;
    display: table;
}
 
#loopslider ul li {
    width: 68px;
    height: 64px;
    /*margin: 0 2px;*/
    float: left;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
}
#loopslider ul li img{
    margin: auto;
    padding: 0 2px;
    width: auto;
    text-align: center;
    height: 64px;
    vertical-align: middle;
    display: inline-block;
}
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
    display: table;
}
.history .chg_img {
    min-height: 300px;
    min-height: 55vh;
}

.history .move {
    z-index: 100;
    position: fixed;
    left: 10px;
    top: 30px;
    height: 78%;
    margin: 10% 0;
    background: url("../img/his_02.png") repeat-y center center;
    padding: 2% 0
}

.history .move fieldset {
    /* display: inline;
    display: table-cell;*/
    height: 100%;
    vertical-align: middle;
}

.history .move p {
    display: table;
    /*vertical-align: middle;*/
    padding: auto 0;
    /*display: table;*/
    /*display: table-row;*/
    height: 9.090909%;
    /*padding: 20% 0;*/
}

.history .move p i {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    font-style: normal;
}

.history .move p a {
    /*margin: 15%;*/
    /*display: inline-block;*/
    /*margin: 50% 0;*/
    background: #abcd03;
    display: table-cell;
    text-decoration: none;
    /*padding: 10px;*/
    width: 28px;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    border-radius: 14px;
    font-weight: bold;
}

.history .move p.active a {
    background: #ffd200;
}

.history .header {
 /*   min-height: 400px;
    min-height: 60vh;*/
}

.history .footer {
   /* min-height: 300px;
    min-height: 65vh;*/
}

.history .scrollContent{
    margin: 10px 0 10px 8%;
}
.history .scrollContent .header{
    padding: 40px 0 100px;    
}
.history .scrollContent .footer{
    padding: 40px 0;    
}
.history .scrollContent .header img{
    width: 92%;
    height: auto;
}
.history .scrollContent .footer img{
    width: 25%;
    height: auto;
}
.history .scrollContent #history_sec>section {
   /* min-height: 300px;
    min-height: 100vh;*/
    padding: 30px 2px 50px 15px;
}
.history .scrollContent #history_sec>section h1{
    text-align: center;
    font-size: 1.3em;
    color: #fff773;
}
.history .scrollContent #history_sec>section .album{
    padding: 15px 0 20px;
}
.history .scrollContent #history_sec>section .album .date{
    text-align: center;
    font-size: 1.4em;

}
.history .scrollContent #history_sec>section .album h2{
    text-align: center;
    font-size: 1.2em;
    margin-top:1px;
}
.history .scrollContent #history_sec>section .album .jacket{
    width: 80%;
    margin: 10px auto
}
.history .scrollContent #history_sec>section .album .jacket img{
    width: 100%;
    /*height: auto;*/
}
.history .scrollContent #history_sec>section .album .itunes{
    width: 80%;
    margin: 10px auto;
}
.history .scrollContent #history_sec>section .album .itunes img{
    width: 100%;
    /*height: auto;*/
}
.pbox{
	text-align:center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.0em;
    padding:5px;
    
    
    
    width: 100%;
    /*height: auto;*/
}