@charset "utf-8";

#camp_beginner_2020 .sp{display: none;}
#camp_beginner_2020{
	padding: 80px 0 150px 0;
	color: #000;
	width: 1000px;
}

/*=============================
		common
=============================*/

/* タイトル */
#camp_beginner_2020 .main-txt{
	margin-bottom: 80px;
}

#camp_beginner_2020 .main-txt .ttl-h1{
	width: 723px;
	display: block;
	margin: 0 auto 30px auto;
	border: solid 2px #000;
	text-align: center;
}

#camp_beginner_2020 .main-txt .ttl-h1 h1{
	padding: 10px 0;
	position: relative;
	font-size: 26px;
	font-weight: bold; 
	margin: 0;
}

#camp_beginner_2020 .main-txt .ttl-h1 h1:before{
	position: absolute;
	content: "";
	left: 10px;
	top: -5px;
	width: 700px;
	height: 10px;
	margin: 0 auto;
	background: #fff;
	z-index: 1;
}

#camp_beginner_2020 .main-txt .ttl-h1 h1:after{
	position: absolute;
	content: "";
	left: 10px;
	bottom: -5px;
	width: 700px;
	height: 10px;
	margin: 0 auto;
	background: #fff;
	z-index: 1;
}

#camp_beginner_2020 .main-txt .rt-name{
	text-align: right;
    font-size: 14px;	
}

#camp_beginner_2020 h2{
	font-size: 22px;
	font-weight: bold;
	border-top: solid 2px #000;
	padding: 18px 0 18px 50px;
	background: #f0f0f0;
	margin: 0 0 45px 0;
	text-align: left;
}

#camp_beginner_2020 h2.ttl-style{
	background: transparent;
	border-top: none;	
}

#camp_beginner_2020 h3{
	font-size: 20px;	
	font-weight: bold;
	margin-bottom: 20px;
}

#camp_beginner_2020 p{
	font-size: 14px;
	line-height: 2.5;
	margin-bottom: 45px;
	text-align: left;
}

#camp_beginner_2020 p.rt_txt{
	text-align: right;
    margin-bottom: 60px;
}

/* layout */
#camp_beginner_2020 .menu-box,
#camp_beginner_2020 .content{
	width: 900px;
	margin: 0 auto;
}

#camp_beginner_2020 .point .point-details{
	width: 800px;
	margin: 0 auto;
}

/*=============================
		table
=============================*/
#camp_beginner_2020 table{
	width: 100%;
	margin-bottom: 140px;
}

#camp_beginner_2020 table th,
#camp_beginner_2020 table td{
	padding: 14px 10px;
    border-top: 1px solid #ccc;	
    border-bottom: 1px solid #ccc;	
    border-left: 1px solid #ccc;	
    border-right: 1px solid #ccc;	
}

#camp_beginner_2020 table th,
#camp_beginner_2020 table td{font-size: 14px;}
#camp_beginner_2020 table th{background: #f0f0f0;}

/* 2カラム */
#camp_beginner_2020 .tbl-2col table th{
	width: 160px;
    border-right: none;
	padding: 14px 30px;
}

#camp_beginner_2020 .tbl-2col table td{
	border-left: none;
	padding: 14px 30px;
}

/* 3カラム */
#camp_beginner_2020 .tbl-3col table th,
#camp_beginner_2020 .tbl-3col table td{
    border-left: none;	
    border-right: none;	
}

#camp_beginner_2020 .tbl-3col table td{
	text-align: center;
	width: 350px;
}
#camp_beginner_2020 .tbl-3col table th{
	width: 200px;
	text-align: center;
}
#camp_beginner_2020 .model{
	display: flex;
    justify-content: space-between;
}

#camp_beginner_2020 .model .lt,
#camp_beginner_2020 .model .rt{width: 351px;}
#camp_beginner_2020 .model .lt span,
#camp_beginner_2020 .model .rt span{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	display: block;
	padding: 35px 0 25px 0;
}

/*=============================
		list
=============================*/
#camp_beginner_2020 div.list-box-line .ttl{
	font-size: 15px;
	font-weight: bold;
	padding-left: 5px;
}

#camp_beginner_2020 div.list-box-line{
	display: flex;
	flex-wrap: wrap;
	border: solid 1px #ccc;
	margin: 0 0 30px 0;
    padding: 15px 15px 0 15px;
}

#camp_beginner_2020 div.list-box-line .list-box-item{width: 25%;}
#camp_beginner_2020 div.list-box-line ul.list{margin-bottom: 30px;}
#camp_beginner_2020 div.list-box-line ul.list li{
	margin-top: 10px;
	margin-left: 35px;
	font-size: 14px;
	list-style: none;
    text-indent: -15px;
}

/* 2カラム */
#camp_beginner_2020 div.list-box-line.list-box-line-1col{padding: 15px 15px 15px 15px;}
#camp_beginner_2020 div.list-box-line.list-box-line-1col .list-box-item{width: 100%;}
#camp_beginner_2020 div.list-box-line.list-box-line-1col .list-box-item p{
	margin-bottom: 0;
	padding-left: 35px;
}
#camp_beginner_2020 div.list-box-line.list-box-line-1col .list-box-item ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;	
}
#camp_beginner_2020 div.list-box-line.list-box-line-1col .list-box-item ul li{
	width: 45%;
    box-sizing: border-box;
}

/*=============================
		goods list
=============================*/
#camp_beginner_2020 .goods{margin-bottom: 60px;}
#camp_beginner_2020 .goods .free-goods-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: -15px;	
}

#camp_beginner_2020 .goods .free-goods-list li{
    width: 230px;
    margin: 0 15px 50px 0;
    flex-basis: auto;	
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-body{
	width: 230px;
    flex-direction: column;	
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-img{width: 230px;}
#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-img figure{
    width: 230px;
    height: 230px;
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc{
    display: flex;
    flex-direction: column;
    width: 230px;
    padding: 0;
    margin: 10px 0 0;	
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .free-goods-list-name{
 	font-size: 12px;
    font-weight: 300;
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .free-goods-list-goods-name{
	margin: 2px 0 0;
    font-size: 12px;
    font-weight: 300;
    overflow: hidden;
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .free-goods-list-goods-name a{text-decoration: none;}
#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .block-icon{
    margin: 5px 0 0;
	order: 40;
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .block-icon span{
	font-size: 11px;
    color: #666;
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .block-icon span:before{
	color: #CCC;
    padding-right: 1.0em;
    content: "/";	
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-desc .block-icon span:after{
	color: #CCC;
    padding: 0 1.0em;
    content: "/";
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-details .free-goods-list-price{
	display: inline-block;
	margin: 0 8px 0 0;
    font-size: 16px;
    font-weight: normal;
    color: #222;
    vertical-align: middle;	
}

#camp_beginner_2020 .goods .free-goods-list li .free-goods-list-details .free-goods-list-tax{
	display: inline-block;
    font-size: 12px;
    font-weight: 300;
    color: #999;
    vertical-align: middle;	
}

#camp_beginner_2020 .btn{
	display: block;
	width: 320px;
	text-align: center;
	margin: 80px auto 0 auto;
	padding: 0;
}

#camp_beginner_2020 .btn a{
	display: block;
	width: 100%;
	padding: 20px 0;
	font-size: 13px;
	border: solid 1px #ccc;
	text-decoration: none;
}

#camp_beginner_2020 .btn a:hover{text-decoration: underline;}

/*=============================
		content
=============================*/
#camp_beginner_2020 .content .img{
	text-align: center;
	margin-bottom: 20px;
}

#camp_beginner_2020 .main-img{margin-bottom: 45px;}
#camp_beginner_2020 .menu-list .ttl{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
#camp_beginner_2020 .menu-list{margin-bottom: 140px;} 
#camp_beginner_2020 .menu-list nav ul li{margin-bottom: 20px;}
#camp_beginner_2020 .menu-list nav ul li a{
	position: relative;
	font-size: 14px;
	padding-left: 35px;
	background: url('../../../../img/usr/freepage/camp_beginner_2020/arrow.png') no-repeat left center;
}
#camp_beginner_2020 .menu-list nav ul li a:hover{text-decoration: underline;}

/* point */
#camp_beginner_2020 .point .ttl{
	padding-top: 25px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 56px;
}

#camp_beginner_2020 .point .img{margin-bottom: 56px;}
#camp_beginner_2020 .point .point-list{margin-bottom: 80px;}
#camp_beginner_2020 .point .point-list ul{
	border: solid 1px #ccc;
	padding-top: 20px;
	margin-bottom: 30px;
    width: 250px;	
}

#camp_beginner_2020 .point .point-list ul li{
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
}

#camp_beginner_2020 .point .point-list ul li div{
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 8px;
}

#camp_beginner_2020 .point .point-list ul li span{font-size: 14px;}
#camp_beginner_2020 .point .point-list ul li div.num{
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	display: flex;
    justify-content: center;
    align-items: center;	
}

#camp_beginner_2020 .point .point-details .point-details-box{
	position: relative;
	clear: both;
	font-size: 0;
	display: flex;
	align-items: center;
    margin-top: -50px;
    padding-top: 50px;	
	margin-bottom: 200px;
}

#camp_beginner_2020 .point .point-details .point-details-box:last-child{margin-bottom: 150px;}
#camp_beginner_2020 .point .point-details .point-details-box > span{
	position: absolute;
	left: -50px;
	top: 0;
	width: 100px;
	height: 100px;
	background: #000;
	color: #fff;
	font-size: 55px;
	font-weight: bold;
	display: flex;
    justify-content: center;
    align-items: center;	
}

#camp_beginner_2020 .point .point-details .point-details-box > figure{width: 340px;}
#camp_beginner_2020 .point .point-details .point-details-box > div{
	width: 460px;
	padding-left: 35px;
}

#camp_beginner_2020 .point .point-details .point-details-box > div p{
	padding-top: 10px;
	margin-bottom: 0;
}

#camp_beginner_2020 .point .point-details .point-details-box > div div.box + div.box{padding-top: 120px;}
#camp_beginner_2020 .point .point-details .point-details-box > div p + p{padding-top: 40px;}
#camp_beginner_2020 .point .point-details .point-details-box h3{margin: 0;}

/* ポイント　1カラム */
#camp_beginner_2020 .point.normal .point-details .point-details-box > div p{
    padding-top: 0;
    margin-bottom: 40px;	
}

#camp_beginner_2020 .point.normal .point-list ul li{
	padding-left: 20px;   
}

#camp_beginner_2020 .point.normal .point-list ul li .num{
    background: #fff;
    color: #000;	    
}


#camp_beginner_2020 .point .point-details .point-details-box.point-details-box-1col{display: block;}
#camp_beginner_2020 .point .point-details .point-details-box.point-details-box-1col > figure{
	text-align: center;
}

#camp_beginner_2020 .point .point-details .point-details-box.point-details-box-1col > div{
	width: 100%;
    padding-left: 25px;	
}

#camp_beginner_2020 .point .point-details .point-details-box.point-details-box-1col > figure{
	width: 765px;
    margin-left: 25px;	
}

/* item */
#camp_beginner_2020 h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

#camp_beginner_2020 .goods-item-inner{
	margin-bottom: 50px;
	padding-bottom: 30px;
}
#camp_beginner_2020 .item-box.item-box-ft{
	
}

/* goods list */
#camp_beginner_2020 .goods-btn-inner{
	display: flex;
    justify-content: center;
    align-items: center;
}

#camp_beginner_2020 .goods-btn{
	display: block;
	width: 48%;
	text-align: center;
	margin: 0 auto 30px auto;	
}

#camp_beginner_2020 .goods-btn a{
	display: block;
	width: 100%;
	padding: 20px 0;
	font-size: 13px;
	border: solid 1px #ccc;
	text-decoration: none;
}

#camp_beginner_2020 .goods-btn a:hover{text-decoration: underline;}


/* アドバイザー */
#camp_beginner_2020 .introduction-box{
	border: solid 1px #ccc;
	padding: 15px;
	width: 630px;
	margin: 70px auto 0 auto;
}

#camp_beginner_2020 .introduction-box .ttl{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

#camp_beginner_2020 .introduction-box p.name{
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
}

#camp_beginner_2020 .introduction-box-inner{
	display: table;	
}

#camp_beginner_2020 .introduction-box-inner figure{
	display: table-cell;
	width: 180px;
}

#camp_beginner_2020 .introduction-box-inner .introduction-box-rt{
	display: table-cell;
	width: 430px;
	padding-left: 20px;	
}
#camp_beginner_2020 .introduction-box-inner ul li{line-height: 2;}
#camp_beginner_2020 .introduction-box-inner ul ul li{
	margin-left: 50px;
}