@charset "UTF-8";


#ticket_cancel {
	background: #FFF;
	padding: 30px;
	margin-bottom: 20px;
	line-height: 180%;
}

#ticket_cancel h3 {
	margin-bottom:10px;
}

#ticket_cancel table {
	width:100%;
	margin-top:0;
	margin-bottom:30px;
}

#ticket_cancel table th {
	font-weignt:normal;
	white-space: nowrap;
}

#ticket_cancel table td,
#ticket_cancel table th{
	border: 1px solid #666;
	/*border-right: none;*/
	padding: 10px;
	text-align: left;
	/*white-space: nowrap;*/
	background: #FFF;
}

#ticket_cancel p{
	margin-bottom:40px;
}

#ticket_cancel ul li {
	float:left;
	margin-top:20px;
	/*text-align: center;
	margin-left:320px;
	/*margin-bottom:50px;*/
}

#ticket_cancel ul li:first-child {
	margin-right: 20px;
}

#ticket_cancel ul li a{
	display: block;
	padding: 10px 0;
	text-align: center;
	/*font-size: 120%;*/
	background: #666;
	color: #FFF;
}
#ticket_cancel ul li a {	
	width: 280px;
}

#ticket_cancel ul li a:hover {
	background: #4DA7D8;
}


/* clearfix */
#ticket_cancel ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/* RESPONSIVE */

@media only screen and (max-width: 480px)  {
    /* 見出し行を消す */
    #ticket_cancel table th {
        display: none;
    }
 
    /* セルをブロックとして表示 */
    #ticket_cancel td {
        display: block;
    }
 
    /* 最初の項目に背景色を付ける */
    #ticket_cancel td:nth-child(1) {
        margin-top:20px;
        background-color: #CCC;
    }
 
    /* セルに見出し代わりの文字を付加 */
    #ticket_cancel td:nth-child(2):before {
        content: 'キャンセル：';
    }
 
    #ticket_cancel td:nth-child(3):before {
        content: '料金：';
    }
 
    #ticket_cancel td:nth-child(4):before {
        content: '可能期間：';
    }
 
    #ticket_cancel td:nth-child(5):before {
        content: '単位：';
    }
 
    /*#ticket_cancel td:nth-child(6):before {
        content: '教室：';*/
    }
}