header h1, .terms { margin: 0; }

._btn-basic { padding-top: 90px; }

#section-photo h2 { font-size: 6.4rem; font-weight: 900; color: #0bB7ed; /*color:#ea7bba;*/ font-family: 'Lato', sans-serif; }

#section-photo h2 span { position: relative; /*padding-left: 90px;*/ /*&:before{content:''; background: url(../../images/photobook/img_num01.png) 0 50% no-repeat; background-size: 58px 60px; width: 58px; height: 100%; position: absolute; top: 0; left :0;}*/ }

#section-photo h2 + p { margin-bottom: 40px; }

#section-photo h2._section_title + h3 { font-size: 3.0rem; text-align: center; margin-bottom: 30px; }

#section-photo h2._section_title + h3 span { font-size: 2.4rem; display: block; padding-top: 20px; }

#section-photo .link { font-size: 1.6rem; line-height: 2; color: #fff; text-align: center; padding-top: 40px; margin-bottom: 0; }

#section-photo .link a { font-size: 1.4rem; font-weight: bold; display: block; background: url(../../images/icon_link-blue.png) #424242 no-repeat calc(100% - 20px) 50%; background-size: auto 14px; line-height: 60px; border: 1px #fff solid; border-radius: 30px; text-align: center; color: #fff; width: 360px; height: 60px; text-decoration: none; margin: 0 auto; }

#section-photo #book { position: relative; margin: 0 auto; width: 900px; }

#section-photo #book #flipbook { height: 638px; overflow: hidden; /*.shadow{box-shadow: 0 0 5px 0 rgba(72,72,72,1);}*/ /*.odd{background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(218,218,218,0.3))); background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(196,196,196,0.3) 100%); background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(196,196,196,0.3) 100%); background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(196,196,196,0.3) 100%); background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(196,196,196,0.3) 100%); background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(196,196,196,0.3) 100%);} .even{background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(218,218,218,0.3)));background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(218,218,218,0.3) 100%); background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(218,218,218,0.3) 100%); background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(218,218,218,0.3) 100%); background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(218,218,218,0.3) 100%); background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(218,218,218,0.3) 100%);}*/ }

#section-photo #book #flipbook div { min-width: 450px; }

#section-photo #book #flipbook img { position: relative; /*z-index: -1;*/ min-height: 638px; min-width: 450px; }

#section-photo #book .btn { display: block; width: 20px; height: 639px; position: absolute; top: 0; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 0; border-radius: 5px; }

#section-photo #book .btn:hover { background: #eee; }

#section-photo #book .btn.prev { left: -20px; display: none; }

#section-photo #book .btn.prev:before { content: ''; background: url(../../images/icon_arrow_glay.png) 0 0 no-repeat; background-size: 12px 20px; width: 12px; height: 20px; display: block; position: absolute; top: calc(50% - 10px); left: 4px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

#section-photo #book .btn.next { right: -20px; }

#section-photo #book .btn.next:before { content: ''; background: url(../../images/icon_arrow_glay.png) 0 0 no-repeat; background-size: 12px 20px; width: 12px; height: 20px; display: block; position: absolute; top: calc(50% - 10px); left: 4px; }

#section-photo .youtube { position: relative; width: 100%; padding-top: 56.25%; }

#section-photo .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#section-photo ._p { width: 900px; line-height: 2; text-align: center; margin: 0 auto 60px auto; }

#section-photo .link-list { /*text-align: center;*/ margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#section-photo .link-list li { list-style: none; text-align: center; margin: 0 30px; }

#section-photo .link-list li a { display: block; width: 286px; height: 70px; line-height: 70px; font-size: 1.8rem; background: url(../../images/icon_arrow_link.png) #424242 no-repeat calc(100% - 30px) 50%; background-size: auto 14px; line-height: 72px; color: #ebedec; border: #424242 1px solid; border-radius: 35px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-photo .link-list li a span { background: url(../../images/top/icon_youtube.png) 100% 50% no-repeat; background-size: auto 18px; padding-right: 38px; }

#section-photo .link-list li a:hover { opacity: 0.7; }

#section-photo.--movie h2 { color: #424242; font-size: 4.0rem; line-height: 1.3; margin-bottom: 30px; }

#section-photo.--movie ._p { margin-bottom: 30px; }

#section-photobook { background: #f7faf9; }

#section-photobook #menu01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 80px 0; }

#section-photobook #menu01 .image { width: 45%; margin: 0 5%; display: block; }

#section-photobook #menu01 .text { width: 45%; display: block; }

#section-photobook #menu01 .text h2 { font-size: 6.4rem; font-weight: 900; color: #424242; font-family: 'Lato', sans-serif; position: relative; text-align: left; /*padding: 0 0 0 90px; background: url(../../images/top/img_num01.png) 0 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 50px; }

#section-photobook #menu01 .text p { font-size: 1.6rem; line-height: 2; color: #424242; margin-bottom: 50px; font-weight: bold; }

#section-photobook #menu01 .text p.link a { font-size: 1.8rem; font-weight: bold; display: block; background: url(../../images/icon_arrow_link.png) #424242 no-repeat calc(100% - 30px) 50%; background-size: auto 14px; line-height: 72px; border-radius: 36px; text-align: center; color: #fff; width: 350px; height: 72px; text-decoration: none; }

#section-article { background: #ebedec; position: relative; z-index: 0; overflow: hidden; }

#section-article #menu03 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 80px 0 80px 0; }

#section-article #menu03 .image { width: 45%; margin-right: 5%; display: block; }

#section-article #menu03 .text { width: 50%; display: block; padding-left: calc(50% - 500px); }

#section-article #menu03 .text h2 { font-size: 6.4rem; font-weight: 900; color: #424242; font-family: 'Lato', sans-serif; position: relative; text-align: left; /*padding: 0 0 0 90px; background: url(../../images/top/img_num02.png) 0 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 50px; }

#section-article #menu03 .text h3 { font-size: 2.4rem; margin-bottom: 20px; color: #424242; }

#section-article #menu03 .text p { font-size: 1.6rem; line-height: 2; color: #424242; margin-bottom: 50px; font-weight: bold; position: relative; }

#section-article #menu03 .text p.link a { font-size: 1.4rem; font-weight: bold; display: block; background: url(../../images/icon_link-blue.png) no-repeat calc(100% - 20px) 50%; background-size: auto 14px; line-height: 46px; border: 1px #424242 solid; border-radius: 24px; text-align: center; color: #424242; width: 240px; height: 48px; text-decoration: none; }

#section-link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#section-link ul li { width: 50%; height: auto; /*padding: 90px 0 0 0;*/ min-height: 568px; list-style: none; }

#section-link ul li:nth-child(1) { background: url(../../images/photobook/bg_article.jpg) 50% 50% no-repeat; background-size: cover; }

#section-link ul li:nth-child(1) h2 { /*background: url(../../images/photobook/img_num02.png) 50% 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 50px; }

#section-link ul li:nth-child(2) { background: url(../../images/photobook/bg_column.jpg) 50% 50% no-repeat; background-size: cover; }

#section-link ul li:nth-child(2) h2 { /*background: url(../../images/photobook/img_num03.png) 50% 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 100px; }

#section-link ul li h2 { font-size: 6.4rem; font-weight: 900; color: #fff; font-family: 'Lato', sans-serif; position: relative; padding-top: 90px; text-align: center; }

#section-link ul li p { font-size: 1.6rem; line-height: 2; color: #fff; text-align: center; margin-top: 20px; }

#section-link ul li p.link a { font-size: 1.4rem; font-weight: bold; display: block; background: url(../../images/icon_link-blue.png) no-repeat calc(100% - 20px) 50%; background-size: auto 14px; line-height: 46px; border: 1px #fff solid; border-radius: 24px; text-align: center; color: #fff; width: 240px; height: 48px; text-decoration: none; margin: 0 auto; }
