/*ページタイトル*/

.title_area {
    text-align:center;
    margin-top:50px;
}

.title_area .main_title_box {
    display:inline-block;
    width:auto;
    background-image:url("../../../images/sanbe/about_sanbe/title_line.svg");
    background-repeat:repeat-x;
    background-position:bottom;
    background-size:auto 5px;
/*    height:70px;*/
    padding-bottom:30px;
    line-height:1.8em;
}

.title_area .main_title_box h1  {
    display:inline;
    padding-bottom:10px;
    padding-left:80px;
    background-image:url("../../../images/sanbe/picture_book/icn_picture_book63.svg");
    background-repeat:no-repeat;
    background-size:63px auto;
    background-position:0px 0px;
    margin:0;
    margin-top:10px;
}

/*見出し*/
.head_text_area {
    width:350px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
}

.head_text_area .head_text {
    width:350px;
    margin-left:auto;
    margin-right:auto;
}

.head_text_area .head_text p {
    font-size:14px;
    line-height:1.5em;
}


/*三瓶少年自然の家バナー*/

.supervision  {
    width:350px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f4dd7d;
    letter-spacing: -.4em;
    margin-top:65px;
    padding-top:17px;
    padding-bottom:17px;
    padding-left:20px;
    padding-right:20px;
}

.supervision .text_box  {
    letter-spacing: normal;
    width:100%;
    display:inline-block;
    vertical-align: top;
    
}

.supervision .text_box h2  {
    text-align:center;
    background-color:#545454;
    color:#fff;
    font-size:15px !important;
    margin:0;
    padding-top:2px;
    padding-bottom:2px;
    line-height:1.3em;
    font-weight:normal;
}

.supervision .text_box .btn_box  {
    position:relative;
    width:100%;
    height:30px;
    margin-top:12px;
}

.supervision .text_box .btn_box h3  {
    position:absolute;
    left:0;
    top:0;
    margin:0;
    line-height: 1em;
}


.supervision .detail_box .detail  {
    width:260px;
    height:22px;
    background-color:#fff;
    border-radius:6px;
    text-align:center;
    transition:.3s;
    cursor: pointer;
    letter-spacing: normal;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    line-height:1.2em;

/*    display:none;
*/}


.supervision .detail_box a  {
    color:#3e3a39;
    text-decoration: none;
}


.supervision .btn_box .detail:hover  {
    background-color:#ECECEC;
}

.supervision .btn_box .detail span  {
    font-size:13px;
}

.supervision .text_box .txt  {
    margin:0;
    font-size:13px;
    line-height: 1.5em;
    margin-top:7px;
}


.supervision .photo  {
    letter-spacing: normal;
    display:block;
    margin-left:auto;
    margin-right:auto;
    vertical-align: top;
    margin-top:10px;
}

/*メインバナー*/
.main_banner    {
    width:378px;
    background-color:#f4f0d9;
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
    padding-top:32px;
    padding-bottom:20px;
    letter-spacing: -.4em;
    cursor: pointer;
    transition:.3s;
}

.main_banner:hover    {
    background-color:#DED28E;
}

.main_banner:hover > .icn_box .icn_arrow    {
    transform:translate(0,10px);
}

.main_banner:hover > .icn_box .icn    {
    transform:scale(1.1,1.1);
}

.main_banner .icn_box   {
    letter-spacing: normal;
    display:inline-block;
    width:346px;
    height:100px;
    position:relative;
    vertical-align: top;
}

.main_banner .text_box   {
    letter-spacing: normal;
    display:inline-block;
    width:100%;
    vertical-align: top;
}

.main_banner .text_box p   {
    font-size:14px;
    margin:0;
    line-height:1.5em;
}

.wild_bird_banner   {
    margin-top:80px;
}

.main_banner .icn_box .icn   {
    position:absolute;
    left:0;
    top:20px;
    transition:.3s;
}

.main_banner .icn_box h2   {
    position:absolute;
    left:90px;
    top:28px;
    margin:0;
}

.main_banner .icn_box .icn_arrow   {
    position:absolute;
    left:150px;
    top:80px;
    transition:.3s;
}

.plant_banner .icn  {
    top:10px !important;
}

.zaidan {
    margin-left:10px;
    margin-right:10px;
}

.info_attract {
    margin:0;
    margin-left:10px;
    margin-right:10px;
}

.cat_box    {
    border-bottom:1px solid #c9caca;
    padding-left:10px;
    padding-right:10px;
    padding-top:50px;
    padding-bottom:50px;
    letter-spacing: -.4em;
}

.cat_box .tag_box   {
    letter-spacing: normal;
    display:inline-block;
    vertical-align: top;
    width:91px;
    margin-right:20px;
}

.cat_box .tag_box h4   {
    border:1px solid #231815;
    border-radius:5px;
    text-align:center;
    margin:0;
}

.cat_box .text_box   {
    letter-spacing: normal;
    display:inline-block;
    vertical-align: top;
/*    width:869px;*/
}

.cat_box .text_box .cat   {
    font-size:20px;
    font-weight:bold;
    color:#b39354;
    text-decoration: underline;
    margin:0;
    cursor: pointer;
}

.cat_box .text_box .txt   {
    margin:0;
    line-height:1.5em;
}


/*写真一覧*/
.photo_area {
    width:332px;
    margin-left:12px;
    margin-right:22px;
    letter-spacing: -.4em;
}

.photo_area .photo_box {
    letter-spacing: normal;
    display:inline-block;
    width:150px;
    margin-left:8px;
    margin-right:8px;
    margin_bottom:40px;
    vertical-align: top;
    margin-top:30px;
}

.photo_area .photo_box img {
    cursor: pointer;
}

.photo_area .photo_box .ttl {
    margin:0;
    line-height:1.5em;
    font-size:15px;
    color:#231815;
    background-image:url("../../images/sanbe/picture_book/photo_title_arrow9.svg");
    background-size:9px auto;
    background-repeat:no-repeat;
    background-position:0 8px;
    padding-left:15px;
}

.photo_area .photo_view_area {
    margin-left:-21px;
    width:376px;
    padding-top:35px;
    padding-bottom:15px;
    background-color:#f4f0d9;
    margin-top:30px;
    padding-left:10px;
    padding-right:10px;
}

.photo_area .photo_view_area .btn_area {
    position:relative;
    width:100%;
}

.photo_area .photo_view_area .btn_area .close_btn {
    font-size:28px;
    position:absolute;
    right:10px;
    top:-30px;
    font-weight:bold;
    cursor: pointer;
}

.photo_area .detail_data {
    width:100%;
    text-align:center;
    letter-spacing: normal;
}

.photo_area .detail_data img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.photo_area .detail_data .ttl {
    font-size:16px;
    margin:0;
    line-height:2.6em;
}

.photo_area .detail_data .note {
    font-size:14px;
    margin:0;
}