@charset "Shift_JIS";

/*all----------------------------------------------*/
a {
	text-decoration: none;
	color: #c63b2e;
}

body, input, select, textarea, table, th, td, li, a {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
   	font-size: 12px;
}

img {
	border: 0;
}

.main {
	width: 100%;
}


.sp_img {
	width:100%;
	max-width: 100%;
	height: auto;
}

p {
	color: #000000;
}



/*header-------------------------------------------*/


/*coupon-------------------------------------------*/

.coupon {
	width: 100%;
}

.coupon1 { 
	width: 49%;
	margin: 0 1% 0 0;
	float: left;
}

.coupon2 { 
	width: 49%;
	margin: 0 0 0 1%;
	float: right;
}

.coupon1 img,
.coupon2 img {
	width:100%;
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

.coupon p {
	text-align: right;
}

.coupon p a {
	color: #c63b2e;
}

.coupon p a:hover {
	color: #aaaaaa;
}

/*coupon_bnr----------------------------------------*/

#coupon_bnr {
	margin: 35px 0;
	width: 100%;
}

.coupon_bnr_pict_pc {
	display:none;
}

.coupon_bnr_pict_sp{
	width:100%;
}

.coupon_bnr_pict_sp a{
	font-size:16px;
	text-decoration:underline;
}


/*contents1----------------------------------------*/

.contents1 {
	margin: 35px 0;
	width: 100%;
}

.pcmap {
	display: none;
}

.spmap {
	margin: 10px 0 0 0;
}

.spmap_in {
	margin: 10px auto;
}

.spmap_t{
	background-color: #c63b2e;
	background-image: url("../img/splink.png");
	background-repeat: no-repeat;
	background-position: right;
	color: #ffffff;
	font-size: 120%;
	padding: 5px 5px;
}

.spmap_p {
	border: 1px solid #c63b2e;
	padding: 5px 5px;
}

/*contents2----------------------------------------*/

.contents2 {
	margin: 35px 0 0 0;
	width: 100%px;
}

.spotsp1 { 
	width: 49%;
	margin: 0 1% 0 0;
	float: left;
}

.spotsp2{ 
	width: 49%;
	margin: 0 0 0 1%;
	float: right;
}

.spot img,
.spotend img {
	width:100%;
	max-width: 100%;
	height: auto;
}

.spot {
	position: relative;
	margin-bottom: 5px;
}

.spotname {
	position: absolute;
	bottom: 5px;
	width: 100%;
	line-height: 140%;
	text-indent: 5px;
	font-size: 140%;
	background-color: #000000;
	color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;

	background-image: url("../img/splink.png");
	background-repeat: no-repeat;
	background-position: right;
}

.spotend {
	position:relative;
	margin-bottom: 5px;
}

.spotendname {
	position:absolute;
	bottom: 5px;
	width: 100%;
	line-height: 140%;
	text-indent: 5px;
	font-size: 140%;
	background-color: #000000;
	color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;

	background-image: url("../img/splink.png");
	background-repeat: no-repeat;
	background-position: right;
}

.spot_att {
	margin: 5px 0 0 0;
	width: 100%;
	font-size: 85%;
}


/*contents3----------------------------------------*/

.contents3 {
	margin: 35px 0 15px 0;
	width: 100%;
}

.ken { 
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 10px 0;
	background-color: #cfe88f;
}

.kenend { 
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 10px 0;
	background-color: #cfe88f;
}

.ken_in1 {
	width: 85%;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	position:relative;
}

.ken_in1 img{
	width:100%;
	max-width: 100%;
	height: auto;
}

.kenname {
	position:absolute;
	top:10px;
	padding: 5px 5px 5px 5px;
	background-color: #000000;
	color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ken_in2 {
	width:100%;
	line-height: 30px;
	background-color: #ffffff;
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: bold;
}

.ken_in3 {
	margin: 0 0 10px 0;
	text-align: center;
}

.ken_in4 {
	width: 100%;
	margin-bottom:10px;
	font-weight: bold;
}

.ken_in5 {
	width: 100%;
	margin-bottom:10px;
}
.ken_more {
	width: 85%;
	margin: 0 auto;
	line-height: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ffffff;
	text-align: center;
}

.ken_more p {
/*	color: #c63b2e;*/
	text-decoration: none;
}

.ken_more p:hover {
	color: #ffffff;
	text-decoration: none;
}

.ken_more:hover {
	background-color: #c63b2e;
}


/*contents4----------------------------------------*/

.contents4 {
	width: 100%;
	font-size: 85%;
}

.contents4 p {
	color: #aaaaaa;
}


/*contents5----------------------------------------*/

.contents5 {
	margin: 30px 0 0 0;
	width: 100%;
}



/*pagetop------------------------------------------*/
.page-top {
  	position: fixed;
	bottom: 0%;
	right: 0%
}

.page-top img {
	width: 80%;
	height: 80%;
}