/*ページタイトル*/

.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-left:100px;
    background-image:url("../../../images/sanbe/about_sanbe/icn_about_sanbe80.svg");
    background-repeat:no-repeat;
    background-size:80px auto;
    background-position:0px 5px;
    margin:0;
}

/*ページ見出し*/
.head_text  {
    text-align:center;
}

.head_text .copy  {
    font-size:20px;
    margin-bottom:18px;
}

.page_btn_area    {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:60px;
}

.page_btn_area .btn_box    {
    width:226px;
    height:35px;
    border:1px solid #231815;
    border-radius:5px;
    background-color:#fff;
    transition:.3s;
    text-align:center;
    margin-top:15px;
}

.page_btn_area .btn_box .btn_arrow    {
    position:absolute;
    left:20px;
    top:10px;
}

.page_btn_area .btn_box span    {
    display:inline;
    line-height:1.9em;
    font-weight:bold;

}

.page_btn_area .btn_box:hover    {
    background:#efefef;
}

.page_btn_area .btn_box a    {
    display:block;
    width:226px;
    height:35px;
    text-decoration:none;
    color:#231815;
}

.page_btn_area .btn_box a:hover > .btn_arrow    {
    transform: scale(1.3, 1.3);
}


.page_btn_area .btn_box01    {
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.page_btn_area .btn_box02    {
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

.page_btn_area .btn_box03    {
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

/*自然と歴史*/
.nature_history_area    {
    border-bottom:3px;
    margin-top:60px;
    width:376px;
    margin-left:auto;
    margin-right:auto;
}

.title_box  {
    position:relative;
    width:100%;
    padding-left:10px;
    padding-right:10px;
    height:70px;
}

.title_box .icn  {
    position:absolute;
    left:20px;
    bottom:37px;
}

.title_box h2  {
    margin:0;
    line-height:1.3em;
    margin-top:40px;
    margin-left:66px;
    font-size:28px;
}

.title_box hr   {
    border:none;
    border-top:2px dotted #3e3a39;
    border-bottom:2px  dotted #3e3a39;
    padding:0;
    padding-top:2px;
}

.nature_history_area .content_box    {
    letter-spacing: -.4em;
}

.nature_history_area .content_box .note    {
    letter-spacing: normal;
    display:inline-block;
    width:376px;
    padding-left:10px;
    padding-right:10px;
    line-height:1.6em;
    vertical-align: top;
}

.nature_history_area .content_box .photo_box    {
    letter-spacing: normal;
    display:inline-block;
    width:376px;
    margin-left:auto;
    margin-right:auto;
    vertical-align: top;
}

.nature_history_area .content_box .photo_box .photo    {
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

/*アクティビティ*/
.activity_area  {
    border-bottom:3px;
    margin-top:60px;
    width:376px;
    margin-left:auto;
    margin-right:auto;

}

.activity_area .content_box    {
    letter-spacing: -.4em;
}

.activity_area .content_box .note    {
    letter-spacing: normal;
    display:inline-block;
    width:376px;
    padding-left:10px;
    padding-right:10px;
    line-height:1.6em;
    vertical-align: top;
}

.activity_area .content_box .photo_box    {
    letter-spacing: normal;
    display:inline-block;
    width:376px;
   margin-left:auto;
    margin-right:auto;
    vertical-align: top;
}

.activity_area .content_box .photo_box .photo    {
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}


/*見どころスポット*/
.sanbe_spot {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    margin-top:70px;
    background-image:url("../../images/sanbe/about_sanbe/sanbe03_dot.png");
    background-repeat: repeat;
    padding-top:40px;
    padding-bottom:40px;
}

.sanbe_spot .head_image {
    margin-top:60px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.sanbe_spot .spot_area  {
    width:376px;
    letter-spacing: -.4em;
    margin-top:40px;
}

.sanbe_spot .spot_area .spot_box  {
    letter-spacing: normal;
    display:inline-block;
    vertical-align: top;
    width:376px;
    padding-left:10px;
    padding-right:10px;
    margin-top:20px;
}

.sanbe_spot .spot_area .spot_box .photo  {
    display:block;
    border-radius:10px;
    margin-left:auto;
    margin-right:auto;
}

.sanbe_spot .spot_area .spot_box .icn_box  {
    width:100%;
    height:27px;
    position:relative;
    margin-top:20px;
}

.sanbe_spot .spot_area .spot_box .icn_box .spot_no  {
    width:92px;
    height:26px;
    text-align:center;
    border:1px solid #231815;
    border-radius:5px;
    background:#fff;
}

.sanbe_spot .spot_area .spot_box .icn_box .spot_no .no  {
    font-weight:bold;
    color:#231815;
    line-height:1em;
    margin:0;
}

.sanbe_spot .spot_area .spot_box .icn_box .season_icn  {
    width:300px;
    height:27px;
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    letter-spacing: -.4em;
}

.sanbe_spot .spot_area .spot_box .icn_box .season_icn img  {
    margin-left:8px;
    display:inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width:26px;
}

.sanbe_spot .spot_area .spot_box .title_box_s  {
    width:100%;
/*    height:50px;*/
    position:relative;
    margin-top:15px;
}

.sanbe_spot .spot_area .spot_box .title_box_s .flag  {
    position:absolute;
    left:0;
    top:0px;
}

.sanbe_spot .spot_area .spot_box .title_box_s h3  {
    margin:0;
    margin-left:48px;
    font-size:18px;
    line-height:1.2em;
}

.sanbe_spot .spot_area .spot_box .title_box_s h4  {
    margin:0;
    margin-left:48px;
    font-size:18px;
    line-height:1.4em;
}

.sanbe_spot .spot_area .spot_box .note  {
    width:100%;
    line-height:1.6em;
    font-size:15px;
}