﻿/*--------------------------------
　　　　　PC・SP共通要素
--------------------------------*/
.img_rwd {
	visibility: hidden;
}
.txtM {font-size:120%;}
.txtL {font-size:140%;}
.txtLL {font-size:160%;}
.w90 {width:90px;}
.w55 {width:55px;}
.w50 {width:50px;}
.cap{font-size:80%;}
.line20{line-height:2.0;}
.cap{font-size:80%;}
.mt0{margin-bottom:0;}
.mr0{margin-right:0;}
.mt20{margin-top:20px;}
.red{color:#FF0000;}
h2.rs_h2_title_bar {
	padding: 10px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 16px;
	margin:30px 0;
}

/*--　PC側　--*/
.read{
	margin-top:20px;
	font-size:110%;
	line-height:1.5;
}
.read span{
	font-weight:bold;
}
.main_box {
	font-size: 1.2em;
	line-height: 1.5em;
}
.main_title img {
	width:auto;
}
.result_container .main_box {
	margin: 0px 20px 100px 20px;
}
.title {
	padding: 12px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 1.2em;
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	margin:0;
}
.rsv_box_list2 {
	margin-right:10px;
	margin-bottom:0;
	float:left;
	width:475px;
	background-color:#eeeeee;
	margin-bottom:20px;
	text-align:center;
	}
.rsv_box_list2:last-child{
	margin-bottom:0;
	margin-right:0;
}
.rsv_box_list2 .btn-rsv-pc,
.rsv_box_list2 .btn-rsv-fin{
	margin-top:10px;
}
.rsv_box_list2 .btn-rsv-sp{
	display:none;
}
.rsv_box_list2 .btn-rsv-pc a,
.rsv_box_list2 .btn-rsv-sp a {
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	background-color: #f44336;
	border-radius: 5px;
	box-shadow: 0px 3px 0px 0px #e53935;
	-moz-box-shadow: 0px 3px 0px 0px #e53935;
	-webkit-box-shadow: 0px 3px 0px 0px #e53935;
	color: #FFF;
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}
.rsv_box_list2 .btn-rsv-pc a:hover,
.rsv_box_list2 .btn-rsv-sp a:hover {
	color:#fff;
	background-color: #e53935;
	box-shadow: 0px 3px 0px 0px #d32f2f;
	-moz-box-shadow: 0px 3px 0px 0px #d32f2f;
	-webkit-box-shadow: 0px 3px 0px 0px #d32f2f;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3
}
.rsv_box_list2 .btn-rsv-fin span {
	display: inline-block;
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	background-color: #541313;
	border-radius: 5px;
	box-shadow: 0px 3px 0px 0px #4f1010;
	-moz-box-shadow: 0px 3px 0px 0px #4f1010;
	-webkit-box-shadow: 0px 3px 0px 0px #4f1010;
	color: #999;
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}
#str_container #res-header {
	position: relative;
}
#str_container #res-header .h-txt {
	display: none;
}
.sub_title{
	padding: 0 25px 30px; 
}
.sub_title-text{
	text-align:left;
}
.sub_title-text span{
	font-weight:bold;
	font-size:120%;
	line-height:1.5;
	display: inline-block;
    font-weight: bold;
	padding-bottom:5px;
    text-align: center;
    display: block;
}
.caution{
	margin:0;
}
@media only screen and (min-width: 769px) {
	/*--　PC側　--*/
	.rsv_box_list2 .text {
		margin:0 auto;
		padding:14px 0 10px;
		display:table-cell;
		vertical-align:middle;
	}
}
	/*--　PC側　--*/
	.res-table {
		width: 100%;
		margin: 5px auto;
	}
/*	.res-table table {
		margin:0 30px 0 0;
	}*/
	.res-table th {
		width: 16%;
		padding: 10px 10px;
		display: table-cell;
		border-top: none;
		text-align: left;
		background-color: #fff;
		vertical-align: top;
		color: #3695d6;
	}
	.res-table th.th_end {
		border-bottom: none;
	}
	.res-table td {
		width: 80%;
		padding: 5px 10px;
		display: table-cell;
		text-align: left;
		vertical-align:middle !important;
	}
	.res-table td.td_end {
		border-bottom: none;
	}
	.res-table tr {
		border-bottom: 1px dashed #ccc;
	}
	.res-table tr:last-child {
		border: none;
	}
	.res-table td img {
		width:50% !important;
	}

/*--　PC側　--*/
	#str_container #res-header-fin .h-txt p {
		font-size: 120%;
		font-weight: bold;
		color: #ff0000;
		font-family: "メイリオ", Meiryo, Osaka;
	}
	#str_container #res-header-fin .h-txt {
		position: absolute;
		background: #fff;
		padding: 4% 6%;
		top: 50%;
		left: 50%;
		margin: -50px 0 0 -140px;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		z-index: 999999;
		text-align: center;
	}
/*　　予約ボタン　　*/
	.reservation_unit .pc_btn{
	display:none;
}
	.reservation_unit .sp_btn{
	display:block;
}
.reservation_unit {
	padding: 5px 0;
	overflow: hidden;
}
.reservation_unit ul li {
	margin:15px 0 10px;
	float: none;
	width: 100%;
	background-color: #EA443C;
	text-align: center;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	behavior: url(border-radius.htc);
	box-shadow: 0px 4px 0px 0px #ab1f24;
}
.reservation_unit ul li a {
	display: block;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 15px 0;
	background-color: #d32f2f;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #c62828;
	-moz-box-shadow: 0px 5px 0px 0px #c62828;
	-webkit-box-shadow: 0px 5px 0px 0px #c62828;
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
.reservation_unit ul li.end {
	width:100%;
	display: block;
	font-size: 1.2em;
	margin: 15px auto 10px;
	padding: 15px 0;
	background-color: #acacac;
	border-radius: 5px;
	box-shadow: 0px 5px 0px 0px #757575;
	-moz-box-shadow: 0px 5px 0px 0px #757575;
	-webkit-box-shadow: 0px 5px 0px 0px #757575;
	color: #FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

/*--------------------------------------
  　注意事項
--------------------------------------*/
.notice_tit {
	padding: 8px 15px;
	background-color: #ccc;
	font-size: 1.2em;
}
#notice_box {
	margin: 0 0 10px;
	width:956px;
	border: 2px solid #ccc;
	font-size: 1.2em;
	font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
#notice_box dl{
	margin: 0;
}
#notice_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	float:left;
}
#notice_box dd{
	padding:10px 10px 10px 210px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#notice_box dd.last{
	border:0;
}
#notice_box ul{
	margin-left: 0;
}
#notice_box ul.notice_box_inner{
	list-style-type: disc;
}
#notice_box ul.notice_box_last_inner{
	text-indent:-1em;
}
#notice_box ul.notice_box_last_inner li{
	padding-left:1em;
	list-style-type:none;
}
/*#notice_box ul li {
	list-style: disc;
	list-style-position: outside;
}*/
/*--------------------------------------
  　キャンペーン期間＆プレー対象期間
--------------------------------------*/
.deadline_sp{
	display:none;
}
.deadline_pc {
    background-color: #fff;
	color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    height: 40px;
    text-align: center;
	margin:20px 0;
    font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
.deadline_pc ul {
    border: 1px solid #acacaa;
    line-height: 2.5;
}
.deadline_pc ul li {
    background-color: #ffffff;
    color: #313131;
    display: table-cell;
    font-weight: bold;
    padding: 0 16px;
}
.deadline_pc ul li.ulTitle01 {
    background-color: #c0c0c0;
}
.deadline_pc ul li.ulTitle02 {
    background-color: #c0c0c0;
}
br.sp_block,br.sp_block_02{
	display:none;
}
.lead {
	font-size:17px;
	text-align: center;
}
.step-title{
	background-color:#898989;
	color:#FFFFFF;
	font-weight:bold;
    padding: 10px;
    margin-top: 0;
    font-size: 140%;
}
@media only screen and (max-width: 769px) {
/*--------------------------------
　　　見出し・コンテンツ枠
--------------------------------*/
.rsv_box_list2 .btn-rsv-pc{
	display:none;
}
.rsv_box_list2 .btn-rsv-sp{
	display:block;
	margin-top:10px;
}
	.main_title {	
		position:relative;
		margin: 30px 0 30px;
	}
	.main_title img {
		max-width:75%;
	}
	.sub_title {
		font-size:1.4em;
		font-weight:bold;
	}
	.main_box {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	.present {
		margin: 15px 10px 0;
	}
	.title {
		padding: 12px 15px;
		background-color:#3695d6;
		color: #fff;
		margin:0 10px;
		font-size: 1.2em;
		font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
	}
	.lead {
		font-size:14px;
		line-height:1.7;
		text-align: right;
	}
	.lead  a{
		text-decoration:underline;
	}
	.deadline_pc{
		display:none;
	}
	.deadline_sp{
		background-color:#fff;
		text-align:left;
		display:block;
		padding:5px 0 0;
		font-weight:bold !important;
		font-size:14px;
		margin-bottom:15px;
	    font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
	}
	.deadline_sp dl{
		border-left:1px solid #acacaa;
		border-right:1px solid #acacaa;
		border-bottom:1px solid #acacaa;
		font-weight:bold !important;
	}
	.deadline_sp dt{
		width:40%;
		float : left;
		clear : both;
		padding:3px 0;
		text-align:center;
	}
	.deadline_sp dd{
		background-color:#fff;
		padding:3px 0 3px 43%;
	}
	.deadline_sp .Title01 dt{
		background-color:#c0c0c0;
		text-align:center;
		border-top:1px solid #acacaa;
	}
	.deadline_sp .Title02 dt{
		background-color:#c0c0c0;
		text-align:center;
	}
	.deadline_sp .Title01 dd{
		border-top:1px solid #acacaa;
	}
	br.sp_block_02{
		display:block;
	}
/*--------------------------------
　　　キャンペーン終了対応
--------------------------------*/
	#str_container #res-header-fin {
		position: relative;
		background: #000;
	}
	#str_container #res-header-fin .head {
		width: 100%;
		height: 100%;
		z-index: 999;
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	#str_container #res-header-fin .h-txt {
		position: absolute;
		background: #fff;
		padding: 20px 40px;
		top: 50%;
		left: 290px;
		margin: -50px 0 0;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		z-index: 999999;
		text-align: center;
	}
	#str_container #res-header-fin .h-txt p {
		font-size: 160%;
		font-weight: bold;
		color: #ff0000;
		font-family: "メイリオ", Meiryo, Osaka;
	}
	#str_container #res-header-fin .h-txt p span {
		font-size: 80%;
		font-weight: normal;
	}
	/*--------------------------------
	　　　　キャンペーン概要
	--------------------------------*/
	/*--　スマホ側　--*/
	.res-table {
		padding-top:5px;
	}
	.res-table th {
		margin: 0 -10px;
		padding: 5px 15px;
		display: block;
		font-weight: bold;
		background-color: #ffb7d9;
	}
	.res-table td {
		padding: 7px 5px 10px;
		display: block;
	}
	.res-table td ol, .res-table td ul {
		margin-left: 18px;
	}
	.res-table td li {
		margin-bottom: 5px;
	}
	.res-table td img {
		width:100% !important;
	}
	/*--------------------------------------
		　注意事項
	--------------------------------------*/
	.notice_tit {
		padding:5px 10px;
		font-size:14px;
		margin:0 10px;
	}
	#notice_box {
		margin: 0 10px 20px;
		width:auto;
		padding-top:5px;
	}
	#notice_box dl{
		margin: 0;
		padding: 3px;
	}
	#notice_box dt{
		float:none;
		padding: 0 0 0 5px;
	}
	#notice_box dd{
		padding: 10px 15px;
	}
	#notice_box ul{
		margin-left:10px;
	}
	#notice_box ul li {
		list-style: disc;
		list-style-position: outside;
		max-height:999999px;
	}
	.btn_info{
		margin:0 10px;
	}
	.step-title{
		text-align:center;
	}
}
/*--------------------------------------
  　キャンペーン概要
--------------------------------------*/
#outline_box {
	margin: 0 0 15px;
	border: 2px solid #3695d6;
	font-size: 1.2em;
	font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
#outline_box dl{
	margin:5px 0;
}
#outline_box dt{
	padding:10px 0 0 15px;
	font-weight:bold;
	color:#3695d6;
	float:left;
}
#outline_box dd{
	padding:10px 10px 10px 210px;
	border-bottom:1px dashed #ccc;
	line-height:140%;
}
#outline_box dd.last{
	border:0;
}
@media screen and (max-width: 768px) {
.caution{
	margin:20px 10px 0;
}
.profile span{
	width: 100%;
}
.rsv_box_list2 {
	background-color:#eeeeee;
	text-align:center;
	float:none;
	width:auto;
	margin:10px;
}
#outline_box {
	margin: 0 10px;
	padding-top:5px;
}
#outline_box dl{
	margin: 0;
	padding: 3px;
}
#outline_box dt{
	float:none;
	padding: 0 0 0 5px;
	max-height:999999px;
}
dl.outline dt {
	padding: 5px;
}
#outline_box dd{
	padding: 0 0 10px 5px;
	max-height:999999px;
}
.rsv_box_list2 .btn-rsv-sp a,
.rsv_box_list2 .btn-rsv-fin span{
	width:90%;
}
.sub_title-text{
	margin-bottom:10px;
    font-size: 80%;
}
.sub_title-text span{
    font-size: 110%;
}
h2.rs_h2_title_bar {
	padding: 10px;
	margin:10px 0;
}
.read{
	margin:20px;
}
.rsv_box_list2:last-child{
	margin-right:10px;
}
}