/*ページタイトル*/

.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:150px;
    padding-right:50px;
    padding-bottom:10px;
    background-image:url("../../../images/sanbe/climbing_map/icn_climbing_map78.svg");
    background-repeat:no-repeat;
    background-size:80px auto;
    background-position:50px 5px;
    margin:0;
    margin-top:10px;
}

/*見出し*/
.head_text_area {
    width:376px;
    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;
}

/*登山マニュアル　トップ*/

.head_text_area .manual {
    width:350px;
    position:relative;
    height:250px;
    margin-bottom:60px;
}

.head_text_area .manual .circle {
    position:absolute;
    right:6px;
    bottom:76px;
    width:173px;
    height:173px;
    cursor: pointer;
}

.head_text_area .manual .circle .cls-manual1 {
    transition:.3s;
}

.head_text_area .manual .circle .manual_txt {
    position:absolute;
    top:30px;
    left:3px;
    right:0;
    margin:auto;
}

.head_text_area .manual .circle .manual_arrow {
    position:absolute;
    bottom:10px;
    left:3px;
    right:0;
    margin:auto;
    transition:.3s;
}

.head_text_area .manual .circle .cls-manual1_over {
    fill:#BC9239;
}

.head_text_area .manual .circle .manual_arrow_over {
    transform:translate(0,5px);
}

.head_text_area .manual .get_manual {
    position:absolute;
    right:100px;
    bottom:0;
    cursor: pointer;
}

/*登山マニュアル　ボトム*/
.manual_bottom {
    width:100%;
    position:relative;
    height:110px;
}

.manual_bottom .circle {
    position:absolute;
    left:50px;
    bottom:86px;
    width:173px;
    height:173px;
    cursor: pointer;
}

.manual_bottom .circle .cls-manual2 {
    transition:.3s;
}

.manual_bottom .circle .manual_txt {
    position:absolute;
    top:30px;
    left:3px;
    right:0;
    margin:auto;
}

.manual_bottom .circle .manual_arrow {
    position:absolute;
    bottom:10px;
    left:3px;
    right:0;
    margin:auto;
    transition:.3s;
}

.manual_bottom .circle .cls-manual2_over {
    fill:#BC9239;
}

.manual_bottom .circle .manual_arrow_over {
    transform:translate(0,5px);
}

.manual_bottom .get_manual2 {
    position:absolute;
    left:10px;
    bottom:0;
    cursor: pointer;
}


/*マップエリア*/

#course_wrap    {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f2f2e7;
    padding-top:34px;
}

.balloon_area    {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    position:relative;

}

.balloon_area .balloon_box    {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    width:350px;
    height:66px;
    top:-30px;
}

.balloon_area .balloon_box .balloon_img    {
    position:absolute;
    left:0;
    top:0;
}

.balloon_area .balloon_box h2    {
    text-align:center;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    line-height:1.8em;
}


#course_wrap .map_area    {
    width:100%;
    letter-spacing: -.4em;
}

#course_wrap .map_area .course_list    {
    letter-spacing: normal;
    display:inline-block;
    width:318px;
    margin-left:30px;
    vertical-align: top;
}

#course_wrap .map_area .course_list #course    {
    width:318px;
    height:85px;
    cursor: pointer;
    position:relative;
    margin-bottom:15px;
}

#course_wrap .map_area .course_list #course .no   {
    position:absolute;
    left:0;
    top:0;
}

#course_wrap .map_area .course_list #course h3.ja   {
    position:absolute;
    left:45px;
    top:9px;
    margin:0;
    display:inline-block;

    border-bottom:1px solid #231815;
    color:#231815;
    font-size:24px;
}

#course_wrap .map_area .course_list #course h3.other   {
    position:absolute;
    left:45px;
    top:4px;
    margin:0;
    display:inline-block;
    border-bottom:1px solid #231815;
    color:#231815;
    font-size:24px;
}


#course_wrap .map_area .course_list #course .ruby   {
    position:absolute;
    left:45px;
    top:0;
    font-size:12px;
    line-height:1em;
}

#course_wrap .map_area .course_list #course .r_time   {
    position:absolute;
    left:45px;
    top:50px;
    background-image:url("../../images/sanbe/climbing_map/time.svg");
    background-size:15px 15px;
    background-repeat: no-repeat;
    background-position:0 2px;
    padding-left:20px;
    margin:0;
    line-height:1.4em;
    padding-bottom:2px;
    font-size:13px;
}

#course_wrap .map_area .course_list #course .supple   {
    position:absolute;
    left:45px;
    top:66px;
    font-size:12px;
    margin:0;
}

/*マップボックス*/

#course_wrap .map_area .map_box    {
    letter-spacing: normal;

    width:100%px;
    overflow: hidden;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}

#course_wrap .map_area .map_box img    {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#course_wrap .map_area .map_box .map    {
    position:absolute;
    left:0;
    right:0;
}

#course_wrap .map_area .map_box .course01_line   {
    position:absolute;
    left:259.5px;
    top:82px;
    width:33px;
    height:auto;
}


#course_wrap .map_area .map_box .course02_line   {
    position:absolute;
    left:286px;
    top:83px;
    width:112px;
    height:auto;
}


#course_wrap .map_area .map_box .course03_line   {
    position:absolute;
    left:51px;
    top:240px;
    width:224px;
    height:auto;
}


#course_wrap .map_area .map_box .course04_line   {
    position:absolute;
    left:391px;
    top:329px;
    width:150px;
    height:auto;
}

#course_wrap .map_area .map_box .course05_line   {
    position:absolute;
    left:267px;
    top:415px;
    width:53px;
    height:auto;
}

#course_wrap .map_area .map_box .course06_line   {
    position:absolute;
    left:232px;
    top:224px;
    width:186px;
    height:auto;
    z-index:9;
}

#course_wrap .map_area .map_box .number {
    width:38px;
    height:38px;
    text-align:center;
    z-index:99;
    position:absolute;
}

#course_wrap .map_area .map_box .number .border {
    position:absolute;
    left:0;
    top:0;
    width:38px;
    height:38px;
    border-style:solid;
    border-width:4px;
    border-radius:100%;
    background:#fff;
    transition:.1s;
}

#course_wrap .map_area .map_box .number .over {
    transform: scale(1.1, 1.1);
    border-width:19px;
}

#course_wrap .map_area .map_box .number span.no {
    font-size:22px;
    font-weight:bold;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    line-height:1.6em;
    transition:.3s;
    z-index:99;
}

#course_wrap .map_area .map_box .number span.over {
    color:#fff !important;
}

#course_wrap .map_area .map_box .no_over {
    color:#fff !important;
}

#course_wrap .map_area .map_box .no1 {
color:#eb6506;
position:absolute;
left:256px;
top:154px;
}
#course_wrap .map_area .map_box .no1 .border {
border-color:#eb6506;
}

#course_wrap .map_area .map_box .no2 {
color:#f4a11a;
position:absolute;
left:349px;
top:125px;
}
#course_wrap .map_area .map_box .no2 .border {
border-color:#f4a11a;
}

#course_wrap .map_area .map_box .no3 {
color:#3e814f;
position:absolute;  
left:90px;
top:309px;
}
#course_wrap .map_area .map_box .no3 .border {
border-color:#3e814f;
}

#course_wrap .map_area .map_box .no4 {
color:#5b6cb5;
position:absolute; 
left:412px;
top:389px;    
}
#course_wrap .map_area .map_box .no4 .border {
border-color:#5b6cb5;
}

#course_wrap .map_area .map_box .no5 {
color:#83a7c8;
position:absolute;
left:278px;
top:504px;
}
#course_wrap .map_area .map_box .no5 .border {
border-color:#83a7c8;
}

#course_wrap .map_area .map_box .no6 {
color:#cf9cb3;
position:absolute;
left:330px;
top:257px;
}
#course_wrap .map_area .map_box .no6 .border {
border-color:#cf9cb3;
}

#course_wrap .course01_line .cls-1    {
    stroke-width:4px;
    transition: .3s;
}


#course_wrap .course02_line .cls-3    {
    stroke-width:4px;
    transition: .3s;
}

#course_wrap .course03_line .cls-5    {
    stroke-width:4px;
    transition: .3s;
}


#course_wrap .course04_line .cls-7    {
    stroke-width:4px;
    transition: .3s;
}


#course_wrap .course05_line .cls-9    {
    stroke-width:4px;
    transition: .3s;
}


#course_wrap .course06_line .cls-11    {
    stroke-width:4px;
    transition: .3s;
}

/*マウスオーバー時線を太く*/
#course_wrap .course01_line .cls-1_over    {
    stroke-width:8px;
}

#course_wrap .course02_line .cls-3_over    {
    stroke-width:8px;
}

#course_wrap .course03_line .cls-5_over    {
    stroke-width:8px;
}

#course_wrap .course04_line .cls-7_over    {
    stroke-width:8px;
}

#course_wrap .course05_line .cls-9_over    {
    stroke-width:8px;
}

#course_wrap .course06_line .cls-11_over    {
    stroke-width:8px;
}

/*マップ素材　トイレ表記など*/
#course_wrap .map_area .map_box .map_name {
    position:absolute;
    left:20px;
    top:13px;
    z-index:99;
}

#course_wrap .map_area .map_box .triangle {
    position:absolute;
    left:232px;
    top:227px;
    z-index:99;
}

#course_wrap .map_area .map_box .toilet {
    position:absolute;
    left:13px;
    top:25px;
    z-index:99;
}


/*コース詳細*/

#course_detail  {
}

#course_detail .detail_box  {
    margin-left:0px;
    width:376px;
    margin-top:75px;
}

#course_detail .detail_box .detail_head  {
    position:relative;
    width:100%;
    height:70px;
    padding-left:10px;
}

#course_detail .detail_box .detail_head .no  {
    position:absolute;
    left:10px;
    top:10px;
}

#course_detail .detail_box .detail_head .title_box  {
    position:absolute;
    left:54px;
    top:0;
    height:50px;
    width:290px;
    border-bottom:1px dotted #231815;
}

#course_detail .detail_box .detail_head .title_box .ruby  {
    margin:0;
    line-height:1em;
}

#course_detail .detail_box .detail_head .title_box h3  {
    margin:0;
    font-size:18px;
    line-height:1em;
}

#course_detail .detail_box .detail_head .title_box h3 span {
    font-size:15px;
    margin-left:0px;
    background-image:url("../../images/sanbe/climbing_map/time.svg");
    background-position:0 2px;
    background-repeat:no-repeat;
    background-size:18px 18px;
    padding-left:5px;
}

#course_detail .detail_box .detail_outline {
    width:300px;
    margin-left:54px;
}

#course_detail .detail_box .detail_outline p {
    margin:0;
    line-height:1.6em;
}

#course_detail .detail_box .detail_outline p.supple {
    font-size:13px;
}

#course_detail .detail_box .more_btn {
    width:234px;
    height:38px;
    margin-left:auto;
    margin-right:auto;
    background:#595757;
    border-radius:19px;
    position:relative;
    text-align:center;
    cursor: pointer;
    margin-top:28px;
    transition:.3s;
}

#course_detail .detail_box .more_btn:hover {
    background-color:#484646;
}

#course_detail .detail_box .more_btn:hover > .more_arrow {
    transform: scale(1.5, 1.5);
}

#course_detail .detail_box .more_btn .more_arrow {
    position:absolute;
    left:40px;
    top:15px;
    transition:.3s;
}

#course_detail .detail_box .more_btn span {
    color:#fff;
    margin:0;
    line-height:2.2em;
}

/*フォトgallery*/
#course_detail .photo_gallery   {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    padding-top:15px;
    padding-bottom:20px;
    margin-top:20px;
    position:relative;
}

#course_detail .photo_gallery .photo_box   {
    letter-spacing: -.4em;
    width:376px;
    margin-left:auto;
    margin-right:auto;
    margin-top:16px;
    position:relative;
}

#course_detail .photo_gallery .photo_box .bxslider_course   {
    magin:0;
    padding:0;
}

#course_detail .photo_gallery .photo_box img   {
    display:block;
    letter-spacing: normal;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
    cursor: pointer;
    margin-bottom:10px;
}

#course_detail .photo_gallery .text_box   {
    width:350px;
    margin-top:17px;
    margin-left:auto;
    margin-right:auto;
}

#course_detail .photo_gallery .photo_gallery_btn   {
    display:none;
    margin-left:auto;
    margin-right:auto;
    cursor: pointer;
    
}





#course_wrap .guide_map_btn {
    width:350px;
    height:50px;
    background-color:#fff;
    border:4px solid #231815;
    border-radius:25px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:100px;
    cursor: pointer;
    text-align:center;
    transition:.3s;
}

#course_wrap .guide_map_btn a {
    diplay:block;
    width:574px;
    height:70px;
    text-decoration:none;
    color:#231815;
}

#course_wrap .guide_map_btn:hover {
    background-color:#EFEFEF;
}

#course_wrap .guide_map_btn:hover > a .icn {
    transform: translate(0,4px);
}

#course_wrap .guide_map_btn .icn {
    position:absolute;
    left:15px;
    top:10px;
    transition:.3s
}

#course_wrap .guide_map_btn span {
    font-size:16px;
    text-align:center;
    margin:0;
    line-height:2.7em;
    font-weight:bold;
    margin-left:40px;
}

#course_wrap .manual_bottom {
    width:100px;
    height:323px;
    margin-left:70px;
    position:relative;
}

#course_wrap .manual_bottom .get_manual {
    position:absolute;
    left:30px;
    bottom:0;
}

/*フォトギャラリー　スライダー*/
.photo_slide    {
    width:1024px;
    height:900px;
    background-color:#fff;
}


/*カスタマイズ用追記CSS Start*/
 
div.slider {
    width:786px;
	display:block;
	margin:40px auto;
}
 
div.slider .bx-wrapper {
	margin:0 auto 15px;/*メインスライダーとサムネイルの間の余白を変更*/
}

ul.bxslider01 {
    margin:0;
    padding:0;
}

ul.bxslider02 {
    margin:0;
    padding:0;
}

ul.bxslider01 li {
	display:block;
	width:786px;/*メインスライダーの横幅*/
	height:517px;/*メインスライダーの縦幅*/
}
 
ul.bxslider01 li img{
	display:block;
	width:786px;
	height:517px;
}
 
ul.bxslider02 li a {
	display:block;
	width:126px;/*サムネイルの横幅*/
	height:83px;/*サムネイルの縦幅*/
}
 
ul.bxslider02 li a img{
	display:block;
	width:126px;/*サムネイルの横幅*/
	height:83px;/*サムネイルの縦幅*/
}

.photo_box .arrow_box   {
    position:absolute;
    width:100%;
    z-index:999;
}

div.controlWrap {
	width:1024px;
	display:block;
	position:relative;
	margin:0 auto;
}
 
div.controlWrap p#PrevIcon a{
	display:block;
	width:12px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:18px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
    background:url("../../images/sanbe/camp_info/slide_arrow_prev20.svg") left center no-repeat;
    background-size:12px auto;
	color:#fff;
	top:34px;
	left:80px;
	text-indent:-9999px;
}
 
div.controlWrap p#NextIcon a{
	display:block;
	width:12px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height:18px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position:absolute;
    background:url("../../images/sanbe/camp_info/slide_arrow_next20.svg") left center no-repeat;
    background-size:12px auto;
	color:#fff;
	top:34px;
	right:80px;
	text-indent:-9999px;
}