@charset "shift_jis";

/*----------------------*/
/*		common 			*/
/*----------------------*/

.wrap {
	background: url(../img/bg_body.png) 0 0 repeat transparent;
	margin: 0 auto;
	padding: 140px 0 50px 0;
	box-sizing: border-box;
}

.content {
/*	width: 96%;
	max-width: 980px;*/
	width: 980px;
	background: url(../img/bg_footer.png) 0 bottom no-repeat #fff;
	background-size: 100%;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(js/PIE.htc); /* for IE8 */
	position: relative;
	
	border: 6px solid #49cfe8;
	margin: 0 auto;
	padding-top: 280px;
	box-sizing: border-box;
}

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

.header {
	display: block;
	width: 980px;
	position: relative;
	margin: 0 auto;
}

h1 {
	position:absolute;
	top: -130px;
	left: -35px;
	z-index: 100;
}

.catch_copy {
	position:absolute;
	top: 180px;
	left: 30px;
	z-index: 100;
}

.date {
	position:absolute;
	top: -124px;
	right: -11px;
	z-index: 100;
}

/*----------------------*/
/*		content 		*/
/*----------------------*/
/*  intro_copy
------------------------------*/
.intro_copy {
	position: relative;
/*	width: 980px;*/
	margin-bottom: 50px;
}
.intro_copy:after {
	position: absolute;
	content: url(../img/../img/bg_header.png);
	top: -150px;
	left: 630px;
}
.intro {	
	background: url(../img/text_intro.png) 30px 0 no-repeat transparent;
  width: 650px;
  height: 560px;
	
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.0;
	margin-bottom: 40px;
}
.intro br {
	display: none;
}
.intro_end {
	display: block;
	background: url(../img/../img/text_intro_end.png) center 0 no-repeat transparent;
  height: 140px;
	margin-bottom: 30px;
	
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.0;
}
.member {
	position:absolute;
	top: -200px;
	right:-20px;
}
.tabisaki {
	display: inline-block;
	position: relative;
	background-color: #ffcc33;
	margin: 0 0 0 700px;
	padding: 12px 30px;
	box-sizing: border-box;
	
	color: #762a1b;
	line-height: 1.0;
	font-size: 1.0rem;
	font-weight: bold;
	white-space: nowrap;
	
	border-top-left-radius: 100px;
	-webkit-border-top-left-radius: 100px;
	-moz-border-radius-topleft: 100px;
	
	border-bottom-left-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-bottomleft: 100px;
}
.tabisaki:before {
	position: absolute;
	top: -25px;
	left: -25px;
	content: url(../img/../img/ico_tabisaki.png);
}


/*  photo
------------------------------*/
.photo {
	clear: both;
	padding: 3% 0 0;
	box-sizing: border-box;
	overflow: hidden;
}
.photo dl {
	width: 47%;
	background-color: #fff;
	border: 4px solid #00abcb;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.photo dt {
	background: url(../img/tour_bg.png) 0 bottom repeat-x #00abcb;
	position:relative;
	padding-top: 24%;
	text-align: center;
}
.photo dt img {
	position: absolute;
	top: -28%;
	left: 0;
/*	width: 100%;*/
	width: 101%;
	max-width: 450px;
}
.photo dd {
	padding: 4%;
	overflow: hidden;
}
.showbox_p {
	font-size: 0.6rem;
	text-align: right;
}
.jaran {
	text-align: center;
	margin-top: 10px;
}

/* 左：石塚さん写真 */
.left {
	float: left;
	margin: 0 1% 0 2%;
	box-sizing: border-box;
}

/* 右：アンガールズさん写真 */
.right {
	float: right;
	margin: 0 2% 0 1%;
	box-sizing: border-box;
}

/* 動作に必要な定義はここから */
.showbox {
/*	width: 400px;*/
	margin: 0 auto;
}
.photo_l {
	margin: 0 0 3%;
	height: auto;
}
.box {
	display: none;
	background-color: #fff;
	overflow: hidden;
	
	border: 1px solid #ccc;
	padding: 0.5%;
	box-sizing: border-box;
}
.box img { float: left; width: 100%;}

.thumb {
	margin-bottom: 3%;
	overflow: hidden;
}
.thumb li {
/*
	margin-right: 0.7%;
	width: 23.25%;*/
	list-style: none;
float: left;
padding: 1px 2px 2px;
	box-sizing: border-box;
margin-right: 3px;
border: solid 1px #ccc;
width: 100.5px;
}
.thumb li.lastChild {
	margin-right: 0;
}
.thumb li.active {
  border: solid 2px #00abcb;
	padding: 0 1px 1px;
}
.thumb a {
	display: block;
	padding: 0.5%;
	background-color: #fff;
}

/*----------------------*/
/*		sponsor 		*/
/*----------------------*/
.sponsor {
	text-align: center;
	padding: 5% 0 1%;
	box-sizing: border-box;
}
.jalan {
	margin: 0 auto 3%;
	width: 50%;
	max-width: 319px;
}