/*ページタイトル*/

.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;
    padding-bottom:10px;
    background-image:url("../../../images/sanbe/camp_info/icn_camp_info72.svg");
    background-repeat:no-repeat;
    background-size:72px auto;
    background-position:0px 15px;
    padding-top:10px;
    margin:0;
    margin-top:10px;
}

.campsite_name  {
    text-align:center;
    margin-top:100px;
}

.campsite_name h2 {
    font-size:28px;
    margin:0;
    line-height:1.6em;
}

.campsite_name p {
    font-size:15px;
    color:#e4b477;
    margin:0;
    background-image:url("../../images/sanbe/camp_info/camp_icn20.svg");
    background-size:20px auto;
    background-position:0 2px;
    background-repeat:no-repeat;
    padding-left:30px;
    display:inline;
    margin-top:10px;
    line-height:1.6em;
}

.gmap_area  {
    margin-top:60px;
}

/*メインエリア*/
.main_area  {
    width:376px;

    letter-spacing: -.4em;
    margin-top:60px;
}

.main_area .sub_image  {
    width:350px;
    height:332px;
    letter-spacing: normal;
/*    display:inline-block;*/
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}

.main_area .sub_image .text_area  {
    width:350px;
/*    height:174px;*/
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.main_area .sub_image .text_area h3  {
    margin:0;
}

.main_area .sub_image .text_area p  {
    margin:0;
    margin-top:10px;
    font-size:15px;
}

.main_area .sub_image .photo_area  {
    letter-spacing: -.4em;
}

.main_area .sub_image .photo_area img  {
    letter-spacing: normal;
    display:inline-block;
    margin-left:20px;
}

.main_area .main_image  {
    letter-spacing: normal;
    vertical-align: top;
    margin-top:20px;
}

.main_area .main_image img {
    margin-left:auto;
    margin-right:auto;
    display:block;

}

/*バルーンエリア*/
.balloon_area    {
    width:376px;
    height:66px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    margin-top:140px;
}

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

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

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


/*選べる4つのスタイル*/
.style_area {
    margin-top:40px;
    width:376px;
    margin-left:auto;
    margin-right:auto;
    letter-spacing: -.4em;
}

.style_area .style_box {
    width:376px;
    letter-spacing: normal;
    display:inline-block;
    padding-bottom:50px;
}

.style_area .style_right    {
    border-right:none;
}

.style_area .style_bottom {
    padding-top:40px;
    border-bottom:none;
}

.style_area .style_box .title_box {
    width:366px;
    letter-spacing: -.4em;
    margin-left:10px;
    margin-bottom:10px;
}

.style_area .style_box .title_box .icn_box {
    letter-spacing:normal;
    width:78px;
    height:78px;
    display:inline-block;
    vertical-align: top;
}

.style_area .style_box .title_box .icn_box span {
    display:block;
    width:78px;
    height:29px;
    text-align:center;
    color:#fff;
    background-color:#231815;
    border-radius:5px;
    font-size:15px;
    line-height:1.8em;
}

.style_area .style_box .title_box .title {
    width:260px;
    margin-left:20px;
    display:inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.style_area .style_box .title_box .title h3 {
    margin:0;
    font-size:27px;
    line-height:1em;
}

.style_area .style_box .title_box .title p {
    margin:0;
    line-height:1.6em;
    margin-top:5px;
}

.style_area .style_box .note {
    width:376px;
    letter-spacing: -.4em;
}

.style_area .style_box .note img {
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom:50px;
    cursor: pointer;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.style_area .style_box .note .txt {
    letter-spacing: normal;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
    width:350px;
}

.style_area .style_box .note .txt p {
    margin:0;
    font-size:14px;
}


/*その他*/
.other_area {
    width:376px;

    margin-left:auto;
    margin-right:auto;
    background-color:#efefef;
    letter-spacing: -.4em;
    margin-top:100px;
}

.other_area .other_head {
    position:relative;
}

.other_area .other_head h3 {
    letter-spacing: normal;
    font-size:16px;
    border-radius:15px;
    border:2px solid #898989;
    background-color:#fff;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-19px;
    width:222px;
    height:37px;
    text-align:center;
    display:block;
    padding-top:3px;
}

.other_area .other_box  {
    display:inline-block;
    width:376px;
    margin-top:54px;
    padding-bottom:20px;
}

.other_area .other_box img  {
    display:block;
    vertical-align: top;
    margin-left:auto;
    margin-right:auto;
}

.other_area .other_box .text_box  {
    letter-spacing: normal;
    display:inline-block;
    vertical-align: top;
    width:278px;
    margin-left:23px;
    margin-top:10px;
}

.other_area .other_box .text_box h3  {
    margin:0;
    font-size:23px;
    line-height:1em;
    border-bottom:1px dotted #231815;
    padding-bottom:10px;
    
}

.other_area .other_box .text_box p  {
    margin:0;
    margin-top:10px;
    font-size:15px;
}

/*キャンプ場案内*/
.canp_info_img  {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

/*基本情報*/
.base_info_area {
    width:376px;
    margin-left:auto;
    margin-right:auto;
    background-color:#efefef;
    margin-top:100px;
}

.base_info_area .base_head {
    position:relative;
}

.base_info_area .base_head h3 {
    letter-spacing: normal;
    font-size:16px;
    border-radius:15px;
    border:2px solid #898989;
    background-color:#fff;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:-19px;
    width:222px;
    height:37px;
    text-align:center;
    display:block;
    padding-top:3px;
}

.base_info_area .base_info_box {
    padding-top:13px;
    padding-bottom:35px;
}

.base_info_area dl {
    margin:0;
    padding:0;
    width:315px;
    font-size:14px;
    margin-top:43px;
    color:#000;
    line-height:2.4em;
    margin-left:auto;
    margin-right:auto;
}

.base_info_area dl dt {
    width:70px;
    float:left;
    clear:both;
    padding-left:0px;
}

.base_info_area dl dd {
    margin-left:70px;
}

.base_info_area dl a {
    color:#000;
    text-decoration:none;
}





/*カスタマイズ用追記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 !important;/*メインスライダーの横幅*/
	height:517px;/*メインスライダーの縦幅*/
}
 
ul.bxslider01 li img{
	display:block;
	width:786px !important;
	height:517px;
}
 
ul.bxslider02 li a {
	display:block;
	width:126px;/*サムネイルの横幅*/
	height:83px;/*サムネイルの縦幅*/
}
 
ul.bxslider02 li a img{
	display:block;
	width:126px;/*サムネイルの横幅*/
	height:83px;/*サムネイルの縦幅*/
}
 
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;
}