@charset "utf-8";
/* CSS Document */

/* ------↓ booklet index.html ↓------*/
body { color: #434343; }

#booklet .visual.booklet { margin-top: 125px; }
#booklet .visual.booklet .visual__inner { background-image: url(../img/airbnbPartnersBooklet/bg_indexBooklet.jpg); background-position: 50% 100%; }
#booklet .booklet__index { padding: 50px 0 90px; }
#booklet .booklet__index .booklet__index--inner { margin: 0 auto; max-width: 1140px; width: 100%; }
#booklet .booklet__index .booklet__index--inner .booklet__index--title {}
#booklet .booklet__index .booklet__index--inner .booklet__index--title h2 { text-align: center; font-size: 32px; font-size: 3.2rem; }
#booklet .booklet__index .booklet__index--inner .booklet__index--title p { text-align: center; margin-top: 20px; font-size: 1.5rem; line-height: 2.13333; }
#booklet .booklet__index .booklet__index--inner .booklist__menu { margin-top: 60px; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul { display: flex; justify-content: flex-start; flex-wrap: wrap; row-gap: 30px; column-gap: 6.6%; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li { width: 20%; height: auto; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li .caption { margin-top: 10px; font-size: 20px; color: #434343; text-align: center; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li a { display: inline-block; position: relative; box-shadow: 1px -1px 10px 0px rgba(0, 0, 0, 0.15); }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li a:after { content: ""; position: absolute; box-shadow: 0 15px 10px rgba(0,0,0, .3); /* シャドウ */ transform: rotate(0deg); /* 初期値を設定 */ left: 5px; top: auto; bottom: 15px; z-index: -1; width: 93%; height: 20%; transition: transform 0.8s; /* 変化するプロパティを指定 */}
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li a:hover:after { transform: rotate(-6deg); /* 回転させる */ }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li a img { width: 100%; height: auto; }

@media only screen and (max-width: 767px){
#booklet .visual.booklet { width: 100%; margin-top: 15px; }
#booklet .visual.booklet .visual__inner { background-image: url(../img/airbnbPartnersBooklet/bg_indexBooklet_sp.jpg)!important; background-position: 50% 50%; }
#booklet .visual.booklet .visual__inner--title h1 { font-size: 4rem; }
#booklet .visual.booklet .visual__inner--title p { line-height: 1.5; }
#booklet .visual.booklet .visual__inner--title { width: 100%; height: 200px; vertical-align: middle; position: static; top: auto; left: auto; display: table-cell; }
#booklet .booklet__index { padding-bottom: 40px; }
#booklet .booklet__index .booklet__index--inner .booklet__index--title h2 { font-size: 2.3rem; }
#booklet .booklet__index .booklet__index--inner .booklet__index--title p {  margin: 10px auto 0; width: 80%; font-size: 1.3rem; }
#booklet .booklet__index .booklet__index--inner .booklist__menu { margin: 40px auto 0; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul { display: inherit; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li { width: 50%; margin: 0 auto; padding-bottom: 20px; }
#booklet .booklet__index .booklet__index--inner .booklist__menu ul li .caption { margin-top: 6px; font-size: 18px; }
}
/* ------↑ booklet index.html ↑------*/

/* ------↓ partners.html ↓------*/
.corporates__partners--block.partners_booklet { padding: 0 0 190px; }
.corporates__partners--block .partners_booklet__text--list .partners_booklet__list--link>figure>figcaption { margin-top: 10px; font-size: 1.75rem; }
.corporates__partners--block .partners_booklet__text--list { display: inherit; width: 650px; margin: 30px auto 0; }
.corporates__partners--block .partners_booklet__text--list .partners_booklet__list--link { display: inherit; float: left; width: 200px; }
.corporates__partners--block.partners_booklet .partners_booklet__text .partners_booklet__text--btn.previous { padding-top: 0; }
.corporates__partners--block.partners_booklet .partners_booklet__text .partners_booklet__text--btn.previous a { background: #46bcb2; color: #fff; }
.corporates__partners--block .partners_booklet__text--btn { padding-top: 65px; }
.corporates__partners--block .partners_booklet__text--btn.previous>a::after { background: url(/common_old/img/common/bg_link03_w_sp.png) 0 0 no-repeat; }
.corporates__partners--block .partners_booklet__text--btn.previous>a:hover { background: #fff!important; color: #46bcb2!important; }
.corporates__partners--block .partners_booklet__text--btn.previous>a:hover::after { background-image: url("/common_old/img/common/bg_link03_b_sp.png"); }

@media only screen and (max-width: 767px){
.corporates__partners--block.partners_booklet { padding: 0 0 47.5px; }
.corporates__partners--block .partners_booklet__text--list { width: 100%; }
.corporates__partners--block .partners_booklet__text--list .partners_booklet__list--link { width: 100%; }
.corporates__partners--block .partners_booklet__text--btn>a{
	padding: 10px 0;
	width: 80%;
	}	
.corporates__partners--block .partners_booklet__text--btn.previous {
        margin-top: 15px
    }
.corporates__partners--block .partners_booklet__text--btn.previous>a {
        padding: 10px 0;
        width: 80%;
        height: auto;
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block
    }
.corporates__partners--block .partners_booklet__text--btn.previous>a::after {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 6px;
        height: 9px
    }
}
/* ------↑ partners.html ↑------*/