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

#str_container #str_menuAndContents #note {
	margin-top: 10px;
	margin-bottom: 20px;
}
#str_container #str_menuAndContents #note h4 {
	font-weight: bold;
}
.sectionDetailInfo02 {
    padding: 5px 10px 10px;
}
.blockPht02 {
    float: left;
    font-size: 0;
    padding-top: 7px;
    width: 180px;
	padding-right: 10px;
}
.blockright{
	padding: 30px 0 0;
	float: left;
}
.left_box{
	float:left;
	margin-right: 30px;
	width: 310px;
}
.right_box{
	float:left;
}
.box1{
	padding:0 10px;
}
}
/* ボタン */
.btn_hover a:hover img,
.bnr_erea  a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.tabNavi {
    clear: both;
    margin:15px 0px !important;
}
.line{
	border-bottom:1px dashed #BBB9B9;
}
ul.border {
    border-bottom: 2px solid #12458c;
    font-size: 0;
    height: 30px;
    line-height: 0;
    padding: 0;
}
ul.border li {
    float: left;
    margin-right: 6px;
	margin-right: 5px\9; /* IE10以下 */
	max-height:999999px;
}
ul.border li:last-child {
    margin-right:0 !important;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
.clearfix{
	display:block;
}
.holiday02 {
    background-color: #ed7615;
    border-radius: 5px;
    color: #fff;
    padding: 5px 17px;
}
.holiday03 {
    background-color: #ed7615;
    border-radius: 5px;
    color: #fff;
    padding: 5px 24px;
}

@media screen and (max-width: 768px) {
	#str_container .placeTxtBox ul li {
		float: left;
		margin-right: 20px;
		line-height: 30px;
		font-size: 13px;
	}
	.detail_box .right span {
		display: block;
		background-color: #6E6C6C;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 15px;
		border-radius: 5px;
	}
	.detail_box .right span:before {
		content: "応募受付は終了いたしました";
	}
	#str_container #str_menuAndContents #note {
		padding:0 5px;
}
.sectionDetailInfo02 {
    padding: 5px 10px 10px;
}
.left_box{
	margin-right: 0;
	width:auto;
}
.blockPht02,.blockright,.left_box,.right_box{
	float:none;
	display:block;
}
.blockright{
	padding: 5px 0;
}
.blockPht02,.blockright{
	margin:0 auto;
	text-align:center;
}
.right_box a::before {
    content: "予約する";
}
.right_box a {
    background-color: #f0455a;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
}
.right_box img {
    display: none;
}
.tabNavi {
    clear: both;
	width:100%;
    margin:10px auto 5px !important;
}
ul.border {
	border:none;
}
ul.border li img{
	display:none;
}
ul.border li{
	float:left;
	width:50%;
	margin-right:0;
	max-height:999999px;
}
ul.border li a {
		display: block;
		background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcfcf));
		color:#5C5C5C;
		font-size: 14px;
		padding: 20px 0;
		text-align: center;
		border:1px solid #c1bfbf;
	}
ul.border li span {
		display: block;
		background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcfcf));
		color:#5C5C5C;
		font-size: 14px;
		padding: 20px 0;
		text-align: center;
		border:1px solid #c1bfbf;
}
ul.border li a.on {
		background: -webkit-gradient(linear, left top, left bottom, from(#175ab2), to(#12458c));
		border:1px solid #12458c;
		color:#FFFFFF;
	}
ul.border li span.off {
		background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#7c7c7c));
		border:1px solid #5c5c5d;
		color:#bbbcbc;
	}
ul.border li a.kanto:before,ul.border li span.kanto:before {
		content: "関東・甲信越";
	}
ul.border li a.chubu:before,ul.border li span.chubu:before {
		content: "中部";
	}
ul.border li a.kinki:before,ul.border li span.kinki:before {
		content: "近畿";
	}
ul.border li a.chugoku:before,ul.border li span.chugoku:before {
		content: "中国・四国";
	}
ul.border li a.kyushu:before,ul.border li span.kyushu:before {
		content: "九州・沖縄";
	}
ul.border li a.hokkaido:before,ul.border li span.hokkaido:before {
		content: "北海道・東北";
	}
	.holiday02,.holiday03 {
		background-color: transparent;
		color: #000;
		padding: 0;
	}	
}