@charset "UTF-8";
/* ==========================================================
  shared.css
========================================================== */
body {
	background-color:#9c7e5a;
	color: #000;
}
/* ===========================
  @MAIN
=========================== */
#main {
	position: relative;
}
#main img {
	width: 100%;
	height: auto;
}
h2 {
	text-align: center;
}
/* ===========================
  @CONTENTS
=========================== */

.shop_btn_area {
	background-color: #e6b979;
	border-bottom: 4px solid #402c17;
	border-top: 4px solid #402c17;
	width: 100%;
	text-align: center;
	padding: 4% 0 4% 0;
}
.shop_btn_area li{
	padding:0 0 4% 0;
	}
.shop_btn_area li:last-child{
	padding:0 0 0 0;
	}
.shop_btn_area img {
	width: 90%;
	height: auto;
}
#end_area{
	margin:-0.2% 0 0 0;
	text-align:center;
	width:100%;
	background-color:#9b7e59;
	height:auto;
	padding:6% 0 6% 0;
}
.end_caution_frame{
width:80%;
border-radius:5px;
background-color:#fff;
margin:0 auto;
font-size:18px;
padding:30px 30px 30px 30px;
text-align:center;
}
.end_caution_title{
font-size:28px;
font-weight:bold;
color:#cd0000;
text-align:center;

}		
#info {
	background-color: #fbf5bc;
	position: relative;
	margin: 0 0 0 0;
	padding: 68% 0 0 0;
	width: 100%;
	height: 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url(/collabo_shironekokyoto2016/stamprally/sp/images/top/bg_info_deco.jpg);
	border-bottom: 4px solid #402c17;
}
#info img {
	width: 100%;
	height: auto;
}
#info .info-deco {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#info .info-deco h3 {
	margin: 0% 0 0 4%;
	padding: 5% 0 2%;
	width: 24%;
}
#info .info-deco .info-area {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	width: 92%;
	height: 70%;
	overflow: auto;
	background-color: #fff;
	border-radius: 10px;
	border: 2px #000 solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#info .info-area dl{
  border-top: 1px solid #e8e8e8;
  word-wrap: break-word;
  padding: 8px 0;
  overflow: hidden;
}
#info .info-area dl:first-of-type {
  border-top: none;
  padding: 0 0 5px;
}
#info .info-area dl a {
  color: #000;
  font-size: 14px;
  max-height: 100%;
  text-decoration: none;
}
#info .info-area dt,
#info .info-area dd {
  font-size: 14px;
  max-height: 100%;
}
#contents {
	background: url(/collabo_shironekokyoto2016/stamprally/sp/images/shared/bg_contents.jpg) repeat;
	padding-bottom: 7%;
}
#par{
	padding:9.3% 0px 0px 0px;
	}
.content_wrapper_01 {
	text-align: center;
	padding: 0.6% 0 0 0;
}
.content_wrapper_02 {
	text-align: center;
	padding: 0 0 5% 0;
}
.content_wrapper_03 {
	text-align: center;
	padding: 0 0 5% 0;
}
.content_wrapper_btn{
	text-align:center;
	}

#contents .contents_bg_wa {
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: left top, left bottom, center 6.7%;
	background-image: url(/collabo_shironekokyoto2016/stamprally/sp/images/top/shop_bg_01.png), url(/collabo_shironekokyoto2016/stamprally/sp/images/top/shop_bg_03.png), url(/collabo_shironekokyoto2016/stamprally/sp/images/top/shop_bg_02.png);
	position: relative;
	margin: 0% auto 2.6%;
}
#contents .par_title {
	text-align: center;
	padding: 1.5% 0 0 0;
}
#contents .shop_title {
	text-align: center;
	padding: 1.5% 0 0 0;
}
#contents .map_title {
	text-align: center;
	padding: 1.5% 0 0 0;
}
#contents .contents_bg_wa ul img {
	width: 100%;
	height: auto;
}
#contents .contents_bg_wa ul li {
	width: 87%;
	padding: 0 0 2.8% 7.2%;
}
#contents .contents_bg_wa ul li:last-child {
	width: 87%;
	margin: 0 auto;
	padding: 0 0 5% 0;
}
#contents .download {
	background: url(/collabo_shironekokyoto2016/stamprally/sp/images/top/bg_download.png) no-repeat;
	background-size: 100%;
	padding: 22% 5% 8%;
	margin-top: 4%;
	width: 90%;
}
#contents .download ul {
	font-size: 0;
	margin: 0 0 2%;
	width: 100%;
	text-align: center;
}
#contents .download li {
	display: inline-block;
	width: 31%;
	padding: 0 1%;
}
#contents .download p {
	width: 100%;
	text-align: center;
}
#contents .download li img {
	width: 100%;
}
#contents .download p img {
	width: 98%;
}
/* ===========================
  @FOOTER
=========================== */

footer {
	background-color: #402c17;
	color: #fff;
	text-align: center;
	padding: 20% 0 9.3%;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
footer img {
	width: 100%;
}
footer .colopl {
	position: absolute;
	top: 12%;
	left: 10%;
	width: 23.3%;
}
footer .project {
	position: absolute;
	top: 10.1%;
	left: 39.7%;
	width: 18.7%;
}
footer .sns-btn {
	font-size: 0;
	position: absolute;
	top: 12%;
	right: 11%;
	width: 25%;
}
footer .sns-btn li {
	display: inline-block;
	width: 45%;
}
footer .sns-btn li:first-child {
	padding: 0 10% 0 0;
}
footer .footer-navi {
	padding: 0 5%;
}
footer .footer-navi {
	font-size: 11px;
}
footer .footer-navi a, footer .copyright {
	font-size: 11px;
}
/* ==============
  CLEARFIX
============== */

.clearfix {
	overflow: hidden;
	clear: both;
}