@charset "Shift_JIS";
/*@import url(https://weloveiconfonts.com/api/?family=entypo);*/

/*- parts lists ------------------------------
 + title
 + box
 + grid(row,col)
 + list
--------------------------------------------*/

.readmore{
    position: relative;
    box-sizing: border-box;
    /*以下お好み*/
    /* ボーダーを付ける場合 */
    padding: 5px 0px;
    /* border: 1px solid #CCC; */
}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    /*height: 100px;*/
}
.readmore-content.h100{
    /*高さの初期値*/
    height: 100px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
    /* display: table; */
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 44px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: none;
    border-radius: 10px;
}
.readmore-label:before{
    content: "\7D9A\304D\3092\8AAD\3080"; /* 続きを読む */
}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
    content: '\9589\3058\308B'; /* 閉じる */
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;
}


/*------------------------------------------
	clerfix
--------------------------------------------*/
.grid-row:before,
.grid-row:after,
.grid-rowBase:before,
.grid-rowBase:after,
.btn-list-wrap:before,
.btn-list-wrap:after,
.list-inline01:before,
.list-inline01:after,
.box-comment01:before,
.box-comment01:after,
.clearfix:before,
.clearfix:after { content: ''; display: table;}

.grid-row:after,
.grid-rowBase:after,
.btn-list-wrap:after,
.list-inline01:after,
.box-comment01:after,
.clearfix:after { clear: both;}

/*------------------------------------------
**	title
--------------------------------------------*/

/* title01 */
.title-type01 {
	margin-bottom: 1em;
	font-size: 200%; /* 32px */
	font-weight: bold;
	color: #000;
	word-break: break-all;
}
	.title-type01 .sub-title {
		display: block;
		font-size: 62%;
	}
@media only screen and (max-width: 640px) {
	.title-type01 {
		font-size: 32px;
	}
}

/* title01 (�����o���t��) */
.title-type01-wrap {}
	.title-type01-wrap .title-type01 {}
	.title-type01-wrap .sub-title {
		color: #1199ab;
		font-size: 125%;
		font-weight: bold;
	}
@media only screen and (max-width: 640px) {
	.title-type01-wrap .sub-title { font-size: 18px;}
	.title-type01-wrap .sub-title.ico-wakaba01:before {
		margin-top: -10px;
		width: 13px;
		height: 18px;
		background-size: 406px 406px;
	}
}

.title-type01.nextTag01 {
	display: inline;
	vertical-align: middle;
}
.titleTagType01,
.titleTagType02 {
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 4px 12px 3px;
	box-shadow: 0 2px 0 0 #767676;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1;
	text-decoration: none;
}

	.titleTagType01 {
		background-color: #2837a8;
	}
	.titleTagType02 {
		background-color: #02748c;
	}


/* title02 */
.title-type02 {
	position: relative;
	padding: 3px 0 3px 20px;
	margin-bottom: 1em;
	border-bottom: 1px solid #0078ff;
	color: #000;
	font-size: 125%;
	font-weight: bold;
}
.title-type02:before {
	position: absolute;
	content: '';
	left: 3px;
	top: 0;
	margin-top: 0.25em;
	width: 5px;
	height: 25px;
	background: url(../image/bg_title01.png) top left no-repeat;
	background: #2636aa\9;
	background-size: 5px 25px;
}
@media only screen and (max-width: 640px) {
	.title-type02 {
		padding-left: 13px;
		background-position: 2px center;
		font-size: 20px;
	}
	.title-type02:before {
		left: 2px;
	}
}

/* title02(����) */
.title-type02 .emphasis { color: #f33926; font-size: 133%;}
.title-type02 .anchor-sup01 { margin-left: 0.5em;}
@media only screen and (max-width: 640px) {
	.title-type02 .emphasis { 
		font-size: 24px;
	}	
}

/* title03 */
.title-type03 {
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #908f8f;
	color: #0091a9;
	font-size: 125%;
	font-weight: bold;
}
@media only screen and (max-width: 640px) {
	.title-type03 {
		padding-bottom: 2px;
		font-size: 20px;
	}
}

/* title03(check Icon) */
.title-type03.ico-check01 {
	position: relative;
	padding-left: 34px;
}
.title-type03.ico-check01:before {
	position: absolute;
	content: '';
	left: 7px;
	top: 0;
	width: 20px;
	height: 22px;
	margin-top: 0.2em;
	background-image: url(../image/ico_sprite01.png);
	background-size: 250px 250px;
	background-position: 0 -150px;
	background: url("/share/image/ico_check01_ie8.png")\9;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
	.title-type03.ico-check01 {
		padding-left: 28px;
	}
	.title-type03.ico-check01:before {
		left: 2px;
	}
}

/* title04 */
.title-type04 {
	position: relative;
	margin-bottom: 0.8em;
	font-weight: bold;	
}
@media only screen and (max-width: 640px) {
	.title-type04 {
		font-size: 16px;
	}
}

/* title04(square Icon) */
.title-type04.ico-square01 { padding-left: 1em;}
.title-type04.ico-square01:before {
	position: absolute;
	content: '��';
	top: 0.1em;
	left: 0;
	width: 14px;
	height: 14px;
	line-height: 1;
}
@media only screen and (max-width: 640px) {
	.title-type04.ico-square01 { padding-left: 16px;}
	.title-type04.ico-square01:before {
		width: 12px;
		height: 12px;
	}	
}
.title-type04.ico-check01 {
	position: relative;
	padding-left: 34px;
}
.title-type04.ico-check01:before {
	position: absolute;
	content: '';
	left: 7px;
	top: 0;
	width: 20px;
	height: 22px;
	margin-top: 0;
	background: url(../image/ico_sprite01.png) no-repeat;
	background-size: 250px 250px;
	background-position: 0 -150px;
}
@media only screen and (max-width: 640px) {
	.title-type04.ico-check01 {
		padding-left: 28px;
	}
	.title-type04.ico-check01:before {
		left: 2px;
	}
}


/* title05 */
.title-type05 {
	position: relative;
	padding: 3px 0 3px 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 125%;
	font-weight: bold;
}
.title-type05:before {
	position: absolute;
	content: '';
	left: 3px;
	top: 0;
	margin-top: 0.25em;
	width: 5px;
	height: 25px;
}
@media only screen and (max-width: 640px) {
	.title-type05 {
		background-position: 2px center;
		font-size: 20px;
	}
	.title-type05:before {
		left: 2px;
	}
}
/* title06 */
.title-type06 {
	font-size: 108%;
	font-weight: bold;
	padding: 8px 15px;
	background-color: #f8f8f8;
}
@media only screen and (max-width: 640px) {
	.title-type05 {
		background-position: 2px center;
		font-size: 20px;
	}
	.title-type05:before {
		left: 2px;
	}
}

/* title07 */
.title-type07 {
	margin: 0px 0px 15px;
	/* padding-bottom: 10px; */
	/* border-bottom: 1px solid #ccc; */
	/* color: #35b0a3; */
	font-size: 200%;
	font-weight: bold;
}

.midashi {
	font-size: 130%;
	font-weight: bold;
}

@media only screen and (max-width: 640px) {
}
.section-text {
	margin-bottom: 30px;
}
/* �e�L�X�g �ԕ��� */
.section-text >p > span.caution {
	color: #ff3333;
}

/* �e�L�X�g ���������� */
.section-text div.caution {
	font-size: 85%;
}
.ico-pdf {
	padding-left: 25px;
	background: url("../image/ico_pdf01.gif") no-repeat left center;
	background-size: 16px 16px;
}
.check-btn01 {
	margin: 20px 0;
}

/*------------------------------------------
**	box
--------------------------------------------*/
/* box01 �G�������h�O���[��BOX */
.box-type01 {
	margin-top: 20px;
	padding: 14px 28px;
	background-color: #f0fdff;
	border: 1px solid #97d5db;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
} 
@media only screen and (max-width: 640px) {
	.box-type01 {
		padding: 16px;	
	}
}
.title-type04 + .box-type01 {
	margin-top: 10px;
}

/* box02 �g����yellowBOX */
.box-type02 {
	margin-top: 20px;
	padding: 29px 32px 26px;
	background: url(../image/bg_box01.gif) repeat left top;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
@media only screen and (max-width: 640px) {
	.box-type02 {
		padding: 15px 22px;
		background-image: none;
		background-color: #fffbef;
	}
}
/* box03 */
.box-type03 {
	margin-top: 20px;
	padding: 15px 19px;
	background-color: #ffcbc9;
	border: 1px solid #cc2b17;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* box border */
.box-border01 {
	margin-top: 20px;
	padding: 13px 19px;
	border: 2px solid #97d5db;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.box-border02 {
	padding: 15px 19px 19px;
	border: 1px solid #ddd;
	background: url(../image/bg_box01.gif) repeat 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box-border03 {
	padding: 15px 19px 19px;
	border: 1px solid #ddd;
	background-color: #fff;
}



/* boxContents01 */
.box-contents01 {
	padding: 15px 19px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
	.box-contents01 .tit { font-weight: bold;}
	.box-contents01 .tit.center { text-align: center;}
		.box-contents01 .tit .ico {
			margin-right: 10px;
			width: 30px;
			height: 30px;
			vertical-align: middle;
		}
	.box-contents01 .tit + .btn-type01 { margin-top: 15px;}

	.box-contents01 .img { margin-top: 15px; text-align: center;}
		.box-contents01 .img img { max-width: 100%; height: auto; margin: 0 auto;}
	.box-contents01 .txt { margin-top: 15px;}
	.box-contents01 .note { margin-top: 5px; text-align: right;}

/* boxContents02 */
.box-contents02 {
	padding: 0 20px;
}


.box-gray01 {
	background-color: #f1f1f1;
	border: none;
}
@media only screen and (max-width: 640px) {
	.box-contents02 {
		padding: 0;
	}
	.box-contents01 .tit { text-align: center;}
	.box-contents01.box-gray01 .tit { text-align: left;}
	.box-contents01 .tit .ico { width: 23px; height: 23px;}	
}

/* summary (�܂Ƃ�) */
/* box-sammary */
.box-sammary {
	position: relative;
	margin-top: 20px;
	padding-bottom: 2px;
}
	.box-sammary .tit {
		position: relative;
		padding-left: 35px;
		font-size: 20px;
		font-weight: bold;
		color: #2636aa;
		line-height: 32px;
	}
	.box-sammary .tit:before {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
		content: '';
		width: 26px;
		height: 25px;
		margin-top: -13px;
		background: url("../image/ico_sprite01.png");
		background-size: 500px 500px;
		background-position: -40px 0;
		background-repeat: no-repeat;
		background: url("/share/image/ico_point01_ie8.png") top left \9;
	}
	.box-sammary .tagType01,
	.box-sammary .tagType02 {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 6px;
		padding: 4px 12px 3px;
		box-shadow: 0 2px 0 0 #767676;
		border-radius: 4px;
		font-size: 12px;
		color: #fff;
		line-height: 1.1;
		text-decoration: none;
	}
	.box-sammary .tagType01 {
		background-color: #2837a8;
	}
	.box-sammary .tagType02 {
		background-color: #02748c;
	}
	.box-sammary .contentbox {
		margin: 8px 0 10px;
		padding: 20px 20px;
		background-color: #dcf2ff;
	}

/* FAQ */
.box-faq01 {
	margin-top: 20px;
	padding: 20px;
	border: solid 1px #97d5db;
	border-radius: 3px;
	background-color: #dcf4f7;
}
	.box-faq01 .tit {
		position: relative;
		padding-left: 33px;
		font-size: 20px;
		font-weight: bold;
		color: #2636aa;
		line-height: 29px;
	}
	.box-faq01 .tit:before {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
		content: '';
		width: 26px;
		height: 29px;
		margin: -17px 0 0 1px;
		background-image: url(../image/ico_sprite01.png);
		background-size: 500px 500px;
		background-position: -20px -90px;
		background: url("/share/image/ico_faq01_ie8.png") top left \9;
	}
	.box-faq01 .lead {
		margin-top: 6px;
		font-size: 12px;
		color: #000;
	}
	.box-faq01 .contentbox {
		margin-top: 15px;
		padding: 12px 18px;
		border-radius: 3px;
		background-color: #fff;
	}
		
@media only screen and (max-width: 640px) {
	.box-faq01 {}
		.box-faq01 .tit {
			font-size: 12px;
			padding-left: 26px;
			line-height: 19px;
		}
		.box-faq01 .tit:before {
			width: 17px;
			height: 19px;
			margin: -11px 0 0 1px;
			background-size: 327px 327px;
			background-position: -14px -59px;
		}
		.box-faq01 .lead { margin-top: 10px; font-size: 10px;}
}

/* box-comment01 */
.box-comment01 { margin: 28px 20px 0;}
@media only screen and (max-width: 640px) {
	.box-comment01 { margin: 28px 0 0;}
}
.box-comment01:before,
.box-comment01:after {
  content: "";
  display: table;
}
.box-comment01:after {
  clear: both;
 }
 	.box-comment01 .avatar01 {
		float: left;
		width: 96px;
		margin: 0;
		color: #000;
		text-align: center;
	}
	.box-comment01.img-right .avatar01 { float: right;}
	.box-comment01 .avatar01.large { width: 120px; }
		.box-comment01 .avatar01 > img { width: 100%; height: auto;}
		.box-comment01 .avatar01 figcaption { display: block; margin-top: 6px;}
		.box-comment01 .avatar01 .position { display: block; font-size: 12px;}
@media only screen and (max-width: 640px) {
	.box-comment01 .avatar01,
	.box-comment01 .avatar01.large { width: 60px;}
	.box-comment01 .avatar01 .position { font-size: 10px;}
}

.commentbox {
	position: relative;
	background-color: #fff8de;
	border: solid 1px #e5d9ae;
	margin-left: 120px;
	padding: 18px 20px;
}
.avatar01.large + .commentbox { margin-left: 146px;}
.img-right .commentbox { margin: 0 120px 0 0;}
.comment-blue .commentbox {
	background-color: #f0fdff;
	border: solid 1px #97d5db;
}
.commentbox:before,
.commentbox:after {
	position: absolute;
	left: -10px;
	top: 22px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 10px 5px 0;
}
.commentbox:before { border-color: transparent #e5d9ae transparent transparent;}
.commentbox:after  { border-color: transparent #fff8de transparent transparent;}
.commentbox:after { left: -7px; }
.img-right .commentbox:before,
.img-right .commentbox:after {
	left: auto;
	border-width: 5px 0 5px 10px;
}
.img-right .commentbox:before { right: -10px; }
.img-right .commentbox:after  { right: -7px; }
	
.comment-blue .commentbox:before { border-color: transparent #97d5db transparent transparent;}
.comment-blue .commentbox:after  { border-color: transparent #f0fdff transparent transparent;}
.img-right .commentbox:before { border-color: transparent transparent transparent #e5d9ae;}
.img-right .commentbox:after  { border-color: transparent transparent transparent #fff8de;}
.img-right.comment-blue .commentbox:before { border-color: transparent transparent transparent #97d5db;}
.img-right.comment-blue .commentbox:after { border-color: transparent transparent transparent #f0fdff;}
@media only screen and (max-width: 640px) {
	.commentbox,
	.avatar01.large + .commentbox { margin-left: 84px;}
	.img-right .commentbox { margin: 0 84px 0 0;}
}
	.commentbox .tit01 { font-weight: bold;}
	.commentbox .txt01 { color: #000;}
	.commentbox * + .txt01 { margin-top: 5px;}
	.commentbox .txt01 + .txt01 { margin-top: 1em;}
	.commentbox .em01 { font-weight: bold;}
	.commentbox .em02 { color: #f33926; font-weight: bold;}
@media only screen and (max-width: 640px) {
	.commentbox * + .txt01 { margin-top: 1em;}
}

.box-summary02 {
	margin-top: 20px;
	padding: 15px 19px;
	border: 1px solid #ff7500;
	background: url(../image/bg_box01.gif) repeat left top;
}
@media only screen and (max-width: 640px) {
	.box-summary02 { margin: 20px 10% 0;}
}

.box-summary02 .tit {
	color: #f33926;
	font-size: 132%;
	font-weight: bold;
	line-height: 1.5;
}

.box-summary02 .label {
	margin-right: 10px;
	width: 106px;
	height: auto;
	vertical-align: top;
}

.box-summary02 .list { margin-top: 14px;}
	.box-summary02 .list .item { margin-top: 2px; font-weight: bold;}
	.box-summary02 .list .item:first-child { margin-top: 0;}

.list-circle {}
.list-circle > li {
	position: relative;
	margin-top: 0.3em;
	padding-left: 2em;
	text-indent: -1.5em;
	color: #1199ab;
}
.list-circle > li:first-child {
	margin-top: 0;
}
.list-circle > li:before {
	content: '��';
	width: 1em;
	margin-right: 0.5em;
	font-family: sans-serif;
}

.box-point01 {
	overflow: hidden;
	padding: 15px;
}
@media only screen and (max-width: 640px) {
	.box-point01 {
		padding: 15px 0;
	}
}
.box-point01 .title {
    float: left;
    width: 68px;
    margin-right: 20px;
}

.box-point01 .detail {
    overflow: hidden;
    padding-top: 5px;
    color: #1199ab;
}
.box-point01 .detail p {
    font-weight: bold;
}

table.info_table {
	width: 100%;
}

.info_table tr {
	border-bottom: 1px solid #ccc;
}

.info_table th {
	width: 25%;
	padding-left: 5px;
}

.info_table td {
	padding: 5px 0px;
}

.info_table .coupon {
	background-color: rgba(255,100,100,0.8);
}

/* .info_table .coupon th,.info_table .coupon td{
	border-radius: 10px;
} */

.info_table .coupon th {
	color: red;
	font-weight: bold;
}

.ev_detail td {
	padding: 3px 0px;
}

@media only screen and (max-width: 640px) {
.box-point02 {
}
	.box-point02 .tit {
		position: relative;
		padding-left: 23px;
		font-size: 12px;
		line-height: 16px;
	}
	.box-point02 .tit:before {
		width: 17px;
		height: 16px;
		margin-top: -8px;
	}
	.box-point02 > .btn-type04 {
		right: 2px;
		top: 0;
	}
	.box-point02 .contentbox {
	}
		
}

/*------------------------------------------
	grid
--------------------------------------------*/
.grid-row { margin: 20px -7px 20px;}
	.grid-rowBase { margin: 0 -7px;}
@media only screen and (max-width: 640px) {
	.grid-row { margin: 20px 0 20px;}
	.grid-row.spF { margin: 20px -7px 20px;}
	.grid-rowBase.spF { margin: 0 -7px;}
}

.grid { float: left; padding: 7px;}
.grid-col2 { width: 50%;}
.grid-col3 { width: 33%;}
.grid-col3:nth-child(3n) { padding-right: 0;}
@media only screen and (max-width: 640px) {	
	.grid + .grid { margin-top: 18px;}
	.grid-col2,
	.grid-col3,
	.grid-col4 { width: 100%;}

.spF .grid { float: left; padding: 7px;}
.spF .grid + .grid { margin-top: 0;}
.spF .grid-col2 { width: 50%;}
.spF .grid-col3 { width: 33%;}
}

/*------------------------------------------
	list
--------------------------------------------*/
/* guide */
.list-inline01 {
	overflow: hidden;
	margin: -4px 0 0 0;
	text-align: left;
}
	.list-inline01 >li {
		float: left;
		width: 50%;
		margin: 4px 0 0 0;
		padding-left: 11px;
		background: url(/share/image/ico_list_arrow01.png) no-repeat left center;
		background-size: 7px 18px;
	}
	.list-inline01 >li.active {
		background-image: url(/share/image/ico_list_arrow01_active.png);
	}
@media only screen and (max-width: 640px) {
.list-inline01 {
	margin: 0 0 0 0;
}
	.list-inline01 > li {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		background-size: 5px 13px;
		background-position: left 0.3em;
	}
}

/* �`�F�b�N�t�����X�g */
.list-check01 {}
	.list-check01 > li {
		position: relative;
		margin-top: 3px;
		padding-left: 28px;
		color: #000;
	}
	.list-check01 > li:first-child { margin-top: 0;}
	.list-check01 > li:before {
		display: inline-block;
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 20px;
		height: 22px;
		margin-top: 0;
		background-image: url(../image/ico_sprite01.png);
		background-size: 250px 250px;
		background-position: 0 -150px;
		background: url("/share/image/ico_check01_ie8.png")\9;
		background-repeat: no-repeat;
	}
/*	@media only screen and (max-width: 640px) {
	.list-check01 {}
		.list-check01 > li { padding-left: 20px;}
		.list-check01 > li:before {
			top: 0.5em;
			width: 12px;
			height: 13px;
			margin-top: -0.25em;
			background-size: 353px 353px;
			background-position: -14px 0;
		}
}	*/

/* FAQ */
.list-question01 {}
	.list-question01 > li {
		position: relative;
		margin-top: 3px;
		padding-left: 28px;
	}
	.list-question01 > li:first-child { margin-top: 0; }
	.list-question01 > li:before {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 1px;
		margin-top: 0;
		width: 20px;
		height: 20px;
		content: '';
		background-image: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
		background-size: 250px 250px;
		background-position: 0 -125px;
		background-repeat: no-repeat;
		background: url("/share/image/ico_faq_q01_ie8.png") top left\9; /* ie8 */	
	}
.section div + .list-question01 { margin-top: 25px;}
@media only screen and (max-width: 640px) {
	.list-question01 {}
}

.linkList01 {
	overflow: hidden;
}
	.linkList01 li,
	.linkList01 > a {
		position: relative;
		padding: 0 0 5px 10px;
	}
		.linkList01 li:before,
		.linkList01 > a:before {
			position: absolute;
			content: '';
			top: 0;
			left: 0;
			margin-top: 0.35em;
			width: 5px;
			height: 9px;
			background: url(../image/ico_sprite01.png);
			background-size: 250px 250px;
			background-position: 0 -220px;
			background-repeat: no-repeat;
			background: url(/share/image/ico_arrow03_ie8.png) top left \9;
		}
		.linkList01 li:last-child {
			padding-bottom: 0;
		}

/* noticeList */
.noticeList01 {
	margin-top: 10px;
	padding-left: 1em;
	font-size: 75%;
}
	.noticeList01 li {
		text-indent: -1em;
	}
	.noticeList01 + p {
		margin-top: 1em;
	}
.noticeList02 {
	margin-top: 10px;
	font-size: 75%;
}
	.noticeList02 li {
		padding-left: 2.5em;
		position: relative;
	}
		.noticeList02 li span {
			position: absolute;
			top: 0;
			left: 0;
		}
.noticeList01 + .linkList01 { margin-top: 1em; }


/* dotList */
.dotList01 {
	overflow: hidden;
}
	.dotList01 li {
		position: relative;
		padding-left: 1em;
	}
		.dotList01 li:before {
			position: absolute;
			display: inline-block;
			content: '�E';
			left: 0;
			top: 0;
			margin-top: 0;
			width: 1em;
			height: 1.5em;
			line-height: 1.5;
		}

/* nav-step01 */
.nav-step01 { margin-top: 35px;}
	.list-step01 { width: 80%; margin: 0 auto;}
	.list-step01:before,
	.list-step01:after { content: ""; display: table;}
	.list-step01:after { clear: both;}
		.list-step01 > li {
			float: left;
			box-sizing: border-box;
			text-align: center;
		}
		.col2 > li { width: 50%; }
		.col3 > li { width: 33.3%; }
		.col4 > li { width: 25%; }
		.col5 > li { width: 20%; }
		.col6 > li { width: 16.6%; }
		.list-step01 > li * {
			position: relative;
			display: block;
			width: 100%;
			padding-top: 27px;
			border-top: solid 5px #aaa;
			font-size: 12px;
		}
		.list-step01 > li:first-child *:before,
		.list-step01 > li:last-child *:before {
			position: absolute;
			display: block;
			top: -6px;
			width: 50%;
			height: 7px;
			background-color: #fff;
			content: "";
		}
		.list-step01 > li:first-child *:before {
			left: -1px;
		}
		.list-step01 > li:last-child *:before {
			right: -1px;
		}
		.list-step01 > li *:after {
			position: absolute;
			display: inline-block;
			width: 18px;
			height: 18px;
			left: 50%;
			top: 0;
			margin: -18px 0 0 -18px;
			border: solid 7px #aaa;
			border-radius: 17px;
			background-color: #fff;
			content: "";
		}
		.list-step01 > li.current >span {
			font-weight: bold;
		}
		.list-step01 > li.current *:after {
			border: solid 7px #2636aa;
		}
@media only screen and (max-width: 640px) {
.nav-step01 {
	margin-top: 28px;
}
	.list-step01 {
	}
		.list-step01 > li {
		}
		.list-step01 > li * {
			padding-top: 14px;
			border-top: solid 2px #aaa;
			font-size: 10px;
		}
		.list-step01 > li.current span {
			color: #000;
		}
		.list-step01 > li:first-child *:before,
		.list-step01 > li:last-child *:before {
			top: -2px;
			height: 2px;
		}
		.list-step01 > li *:after {
			width: 11px;
			height: 11px;
			margin: -9px 0 0 -9px;
			border: solid 3px #aaa;
			border-radius: 8px;
		}
		.list-step01 > li.current span:after {
			border: solid 3px #2636aa;
		}
}

/*------------------------------------------
	btn
--------------------------------------------*/
.btn-type01 {
    position: relative;
/*	display: block;*/
	display: table-cell;
	margin: 0 auto;
	padding: 12px 20px;
/*	max-width: 340px;*/
	width: 340px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(#f9f9f9 0%, #eeeeee 100%, #207cca 100%, #eeeeee 100%);
	background: -webkit-linear-gradient(#f9f9f9 0%, #eeeeee 100%, #207cca 100%, #eeeeee 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), color-stop(1, #eeeeee), color-stop(1, #207cca), to(#eeeeee));
	background: -o-linear-gradient(#f9f9f9 0%, #eeeeee 100%, #207cca 100%, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 2px 0 0 #767676;
	border-radius: 5px;
	color: #2636aa;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
@media only screen and (max-width: 640px) {
	.btn-type01 {
		display: block;
		margin-top: 10px;
		/*max-width: 100%;*/
		width: 100%;
		box-shadow: 0 1px 0 0 #767676;
	}
}
.btn-type01:hover {
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(#eeeeee 0%, #f9f9f9 100%, #eeeeee 100%, #207cca 100%);
	background: -webkit-linear-gradient(#eeeeee 0%, #f9f9f9 100%, #eeeeee 100%, #207cca 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), color-stop(1, #f9f9f9), color-stop(1, #eeeeee), to(#207cca));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.btn-type01:hover,
.btn-type01:active,
.btn-type01:visited { color: #2636aa;}

/* ���փA�C�R���t�� */
.btn-type01.ico-next01 {
	position: relative;
	padding-left: 90px;
	text-align: left;
}
.btn-type01.ico-next01:before {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -12px;
	display: block;
	content: '';
	width: 50px;
	height: 24px;
	background: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 500px 500px;
	background-position: -70px 0;
	background-repeat: no-repeat;
	background: url(/share/image/ico_next01_ie8.png) left top \9;
}

.btn-type03 {
	width: 385px;
	margin: 50px auto;
	box-shadow: 0 2px 0 0 #000;
	border-radius: 4px;
}
	.btn-type03 a {
		position: relative;
		display: block;
		background: #fc8923;
		background-image: -webkit-linear-gradient(bottom, #f57300, #fc8924);
		background-image: -moz-linear-gradient(bottom, #f57300, #fc8924);
		background-image: -o-linear-gradient(bottom, #f57300, #fc8924);
		background-image: -ms-linear-gradient(bottom, #f57300, #fc8924);
		background-image: linear-gradient(to top, #f57300, #fc8924);
		padding: 2px;
		border-radius: 4px;
		color: #fff;
		text-decoration: none;
		font-size: 150%;
		font-weight: bold;
	}
	.btn-type03 a:hover { opacity: 0.8;}
		.btn-type03 a > span {
			display: block;
			border: 1px solid #fff;
			border-radius: 1px;
			text-align: center;
		}
			.btn-type03 a > span > span {
				position: relative;
				display: inline-block;
			/*	padding: 17px 15px 17px 52px; */
				padding: 17px 15px;
				border-radius: 4px;
			}
/*			.btn-type03 a > span > span:before {
				position: absolute;
				content: '';
				top: 50%;
				left: 15px;
				margin-top: -15px;
				background: url(/share/image/ico_mouse01.png) top left no-repeat;
				background: url(/share/image/ico_mouse01_ie8.png) top left no-repeat\9;
				background-size: 20px 30px;
				width: 20px;
				height: 30px;
			}
		.btn-type03 a .sub-title {
			padding-right: 12px;
			font-weight: normal;
			font-size: 14px;
			vertical-align: middle;
		}
*/
@media only screen and (max-width: 640px) {
	.btn-type03 {
		width: 100%;
		text-align: center;
	}
	.btn-type03 a .sub-title {
		display: block;
		padding-right: 0;
	}
}

/* button04 */
.btn-type04 {
	display: inline-block;
	padding: 4px 12px 3px 18px;
	background-color: #2837a8;
	box-shadow: 0 2px 0 0 #767676;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
}
.btn-type04:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 400px 400px;
	background-position: 0 -336px;
	background-repeat: no-repeat;
	background: url("/share/image/ico_arrow02_ie8.png") no-repeat\9;
	width: 4px;
	height: 8px;
	margin: -4px 0 0 8px;
}
.btn-type04:hover { cursor: pointer; opacity: 0.8;}
@media only screen and (max-width: 640px) {
	.btn-type04 {
		padding: 3px 6px 3px 12px;
		box-shadow: 0 2px 0 0 #767676;
		border-radius: 3px;
		font-size: 9px;
	}
	.btn-type04:before {
		margin: -4px 0 0 5px;
		width: 4px;
		height: 8px;
	}
}

/* inline */
.btn-type01.ico-next01.inline {
	display: table;
	max-width: none;
	padding: 12px 25px 12px 115px;
}
.btn-type01.ico-next01.inline:before { left: 45px;}

.btn-type01.ico-arrow01:before {
	position: absolute;
	left: 20px;
	top: 50%;
	display: inline-block;
	content: "";
	margin-top: -4px;
	border-width: 4px 0 4px 4px;
	border-style: solid;
	border-color: transparent transparent transparent #999;
}
.btn-type01.ico-arrow02 {
	text-align: left;
	padding-left: 40px;
}
.btn-type01.ico-arrow02:before {
	position: absolute;
	content: '';
	left: 20px;
	top: 50%;
	margin-top: -5px;
	width: 5px;
	height: 9px;
	background: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 250px 250px;
	background-position: 0 -220px;
	background-repeat: no-repeat;
	background: url(/share/image/ico_arrow03_ie8.png) top left \9;
}

/* �߂� */
.return-link { margin-top: 1em;}
	.return-link a {
		position: relative;
		padding-left: 25px;
	}
	.return-link a:before {
		position: absolute;
		top: 50%;
		left: 0;
		content: '';
		width: 20px;
		height: 12px;
		margin-top: -6px;
		background: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
		background-size: 500px 500px;
		background-position: 0 -488px;
		background-repeat: no-repeat;
		background: url(/share/image/ico_return_link01_ie8.png) top left no-repeat \9;
	}

.btn-list-wrap { margin: 30px -15px 0;}
	.btn-list { float: left; padding: 0 15px;}
	.btn-list.col2 { width: 50%;}
@media only screen and (max-width: 640px) {
	.btn-list.col2 { width: 100%; }	
}

/*------------------------------------------
**	Table
--------------------------------------------*/
.box-tablewrap01 {
	position: relative;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	overflow-x: auto;
}
.table-type01,
.table-type02 {
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
}
.table-type02 { background: #fff; }
@media only screen and (max-width: 640px) {
	.box-tablewrap01:after {
		position: absolute;
		right: 0;
		bottom: 7px;
		content: '';
		background: url(/share/image/ico_scroll_pointer01.png);
		background-size: 64px 27px;
		width: 64px;
		height: 27px;
	}
	.table-type01,
	.table-type02 {
		width: 100%;
	}
}
	.table-type01 th,
	.table-type01 td,
	.table-type02 th,
	.table-type02 td {
		border: 1px solid #ddd;
		padding: 10px 15px;
	}
	.table-type01 thead {}
		.table-type01 thead th {}
		.table-type01 thead td {}
		.table-type01 tbody th { background: #f4f4f4;}
		.table-type01 tbody td {}
	.table-type02 thead {}
		.table-type02 thead th {}
		.table-type02 thead td {}
		.table-type02 tbody th {}
		.table-type02 tbody td {}

/*------------------------------------------
**	Icon
--------------------------------------------*/
.text-ico01 { position: relative;}
.text-ico01:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background-repeat: no-repeat;	
	background-size: contain;
}

/* beginner */
.ico-wakaba01,
.ico-wakaba02 {
	position: relative;
}
.ico-wakaba01:before,
.ico-wakaba02:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	background-repeat: no-repeat;
}

/* Beginner */
.ico-wakaba01 { padding-left: 21px;}
.ico-wakaba01:before {
	margin-top: -12px;
	width: 16px;
	height: 22px;
	background-image: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 500px 500px;
	background-position: 0 0;
	background-image: url(/share/image/ico_wakaba01_ie8.png) top left \9; /* ie8 */
}
@media only screen and (max-width: 640px) {
	.ico-wakaba01 { padding-left: 16px;}
	.ico-wakaba01:before {
		margin-top: -6px;
		width: 10px;
		height: 14px;
		background-size: 406px 406px;
	}
}

.ico-wakaba02 { padding-left: 23px;}
.ico-wakaba02:before {
	margin-top: -7px;
	width: 10px;
	height: 15px;
	background-image: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 500px 500px;
	background-position: 0 -30px;
	background-repeat: no-repeat;
	background-image: url(/share/image/ico_wakaba02_ie8.png) top left \9; /* ie8 */
}
@media only screen and (max-width: 640px) {
	.ico-wakaba02 {
		display: block;
		padding-left: 24px;
	}
	.ico-wakaba02:before {
		margin-top: -6px;
		width: 10px;
		height: 14px;
		top: 10px;
	}
}

.ico-onepoint01 {
	position: relative;
	padding-left: 22px;
	color: #2636aa;
}
.ico-onepoint01:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	content: '';
	width: 15px;
	height: 15px;
	background-image: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 500px 500px;
	background-position: 0 -90px;
	background-repeat: no-repeat;
	background: url(/share/image/ico_onepoint01_ie8.png) left top \9;
}

/* large check */
.text-ico01.ico-check02 {
	padding: 0.6em 0 0.6em 50px;
	line-height: 1.5;
	font-size: 128.57%;
	font-weight: bold;
	vertical-align: middle;
}
.text-ico01.ico-check02:before {
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-image: url(/guide/camp/Views/0/Pc/image/ico_sprite01.png);
	background-size: 500px 500px;
	background-position: -20px -30px;
	background-image: url(/share/image/ico_check02_ie8.png) top left \9; /* ie8 */
}
@media only screen and (max-width: 640px) {
	.text-ico01.ico-check02 {
		padding-left: 41px;
		font-size: 133.33%;
	}
	.text-ico01.ico-check02:before {
		margin-top: -16px;
		width: 32px;
		height: 32px;
		background-size: 320px 320px;
		background-position: -13px -19px;
	}
}

/* ------------------------------------------------------- */
/* badge
----------------------------------------------------------*/
.badge-orange {
	margin: 0 auto;
	max-width: 500px;
	border: 3px solid #ff6400;
	border-radius: 3px;
	font-weight: 100;
}
	.badge-orange > span {
		display: block;
		padding: 6px;
		border: 3px solid #e3e3e3;
		color: #ff6400;
		font-size: 214.28%;
		text-align: center;
	}
.section > p + .badge-orange { margin-top: 2em;}

/* ------------------------------------------------------- */
/* text
----------------------------------------------------------*/
/* anchor */
.anchor-sup01 {
	font-size: 16px;
	vertical-align: super;
}
@media only screen and (max-width: 640px) {
	.anchor-sup01 {
		font-size: 16px;
	}
}

/* ���� */
.text-emphasis01 {
	color: #0092a8;
	font-size: 171.42%;
	font-weight: bold;
	line-height: 1.25;
}
@media only screen and (max-width: 640px) {
	.text-emphasis01 {
		font-size: 133.33%;
		line-height: 1.43;
	}
}

.txtAttention01 {
	color: #f00;
	text-decoration: underline;
}
.txtO_01 {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	color: #2636aa;
}
.txtO_01:before {
	position: absolute;
	content: '';
	top: 3px;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 2px solid #2636aa;
}
.txtX_01 {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	color: #f33926;
}
	.txtX_01 .entypo-cancel {
		margin: 0 0.5em 0 -1.5em;
	}


/* ------------------------------------------------------- */
/* Image
----------------------------------------------------------*/
.mod-image {
	text-align: center;
}
/* SP���ɉ•� */
.mod-image.adjust {}
@media only screen and (max-width: 640px) {
	.mod-image.adjust img { width: 100%; height: auto;}
}

/*------------------------------------------
	Other
--------------------------------------------*/
br.spOnly { display: none; }
@media only screen and (max-width: 640px) {
br.spOnly { display: inline; }
}

/*  �`�F�b�N�pCSS  */
.box-contents01.box-gray01 {
	margin: 50px 0;
}

/* !display
---------------------------------------------------------- */
.sp { display: none; }
.pc { display: block; }
.sp_inl { display: none; }
.pc_inl { display: inline; }
.sp_table { display: none; }
.pc_table { display: table; }

@media only screen and (max-width: 640px) {
	.sp { display: block; }
	.pc { display: none; }
	.sp_inl { display: inline; }
	.pc_inl { display: none; }
	.sp_table { display: table; }
	.pc_table { display: none; }
}