@charset "UTF-8";


body{
    color: #654936;
}
#breadcrumb{
    padding-top: 46px;
}
.contents{
    background: url(../images/back_wood.png) repeat;
    padding-bottom:  60px;
}
.contents .inner{
    font-size: 121%;
    width: 960px;
    margin: 0 auto;
}
.number{
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
}
.sub-ttl{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 121%;
    margin-bottom: 30px;
}
.sub-ttl > span{
    background: linear-gradient(transparent 80%, #f3e03e 80%);
}
h3 {
    font-size: 1.7rem;
    letter-spacing: 0.2rem;
}
.attention{
    font-size: 85%;
}
.attention::before{
    content: "\00203b";
    display: inline-block;
    margin-right: 4px;
}



.main {
    text-align: center;
}
.main h1{
    margin-bottom: 20px;
}
.main > p{
    margin-bottom: 20px;
}
.search-detail{
    letter-spacing: -.4em;
    background: url(../images/img_wood.png) no-repeat bottom center;
    background-size: 960px;
    margin-bottom: 30px;
}
.search-detail .search-detail-txt,
.search-detail .search-detail-list{
    display: inline-block;
    letter-spacing: normal
}
.search-detail .search-detail-txt{
    width: calc(40% - 30px);
    background: url(../images/back_top_paper.png) no-repeat top center;
    background-size: 325px;
    padding: 30px;
    box-sizing: border-box;
    margin-left: 30px;
}
.search-detail .search-detail-txt > h2{
    margin: 50px 0 20px;
    background: url(../images/line_top_paper.png) no-repeat;
    background-position: bottom 0 left 50px;
    background-size: 220px;
}
.search-detail .search-detail-txt > p{
    padding-bottom: 45px;
}

.search-detail .search-detail-list{
    width: 60%;
    background: url(../images/back_bookshelf.png) no-repeat;
    background-position: bottom 26px right 62px;
    background-size: 515px;
    height: 336px;
    padding: 13px 20px 58px;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
    margin-top: 20px;
}
.search-detail .search-detail-list > p{
    position: absolute;
    top: -72px;
    right: 60px;
}
.search-detail .search-detail-list ul{
    width: 428px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.search-detail .search-detail-list ul li{
    display: inline-block;
    margin-bottom: 6px;
    width: calc(214px - 10px);
}
.search-detail .search-detail-list ul li:nth-child(odd){
    margin-right: 14px;
}
.search-detail .search-detail-list ul li a{
    display: block;
    padding: 20px 5px;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
}
.search-detail .search-detail-list ul li a > span{
    border-bottom: 1px dashed #fff;
    padding-bottom: 3px;
}
.search-detail .search-detail-list ul li a:hover > span{
    border-bottom: none;
}
.search-detail .search-detail-list ul li a span.number{
    padding-right: 3px;
    font-size: 1.1rem;
}


.summary-box .link-left,
.summary-box .link-right{
    margin-bottom: 20px;
    border: 3px solid #654936;
    border-radius: 4px;
}
.summary-box .link-left{
    padding-right: 570px;
}
.summary-box .link-right{
    padding-left: 570px;
}
.summary-box .linkTxt-box{
    background: #fff;
    padding: 85px 30px;
    text-align: center;
}
.linkTxt-box .number {
    font-size: 2.5rem;
    font-weight: 300;
}
.linkTxt-box .number::before,
.linkTxt-box .number::after{
    content: "\002f";
    font-size: 2.5rem;
    margin: 0 10px;
}
.linkTxt-box p.txt{
    margin-bottom: 30px;
}
.linkTxt-box p.txt > span{
    color: #d33a5e;
    font-weight: bold;
}

.linkTxt-box p a{
    position: relative;
    z-index: 2;
    background: #d33a5e;
    padding: 5px 10px;
    width: 245px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    border: solid 2px #d33a5e;
}
.linkTxt-box p a::before,
.linkTxt-box p a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #d33a5e;
}
.linkTxt-box p a,
.linkTxt-box p a::before,
.linkTxt-box p a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.linkTxt-box p a::before{
    right: 0;
}
.linkTxt-box p a::after{
    left: 0;
}
.linkTxt-box p a:hover{
    background: #fff;
    color: #d33a5e;
    font-weight: bold;
}
.linkTxt-box p a:hover::before,
.linkTxt-box p a:hover::after {
    width: 0;
    background-color: #d33a5e;
}


.summary-box #searchMethod-box.link-left{
    background: url(../images/pic_back_01.png) no-repeat #fcf7f2;
    background-position: right 55px center;
    background-size: 460px;
}
.summary-box #commitment-box.link-left{
    background: url(../images/pic_back_03.png) no-repeat #fcf7f2;
    background-position: right 55px center;
    background-size: 460px;
}
.summary-box #app-box.link-left{
    background: url(../images/pic_back_05.png) no-repeat #fcf7f2;
    background-position: right 25px center;
    background-size: 520px;
}
.summary-box #article-box.link-left{
    background: url(../images/pic_back_07.png) no-repeat #fcf7f2;
    background-position: right 55px center;
    background-size: 460px;
}
.summary-box #pickup-box.link-right{
    background: url(../images/pic_back_02.png) no-repeat #f7f7f7;
    background-position: left 35px center;
    background-size: 500px;
}
.summary-box #recommend-box.link-right{
    background: url(../images/pic_back_04.png) no-repeat #f7f7f7;
    background-position: left 35px center;
    background-size: 500px;
}
.summary-box #magazine-box.link-right{
    background: url(../images/pic_back_06.png) no-repeat #f7f7f7;
    background-position: left 35px center;
    background-size: 500px;
}
.summary-box #manual-box.link-right{
    background: url(../images/pic_back_08.png) no-repeat #f7f7f7;
    background-position: left 25px center;
    background-size: 520px;
}



.ft-search{
    padding-top: 80px;
    background: url(../images/back_foot_pin.png) top center no-repeat;
    margin-top: 50px;
}
.ft-search-inner{
    position: relative;
    border: 4px solid #654936;
    border-radius: 4px;
    padding: 25px;
    background: #fff url(../images/back_foot_chintaiger.png) no-repeat right 15px bottom -21px;
}
.ft-search .ft-search-ttl{
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.ft-search ul{
    margin-top: 20px;
}
.ft-search ul li{
    display: inline-block;
    width: calc(20% - 5px);
    text-align: center;
    margin-right: 5px;
}
.ft-top-link{
    position: absolute;
    top: 15px;
    right: 20px;
}
.ft-search ul li a{
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
    border-radius: 4px;
    border: solid 2px #654936;
    color: #654936;
}
.ft-search ul li a:hover{
    transition: .3s;
    background: #654936;
    border: solid 2px #654936;
    color: #fff;
}