@charset "utf-8";
/* CSS Document */

/* コンテンツ全体設定 */
#cancel-contents{
	font-size: .8rem;
	letter-spacing:2px;
}

/*タイトルバー*/
#category-title{
	width: 100%;
	text-align: center;
	padding: 4% 0;
	background-repeat: repeat;
	background-color: #ECECEC;
}

#cancel-contents h2{
	font-size: .8rem;
	background: #555;
	padding: 5px 10px;
}


.color-w{
	color:#FFF;
}

.mintyou{
	font-family: 'YuMincho',serif;
}

.font-b{
	font-weight: bold;
}

.text-center{
	text-align: center;
}

.c-box{
	margin: 4% 4%;
	line-height: 1.5;
}

.red{	color:#C9203F;}

.blue{
	color:#334490;
	text-decoration:underline;
}

section[id]::before {
	content: "";
	display: block;
	height: 57px;
	margin-top: -57px;
	visibility: hidden,
}

/*リスト*/
.c-list{}

/*===============
menu
===============*/
#cancel-menu{
        width: 100%;
        margin: 2% auto;
}

.c-menu{
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	background: #555;
	font-size: .8rem;
	vertical-align: top;
	margin-bottom: 5px;
}

.c-menu a {
	display: block;
	padding: 8px;
}

.c-menu p{
	width:auto;
	display:inline-block;
	vertical-align: middle;
}


#cancel-contents hr{
	width: 100%;
	height:auto;
	border-top:#FFF solid 3.5px;
}

#cancel-contents .line-gray{
	width: 95%;
	height:auto;
	border-top: #ccc solid 1px;
	margin: 1% auto;
}

#cancel-contents .line-gray2{
	margin:1.5% auto;
}


/*アイコン*/
.c-pic{
	width: 25px;
	margin-right: 10px;
}

.c-pic2{
	width: 25px;
}

.c-pic3{
	position:absolute;
	top:8%;
	right:0%;
	transform:translate(-50%,50%);
}


/*=================
説明
=================*/
.c-box2{
	padding: 2% 2%;
}

/*見出し*/
.r-midasi{
	font-size: .8rem;
}

/*小見出し*/
.m-t{
	margin-top: 1%;
	letter-spacing: 2px;
}


.sikaku:before{
	content:"■";
}



.tel{
	font-size:15.5px;
}

/*返金方法　入力内容*/
.mail-fax{
	padding-left:13%;
}




/*========================
   ご負担頂く実費　表
========================*/
#tyumon-teigi{
	/* padding:4%; */
}

.midasi{
	color: #fff;
	background: #555;
	font-size: 1rem;
	letter-spacing: 4px;
	padding: 2%;
}

.tyumon-text{
	padding:1% 0;
}

.jipi{
	width:33.3%;
	height:auto;
	display:inline-block;
	vertical-align: top;
}

.jipi-hyou dt{
	border-bottom:#000 solid 1px;
}

.dt1{
	padding:1.5% 0 13% 0;
}

.jipi-hyou{
	height:100%;
	border:#000 solid 1px;
}

.jippi-kome{
	border-top:#000 solid 1px;
	padding:3.5% 0 0 0;
}


#tyumon-teigi th,
#tyumon-teigi td{
	width:30%;
	border: #333 solid 1px;
	padding: 5px;
}

#tyumon-teigi th{
	font-size: .8rem;
	text-align: justify;
	padding: 2%;
}

#tyumon-teigi td{
	vertical-align:top;
	font-size: .75rem;
	line-height: 1.2;
}



/*ご負担いただく実費*/
.hutan1{background: #EEFFFF;}
.hutan2{background: #EEFFEE;}
.hutan3{background: #FFFFEE;}

.hutan4{	
}

.hutan5{
}


.j-hutan{
	/* padding: 2%; */
	margin: 4%;
}


/*TOPに戻る*/
.text-r{
	text-align:right;
	margin-top:3%;
}