@charset "utf-8";

/*バー*/
.cRugbyWC{
	background-color: #ff3000;
	color: #ffffff;
}
/*背景*/

.jDate {
	font-weight: bold;
	color: #FF7D00;
}
	p.atten {
		font-size: 12px;
		color: #7C7C7C;
		margin-top: 10px;
	}
.hAddress{
	font-weight: bold;
}.hRank {
	margin-top: 10px;
}
.hInfomation {
	margin-top: 10px;
}
.entryclose {
	width: 70%;
	background-color:#7B7B7B;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	font-size: 18px;
	margin: 20px auto;
}


/* #### width 768px 以上の場合の設定 (for PC) #### */
@media (min-width: 768px) {
table.visa {
	width: 60%;
	border-collapse: collapse;
}
table.visa th {
	border: solid 1px #727272;
	padding: 5px;
	background-color: #D9EBFF;
	text-align: left;
	font-size: 12px;
}
table.visa td {
	border: solid 1px #727272;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}
.meyasuBox {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
}
.meyasuBox img {
	width: 100%;
}
.tCategory2 {
	width: 70px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	margin: 0 10px 35px 10px;
}
#wcTour {
	background-color: #301F3B;
	padding: 30px 0;
}
/*inner要素*/
#wcTour .inner {
	max-width: 1000px;
	margin: 0 auto;
}
/*ツアータイトル周り*/
.topTitle {
	background-color: #1C2F83;
	color: #ffffff;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/*ツアータイトル*/
h3 {
	font-size: 28px;
	border: none;
	margin: 0;
	padding: 0;
}
.topArea {
	background-color: #ffffff;
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}
.topArea .lBox {
	width: 100%;
}
.topArea .rBox {
}
.topArea .rBox img {
	width: 20%;
}

.startDate {
	position:  relative;
	font-size: 18px;
	background-color: #1622C2;
	color: #ffffff;
	padding: 12px 8px;
	font-weight: bold;
}

	/* base box */
.cdbBox {
	font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	margin-bottom: 34px;
	padding: 14px 14px 10px 14px;
	overflow: hidden;
	
}
.cdbBox img {
	width: 100%;
}
h3.rTitle {
	font-size: 33px;
	padding: 10px;
	border-bottom: 1px solid #444444;
}

/* 日程表 */
.cdbBox.scheBox {
	background-color: #fcfcfc;
	border: solid 1px #cccccc;
	margin-bottom: 24px;
	padding: 0 0 8px 0;
	line-height: 2;
}
.cdbBox.scheBox .dayBox {
	padding: 4px 10px 8px 10px;
	overflow: hidden;
}
.cdbBox.scheBox .scheTitle {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.cdbBox.scheBox .scheTitle span.time {
	width: 100px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	font-weight: normal;
	margin-right: 8px;
	margin-bottom: 4px;
	padding: 1px 4px;
	display: inline-block;
}
.vs {
	color: #ff6600;
}
.cdbBox.scheBox .sDay {
	font-weight: bold;
	background-color: #4A4A4A;
	margin-bottom: 10px;
	padding: 10px 14px;
	color: #ffffff;
	font-size: 16px;
	claer: both;

	
}
.cdbBox.scheBox .sCity {
	text-align: right;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	
	float: right;
	padding: 0 8px;

}
.cdbBox.scheBox .sMeal {
	text-align: right;
	float: right;
	padding: 0 8px;
	border: solid 1px #cccccc;

}	
/*旅行条件*/	
.cdbBox dl.joken {
	width: 100%;
	overflow: hidden;
}	
.cdbBox dl.joken dt {
	width: 22%;
	float: left;
	border-bottom: 1px dotted #444444;
	margin: 10px 1% 10px 0;
}	
.cdbBox dl.joken dd {
	width: 77%;
	float: left;
	border-bottom: 1px dotted #444444;
	margin: 10px 0;

}
.sLeft {
	width: 60%;
	float: left;
	margin-bottom: 20px;
}
.hName {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.hInfo {
	font-size: 14px;
}
.sName {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.stInfo {
	font-size: 13px;
}
.sRight {
	width: 38%;
	float: left;
	margin-bottom: 20px;
	margin-left: 2%;
}
/*マッチ*/
.vTaisen {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.vDate {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.vStadium {
	font-size: 14px;
	margin-bottom: 5px;
}
	
/*下部旅行条件のdt dd*/
dt,dd {
    margin: 0; 
    padding: 0; 
}
.dlTable {
    width: 100%; 
    display: flex;
    flex-wrap: wrap;
}
.dlTable dt,.dlTable dd {
    border-bottom: 1px dotted #444444;
    box-sizing: border-box;
    padding: 10px 5px;
}
.dlTable dt {
    font-size: 16px; 
    width: 28%;
}
.dlTable dd {
	font-size: 14px; 
    width: 71%;
}
	
/*トップ条件ののdt dd*/
.dlTable2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.dlTable2 dt,.dlTable2 dd {
    border-bottom: 1px dotted #444444;
    box-sizing: border-box;
    padding: 15px 10px;
}
.dlTable2 dt {
    font-size: 16px; 
    width: 28%;
}
.dlTable2 dd {
	font-size: 16px; 
    width: 71%;
}
/*カテゴリー*/
.tCategory {
	width: 70px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
	font-size: 10px;
	padding: 4px 10px;
	margin: 0 10px 5px 0;
	float: left;
	clear: both;
}
.tCname {
	float: left;
}
/*カテゴリーカラー*/
.tc01 {
	background-color: #C73B3D;
}
.tc02 {
	background-color: #4975DD;
}
.tc03 {
	background-color: #1BB57A;
}
.tc04 {
	background-color: #BDCC21;
}
.hotelCity {
	width: 200px;
	text-align: center;
	padding: 5px;
	background-color: #ED7C00;
	font-weight: bold;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 10px;
	color: #ffffff;
}
		.rhName {
			font-size: 16px;
			font-weight: bold;
			color: #FF7C00;
		}
}

/* ## width 767以下の場合 (iPhone6縦以下) ## */
@media (max-width: 767px) {
table.visa {
	width: 100%;
	border-collapse: collapse;
}
table.visa th {
	border: solid 1px #727272;
	padding: 5px;
	background-color: #D9EBFF;
	text-align: left;
	font-size: 12px;
}
table.visa td {
	border: solid 1px #727272;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 12px;
}
.meyasuBox {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 20px;
}
.meyasuBox img {
	width: 100%;
}
.tCategory2 {
	width: 70px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
	font-size: 10px;
	padding: 4px 10px 4px 10px;
	margin: 0 10px 35px 10px;
}
#wcTour {
	background-color: #301F3B;
	padding: 20px 0;
}
/*inner要素*/
#wcTour .inner {
	margin: 0 2%;
}
/*ツアータイトル周り*/
.topTitle {
	background-color: #1C2F83;
	color: #ffffff;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/*ツアータイトル*/
h3 {
	font-size: 20px;
}
.topArea {
	background-color: #ffffff;
	padding: 15px;
	overflow: hidden;
	margin-bottom: 20px;
}
.topArea .lBox {
	width: 96%;	
}
.topArea .rBox {
	text-align: center;
	padding: 20px 0;
}
.topArea .rBox img {
	width: 15%;
}
.startDate {
	position:  relative;
	font-size: 18px;
	background-color: #1622C2;
	color: #ffffff;
	padding: 12px 8px;
	font-weight: bold;
}

/* base box */
.cdbBox {
	font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	margin-bottom: 34px;
	padding: 14px 14px 10px 14px;
	overflow: hidden;
	
}
.cdbBox img {
	width: 100%;
}
h3.rTitle {
	font-size: 33px;
	padding: 10px;
	border-bottom: 1px solid #444444;
}

/* 日程表 */
.cdbBox.scheBox {
	background-color: #fcfcfc;
	border: solid 1px #cccccc;
	margin-bottom: 24px;
	padding: 0 0 8px 0;
	line-height: 2;
}
.cdbBox.scheBox .dayBox {
	padding: 4px 10px 8px 10px;
	overflow: hidden;
}
.cdbBox.scheBox .scheTitle {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.cdbBox.scheBox .scheTitle span.time {
	width: 100px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #A5A5A5;
	border-radius: 4px;
	font-weight: normal;
	margin-right: 8px;
	margin-bottom: 4px;
	padding: 1px 4px;
	display: inline-block;
}
.vs {
	color: #ff6600;
}
.cdbBox.scheBox .sDay {
	font-weight: bold;
	background-color: #4A4A4A;
	margin-bottom: 10px;
	padding: 5px;
	color: #ffffff;
	font-size: 14px;
	claer: both;
}
.cdbBox.scheBox .sCity {
	text-align: right;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	float: right;
	padding: 0 8px;
}
.cdbBox.scheBox .sMeal {
	text-align: right;
	float: right;
	padding: 0 8px;
	border: solid 1px #cccccc;
}	
/*旅行条件*/	
.cdbBox dl.joken {
	width: 100%;
	overflow: hidden;
}	
.cdbBox dl.joken dt {
	width: 22%;
	float: left;
	border-bottom: 1px dotted #444444;
	margin: 10px 1% 10px 0;
}	
.cdbBox dl.joken dd {
	width: 77%;
	float: left;
	border-bottom: 1px dotted #444444;
	margin: 10px 0;

}
.sLeft {
	width: 100%;
	margin-bottom: 20px;
}
.hName {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.hInfo {
	font-size: 14px;
}
.sName {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.stInfo {
	font-size: 13px;
}
.sRight {
	width: 100%;
	margin-bottom: 20px;
}
/*マッチ*/
.vTaisen {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.vDate {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.vStadium {
	font-size: 14px;
	margin-bottom: 5px;
}
	
/*下部旅行条件のdt dd*/
dt,dd {
    margin: 0; 
    padding: 0; 
}
.dlTable {
    width: 100%; 
    display: flex;
    flex-wrap: wrap;
	border-left: none;
	display: block;
}
.dlTable dt {
    box-sizing: border-box;
    padding: 5px;
	border-right: none;
	width: 100%;
}
.dlTable dd {
    border-bottom: 1px dotted #444444;
    box-sizing: border-box;
    padding: 5px 0 5px 20px;
	border-right: none;
	width: 100%;
}
.dlTable dt {
    font-size: 14px; 
}
.dlTable dd {
	font-size: 14px; 
}
	
/*トップ条件ののdt dd*/
.dlTable2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	border-left: none;
	display: block;
}
.dlTable2 dt {
    box-sizing: border-box;
    padding: 5px;
	border-right: none;
	width: 100%;
	font-size: 14px; 
}
.dlTable2 dd {
    border-bottom: 1px dotted #444444;
    box-sizing: border-box;
    padding: 5px 0 5px 20px;
	border-right: none;
	width: 100%;
	font-size: 14px;
	overflow: hidden;
}

/*カテゴリー*/
.tCategory {
	width: 70px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-radius: 8px;
	font-size: 10px;
	padding: 4px 10px;
	margin: 0 10px 5px 0;
	float: left;
	clear: both;
}
.tCname {
	float: left;
}
/*カテゴリーカラー*/
.tc01 {
	background-color: #C73B3D;
}
.tc02 {
	background-color: #4975DD;
}
.hotelCity {
	width: 200px;
	text-align: center;
	padding: 5px;
	background-color: #ED7C00;
	font-weight: bold;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom: 10px;
	color: #ffffff;
}
.rhName {
	font-size: 14px;
	font-weight: bold;
	color: #FF7C00;
}
	
/*項目のdt dd*/
	/*
.dlTable {
	width: 100%; 
	border-left: none;
	display: block;
}
.dlTable dt,
.dlTable dd {
	border-right: none;
	width: 100%;
	padding: 10px 15px;
}
.dlTable dt {
	border-bottom: none;
	padding-bottom: 0;
}	
*/
	
}

	

	

