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

body {	
	padding: 0 !important;
}

.main-banner {
	margin: 0 !important;	
}

.main-banner img {
	margin: 0 auto;	
	max-width: 970px;
	width: 100%;	
	display: block;
	border:none;
}

@media screen and (max-width:960px) {
.main-banner img {	
	border:none;
	box-shadow: none;
}
}


/* =========================
		basic
   ========================= */
   
.outer-container {
	background: #FFF;	
}

.main-container {
	max-width: 960px;
	width: 90%;
	margin: -1px auto 0 auto !important;
	background: #FFF;
	box-sizing: border-box;
	padding: 30px 20px 20px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);
}

section {
	margin-bottom: 60px;
}

.section-top .text-box {
	margin-bottom: 0px;
}

.text-box {
	margin-bottom: 50px;
}

.text-box p {
	font-size: 18px;
	line-height: 1.6em;
	color: #333;
	margin-bottom: 20px;
}

.main-container img {
	max-width: 900px;
	width: 100%;	
	display: block;
	border: 1px solid #999;
	margin: 0 auto;
}

@media screen and (max-width:960px) {
.main-container {	
	box-shadow: none;
	border: none;
}
}

/* =========================
		left/right
   ========================= */
   
.left-box {
	float: left;
	width: 48%;	
}


.right-box {
	float: right;
	width: 48%;	
}

@media screen and (max-width:960px) {
.left-box {
	float: none;
	width: 100%;	
}

.right-box {
	float: none;
	width: 100%;	
}
}



/* =========================
		headline
   ========================= */
   
h1 {
		
}

h2 {
	font-size: 3em !important;
	font-weight: bold !important;
	line-height: 1.5em !important;
	color: #FFF;
	box-sizing: border-box;
	padding: 5px 0 0 15px !important;
	margin-bottom: 30px !important;
	
	background: -moz-linear-gradient(top, #ff3399, #cc0066) !important;
	background: -webkit-linear-gradient(top, #ff3399, #cc0066) !important;
	background: linear-gradient(to bottom, #ff3399, #cc0066) !important;
	
	border-radius: 5px;
}


/*
h3 {
	font-size: 2.3em;
	font-weight: bold;
	color: #ff0099;
	border-left: 5px solid #ff0099;
	border-bottom: 1px solid #ff0099;
	box-sizing: border-box;
	padding: 10px; 
	margin-bottom: 30px;
	background: #FFF;
}
*/

.tips h3,
.text-box h3,
.about h3,
 {
	font-size: 2.3em !important;
	font-weight: bold !important;
	color: #ff0099 !important;
	border-left: 5px solid #ff0099 !important;
	border-bottom: 1px solid #ff0099 !important;
	box-sizing: border-box;
	padding: 10px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	background: #FFF !important;
}


h4 {
	font-size: 1.6em !important;
	line-height:1.2em !important;
	font-weight: bold !important;
	color: #ff0099 !important;
	border-bottom: 1px dotted #ff0099 !important;
	box-sizing: border-box;
	margin-bottom: 20px !important;
}


@media screen and (max-width:960px) {
h3 {
	font-size: 1.6em !important;
}

h4 {
	font-size: 1.4em !important;
}
}


/* =========================
		tips
   ========================= */

.tips {
	border: 1px solid #ff0099;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	max-width: 80%;
	margin: 0 auto;
}

.mark-tips {
	border-radius: 5px;
	background: #ff0099;
	box-sizing: border-box;
	padding: 5px 10px 2px;	
	color: #FFF;
}

.tips p {
	font-size: 1.5em !important;
	line-height: 1.5em !important;	
	margin-bottom: 20px !important;
}

.tips h3 {
	font-size: 1.8em !important;
	font-weight: bold !important;
	color: #ff0099;
	box-sizing: border-box;
	margin-bottom: 10px !important;
	border: none;
	padding: 10px 0 
}

.tips h3:before {
	content:none;	
}

.tips img {
	max-width: 500px;	
}

.sp-br {
	display: none;	
}

@media screen and (max-width:960px) {

.tips {
	padding: 10px;
	margin: 0 auto;
}

.mark-tips {
	font-size :1em;
	padding: 5px 10px 2px;	
	color: #FFF;
	display: block;
	margin-bottom: -15px;
}

.tips p {
	font-size: 1em;
	line-height: 1.5em;	
	margin-bottom: 20px;
}

.tips h3 {
	font-size: 1.3em !important;
	line-height: 1.3em !important;
	font-weight: bold !important;
	color: #5384cd !important;
	box-sizing: border-box;
	margin-bottom: 10px !important;
	border: none;
	padding: 10px 0 
}

.tips h3:before {
	content:none;	
}

.tips img {
	max-width: 500px;	
}

.sp-br {
	display: block;
}
}

.borderline {
	width: 90%;
	background: #fff5fa;
	border: 1px solid #F09;
	box-sizing: border-box;
	padding-top: 15px;
	border-radius: 10px;
	margin: 0 auto 20px;
}

.notice {
	margin-left: 24px;
	text-align:-24px;
	font-size: 1em !important;	
	marg
	in-top: -15px;
}

.camp-cont {
	margin-bottom: 60px;	
}

/* =========================
		about
   ========================= */

.about {
	border: 1px solid #ff0099;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px;
	max-width: 100%;
	margin: 10px auto 0;
}

.about p {
	font-size: 1.2em;
	line-height: 1.5em;	
	margin-bottom: 20px;
}

.about h3 {
	font-size: 1.3em !important;
	font-weight: bold !important;
	color: #ff0099 !important;
	box-sizing: border-box;
	margin-bottom: 10px !important;
	border-bottom: 1px dotted #ff0099 !important;
	border-left: none;
	padding: 10px 0;
}

.tips h3:before {
	content:none;	
}

.tips img {
	max-width: 500px;	
}

.sp-br {
	display: none;	
}

@media screen and (max-width:960px) {

.tips {
	padding: 10px;
	margin: 0 auto;
}

.mark-tips {
	font-size :1em !important;
	padding: 5px 10px 2px;	
	color: #FFF;
	display: block;
	margin-bottom: -15px;
}

.tips p {
	font-size: 1em !important;
	line-height: 1.5em !important;	
	margin-bottom: 20px !important;
}

.tips h3 {
	font-size: 1.3em !important;
	line-height: 1.3em !important;
	font-weight: bold !important;
	color: #5384cd;
	box-sizing: border-box;
	margin-bottom: 10px;
	border: none;
	padding: 10px 0 
}

.tips h3:before {
	content:none;	
}

.tips img {
	max-width: 500px;	
}

.sp-br {
	display: block;
}
}


/* =========================
		option
   ========================= */
   
.bottom-border {
	border-bottom: 1px dotted #666;	
	padding-bottom: 30px;
}

ol li {
	list-style-type: decimal !important;
	margin-bottom: 10px;
	line-height: 1.3em;	
	font-size: 1.3em;
	color: #ff0099;
	font-weight: bold;
}

ol li small {
	font-size: 0.9em;
	font-weight: 100;
	color: #333;
}

.ill-img {
	margin-bottom: 20px;
	border-radius: 10px;	
}

.shop-master {
	background: url(../img/detail-11.jpg) no-repeat 30px 0px;
	height: 280px;
	padding-top: 15px;
}

.shop-master p {
	width: 73%;
	float: right;
	padding-top: 20px;
	margin-right: 40px;
	margin-bottom: 0;
	font-size: 1.3em;
}

@media screen and (max-width:960px) {

ol {
	max-width: 87%;
	margin: 50px auto; 
}

ol li {
	margin-bottom: 20px;
}

.shop-master {
	background:none;
	height: auto;
	padding-top: 0;
}

.shop-master p {
	width: 100%;
	float: none;
	padding-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 1em;
}
}


/* =========================
		linklist
   ========================= */
   
a.link_list {
	display: block;
	max-width: 600px;
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 0;
	border-radius: 10px;
	background: #C00;
	color: #FFF;
	font-weight: bold;
	font-size: 2em;
	text-align: center;	
	text-decoration: none;
	box-shadow: 0 2px 3px 1px rgba(0,0,0,0.4);
}

a.link_list:hover {
	opacity: 0.7;
}

p.caution {
	font-size: 1em;
	text-align: center;
	margin-top: 20px;	
}




/* =========================
		clearfix
   ========================= */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}