/*--------------------------------
　　　　　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;}

h2.rs_h2_title_bar {
	padding: 10px 15px;
	background-color:#3695d6;
	color: #fff;
	font-size: 16px;
	margin:30px 0;
}
.profile{
	line-height:1.5;
	font-size:120%;
	margin:0 15px;
	border:3px solid #fc457d;
	padding:10px;
}
.profile span{
	font-weight:bold;
	font-size:130%;
	font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
	display:block;
	margin-bottom:1%;
	/*border-bottom:2px solid #fc457d;*/
	width: 48%;	
	background: url(../images/border_yellow.gif) bottom repeat-x;
}
.profile p{
	font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
/*--　PC側　--*/
#str_container{
	font-family: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
}
.main_box {
	margin: 0px 20px 30px;
	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: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
	margin:0;
}
.rsv_box_list2 {
	margin-right:40px;
	margin-bottom:0;
	float:left;
	width:400px;
	background-color:#ffe9ee;
	padding:23px 20px 30px;
	margin-bottom:20px;
	text-align:center;
	}
.rsv_box_list2:last-child{
	margin-bottom:0;
	margin-right:0;
}
.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: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,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: メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,ＭＳ Ｐゴシック,Arial,Verdana,sans-serif;
	text-align: center;
	font-size:14px;
}
#str_container #res-header {
	position: relative;
}
#str_container #res-header .head a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3;
}
#str_container #res-header .h-txt {
	display: none;
}
@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 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;
}
@media only screen and (max-width: 769px) {
/*--------------------------------
　　　見出し・コンテンツ枠
--------------------------------*/
.rsv_box_list2 .btn-rsv-pc{
	display:none;
}
.rsv_box_list2 .btn-rsv-sp{
	display:block;
}
	.main_title {	
		position:relative;
		margin: 30px 0 30px;
	}
	.main_title img {
		max-width:75%;
	}
	.sub_title {
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
		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;
}
}
/*--------------------------------------
  　キャンペーン概要
--------------------------------------*/
#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) {
.profile span{
	width: 100%;
}
.rsv_box_list2 {
	padding:23px 20px 30px;
	margin-bottom:20px;
	margin-right:0;
	background-color:#ffe9ee;
	text-align:center;
	float:none;
	width:90%;
}
#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;
}
}

/*---------------------------------
  　　応募ステップ
-----------------------------------*/
/*4STEP*/
.step{
	width:223px;
	float:left;
	border:1px solid #898989;
	padding-bottom:10px;
}
.step p,.step02 p{
	font-size:14px;
	padding:10px;
	margin-top:0;
}
.step-title{
	background-color:#666666;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
.step > img,.step02 > img {
    display: block;
    margin: 0 auto;
	width:89px;
}
.step .bold,.step02 .bold{
	display: inline-block;
    font-weight: bold;
	padding-bottom:5px;
}
.triangle {
    display: flex;
	float:left;
	width:20px;
	position: relative;
}
.triangle .ic{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #666666;
	position:absolute;
	top: 45%;
	left: 25%;
}
.step .btn,.step02 .btn{
	position:relative;
}
.step .btn a,.step02 .btn a{
	background-color:#02c2f2;
	border-radius: 18px;
	display:block;
	text-align:center;
	color:#FFFFFF;
	padding:8px;
}
.step .btn a:hover,.step02 .btn a:hover{
	background-color:#31c8ee;
}
.step .btn .arrow,.step02 .btn .arrow{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #ffffff;
	display: inline-block;
	position: absolute;
	right: 20px;
    top: 40%;
}
/*3STEP*/
.step02{
	width:298px;
	float:left;
	border:1px solid #898989;
	padding-bottom:10px;
}
.triangle02 {
    display: flex;
	float:left;
	width:30px;
	position: relative;
}
.triangle02 .ic{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 10px;
	border-color: transparent transparent transparent #666666;
	position:absolute;
	top: 45%;
	left: 30%;
}

@media screen and (max-width: 768px) {
	.step,.step02{
		width:auto;
    height: auto!important;
		margin:0 10px;
		float:none;
	}
	.step p,.step02 p{
		padding:10px 5px;
		max-height:999999px;
	}
	.step-title{
		padding:10px !important;
	}
	.step > img,.step02 > img {
		width: 20%;
	}
	.triangle,.triangle02 {
		float:none;
		position:static;
		margin: 0 auto;
    height: auto!important;
	}
	.triangle .ic,.triangle02 .ic{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 15px 0 15px;
		border-color: #666666 transparent transparent transparent;
		margin:5px auto;
		position:static;
	}
	.step .btn,.step02 .btn{
		margin: 0 50px;
		padding-top:0;
	}
	.step .btn a,.step02 .btn a{
		border-radius: 30px;
		padding:10px;
	}
	.step .btn .arrow, .step02 .btn .arrow {
		border-width: 6px 0 6px 7px;
		top: 25%;
	}
}
@media screen and (max-width: 640px) {
	.step > img,.step02 > img {
		width: 30%;
	}
}

.c-f {
    min-height: 1%;
    display: block;
}
.c-f:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h3.rs_h3_title_bar {
    padding: 5px 15px !important;
    background-color: #666666;
    color: #fff;
    font-size: 16px;
    font-weight: normal !important;
    border-left: none !important;
    margin-top: 20px !important;
}
.txt-kome {
  font-size: 12px!important;
}

@media screen and (max-width: 768px) {
  h3.rs_h3_title_bar {
    margin: 15px 10px 0 !important;
    padding: 5px 10px !important;
    max-height: 999999px;
  }
}

.bnrWrap .img {
  text-align: center;
  margin-top: 0;
}
.bnrWrap .img a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3;
}

.pre-2box .imgWrap {
  float: left;
  width: 58%;
}
.pre-2box .txtWrap {
  float: right;
  width: 38%;
  line-height: 1.8;
  font-size: 120%;
}
.pre-2box .imgWrap img {
  width: 100%;
}
.pre-2box .txtWrap p {
  margin-top: 0;
}
.pre-2box .txtWrap .link-txt {
  margin-top: 10px;
}


@media screen and (max-width: 768px) {
  .bnrWrap {
    margin: 0 10px;
  }
  .pre-2box .imgWrap,
  .pre-2box .txtWrap {
    float: none;
    width: 100%;
  }
  .pre-2box .txtWrap {
    line-height: 1.5;
    margin-top: 15px;
  }
  .pre-2box .txtWrap .link-txt {
    margin-top: 5px;
  }
}
.bold {
  font-weight: bold;
}



/*---------------------------------
  　ページTOP
-----------------------------------*/
#page-top {
    bottom: 20px;
    display: block;
    position: fixed;
    margin-left: 980px;
	width: 960px;
}
#page-top img{
	width:50px;
	height:50px;
}
@media screen and (max-width: 768px) {
/*通常ページ*/
	#page-top {
    	right: 20px;
		width:auto;
		margin-left:0;
		z-index:5;
	}
/*/s/ページ*/
	/*#page-top {
    	bottom: 100px;
    	width:auto;
		margin-left:0;
    	right: 20px;
		z-index:5;
	}*/
}
@media screen and (max-width: 640px) {
	#page-top img {
    	width: 40px;
    	height: 40px;
	}
}