/**
 * 
 * 色味用
 * 
 */


/*
	
	ヘッダー
	
************************************************** */

div#headerBottom {
	background: #5cbdda;
}
@media only screen and (max-width: 1000px) {
	ul#headerMenu > li {
		background: #5cbdda;
		color: #FFFFFF;
	}
	ul#headerMenu > li.login {
		background: #c4af7c;
	}
	ul#headerMenu > li > a {
		color: #FFFFFF;
	}
}

@media only screen and (min-width: 1001px) {
div#headerBottom {
	line-height: 45px;
	color: #FFFFFF;
}
ul#headerMenu > li > .parent .jp {
	line-height: 45px;
}

ul#headerMenu > li a {
	color: #FFFFFF;
}
ul#headerMenu div.childWrap a {
	color: #333;
}
}

@media only screen and (min-width: 1171px){
div#headerBottom {
	line-height: 52px;
}
ul#headerMenu > li > .parent .jp {
	line-height: 52px;
}
}


/*
	
	フッター
	
************************************************** */
 

div#footerTop {
	background: #5cbdda;
	color: #FFFFFF;
}

ul#footerListParent h2 {
	border-bottom: solid 1px #FFFFFF;
}

ul#footerListParent ul.footerListChild > li a {
	color: #FFFFFF;
}

@media only screen and (max-width: 1000px) {
ul#footerListParent {
	border-top: solid 1px #FFFFFF;
}
ul#footerListParent ul.footerListChild > li {
	border-bottom: dotted 1px #FFFFFF;
}
ul#footerListParent ul.footerListChild > li:last-child {
	border-bottom: solid 1px #FFFFFF;
}
}


/*
	
	マイページ
	
************************************************** */

@media only screen and (min-width: 1171px){
div.mypageWrap div.mypageNavWrap ul.mypageNav > li {
	width:16.6%;
}
}
@media only screen and (max-width: 1170px) and (min-width: 768px) {
div.mypageWrap div.mypageNavWrap ul.mypageNav > li:nth-child(5) {
	border-top:solid 1px #999;
}
div.mypageWrap div.mypageNavWrap ul.mypageNav > li {
	width:16.6%;
}
div.mypageWrap div.mypageNavWrap ul.mypageNav > li:nth-child(4n+1) {
	border-left:none;
}
div.mypageWrap div.mypageNavWrap ul.mypageNav > li:nth-child(5n+1) {
	border-left:solid 1px #999;
}
}

#userdetail #qrcode {
	margin: 0 auto;
	width: 160px;
}


/*
	
	ログイン
	
************************************************** */

div.formWrap div.formBtnWrap div.btnReservation {
	margin-top:20px; 
}

div.formWrap div.formBtnWrap div.btnReservation a {
	background: #5cbdda url(/img/common/icon_tri_right_white.svg) 94% center no-repeat;
    background-size: 12px;
    color: #FFF;
}


/*
	
	ブース使用状況
	
************************************************** */

#booth .box_map {
	margin:0 auto 40px;
	width: 1000px;
}
#booth .box_map.sp {	display: none;}

#booth .box_map img {
	width: 100%;
	display: block;
}

#booth .formInputWrap table {
	width: 100%;
}

#booth .formInputWrap table th {
	background: #5cbdda;
    border-top: solid 1px #dadada;
    color: #FFFFFF;
    padding: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    vertical-align: middle;
}

#booth .formInputWrap table th.midashi_message {	text-align: left;}

#booth .formInputWrap table td {
	padding: 20px;
    border-bottom: solid 1px #dadada;
}
#booth .formInputWrap table tr:nth-child(odd) td {
	background: #f7f7f7;
}

#booth .formInputWrap table td.input_name {	width: 100px;}
#booth .formInputWrap table td.input_category_name {	width: 120px;}
#booth .formInputWrap table td.input_status {	width: 50px;}
#booth .formInputWrap table td.input_end_time {	width: 100px;}
#booth .formInputWrap table td.input_counter {	width: 100px;}
#booth .formInputWrap table td.input_name,
#booth .formInputWrap table td.input_category_name,
#booth .formInputWrap table td.input_status,
#booth .formInputWrap table td.input_end_time,
#booth .formInputWrap table td.input_counter {
	text-align: center;
}
#booth .formInputWrap table td.input_status {
	color: #5cbdda;
}
#booth .formInputWrap table td.input_status.red {
	color: #a94442;
}

@media only screen and (max-width: 1000px){
	#booth .box_map {
		margin:0 auto;
		width: auto;
	}
	#booth .box_map.sp {	display: block;}
	#booth .box_map.pc {	display: none;}
	
	#booth .formInputWrap table th,
	#booth .formInputWrap table td {
	    font-size: 85%;
		padding: 10px;
	}
	
	/*
	#booth .formInputWrap table th.midashi_counter,
	#booth .formInputWrap table td.input_counter,
	*/
	#booth .formInputWrap table th.midashi_message,
	#booth .formInputWrap table td.input_message {
		display: none;
	}
}


/*
	
	商品詳細
	
************************************************** */

#productdetail .parts_cart .priceWrap .price02 .title {
	font-size: 1.6rem;
}
#productdetail .parts_cart .priceWrap .price02 .shipping {
	font-size: 1.3rem;
	margin-top: 1em;
}
@media only screen and (max-width: 767px) {
	#productdetail div.parts_cart div.cartDetailWrap div.priceWrap p.price {
		font-size: 2.6rem;
	}
}