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

/* -------------------------------------------------

enjoyArea
noteArea

------------------------------------------------- */
.noteArea{
	background:url(../images/bg_note.png) repeat-y 0 0;
	margin:0 0 30px;
}
.mainimg{
	text-align:center;
	font-size:0;
	line-height:100%;
}
.new{
	font-size: 12px;
	color:#fff;
	background: #c00;
	display: inline-block;
	line-height: 100%;
	padding: 5px 10px;
	border-radius: 10px;
	vertical-align: middle;
	margin-right: 5px;
}
/* PC */
@media screen and (min-width:769px) {
.enjoyArea{
	width:1000px;
	margin:30px auto;
}
.noteArea{
	padding:30px 60px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.enjoyArea{
	padding:10px;
}
.noteArea{
	padding:20px 15px 20px 45px;
}
}


/* -------------------------------------------------

boxArea

------------------------------------------------- */
.boxArea section h4{
	/*font-family: "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", serif;*/
}
.boxArea section .boxTime{
	/*font-family: "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", serif;*/
	margin:0 0 15px;
}
.boxArea section .boxTime img{
	vertical-align:bottom;
	margin:0 10px 0 0;
}
.boxArea section p a{
	text-decoration:underline;
}
.boxPhoto img{
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px;*/
}
.mikoshi{
	position: relative;
}
.mikoshi .mikoshiPhoto{
	position: absolute;
	width: 200px;
	bottom:0;
	right: 0;
}
/* PC */
@media screen and (min-width:769px) {
.boxArea{
	height:auto;
	margin:0 0 15px;
}
.boxArea section{
	width:550px;
}
.boxArea section h4{
	font-size: 1.6em;
	margin:0 0 10px;
}
.boxArea section .boxTime{
	font-size: 1.4em;;
}
.boxArea section p{
	line-height:200%;
}
.boxPhoto{
	width:305px;
}
/* photoLeft */
.photoLeft section{
	float:right;
}
.photoLeft .boxPhoto{
	float:left;
}
/* photoRight */
.photoRight section{
	float:left;
}
.photoRight .boxPhoto{
	float:right;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.boxArea{
	margin:0 0 30px;
}
.boxArea section h4{
	font-size: 1.5em;
	margin:0 0 10px;
}
.boxArea section .boxTime{
	font-size: 1em;
	font-weight:bold;
  margin:0 0 5px;
}
.boxArea section .boxTime img{
	width:auto !important;
	margin:0 10px 10px 0;
  vertical-align: middle;
}
.boxPhoto{
	margin-top:15px;
}
.mikoshi .mikoshiPhoto{
	top:50px;
}
}
/* sp */
@media screen and (max-width:628px) {
.mikoshi .mikoshiPhoto{
	position: static;
	margin: -40px 30px 0 auto;
	width: 50%;
}
}

/* -------------------------------------------------

subPhotoArea

------------------------------------------------- */
.subPhotoArea dl dt img{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px;
}
.subPhotoArea dl dd{
	font-size:0.85em;
}
/* PC */
@media screen and (min-width:769px) {
.subPhotoArea{
	height:auto;
}
.subPhotoArea dl{
	width:210px;
	float:left;
	margin:0 5px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.subPhotoArea dl{
	margin-bottom:20px;
}
.subPhotoArea dl dt{
	margin-bottom:5px;
}
}

/* -------------------------------------------------

areaSpecial

------------------------------------------------- */
.areaSpecial{
	background-color:#cde7ee;
	border-radius:15px;
	padding:20px;
}
.areaSpecial.pink{
	background-color:#efecd5;
}
.areaSpecial.green{
	background-color:#e6f0d6;
}
.areaSpecial section dl dt{
	font-weight:bold;
}
.areaSpecial section dl dd{
	padding-left:10px;
}
.ukiwa{
	color:#ff5a75;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 5px;
}
/* PC */
@media screen and (min-width:769px) {
.areaSpecial{
	
}
.areaSpecial section{
	width:510px;
}
.special02 section{
	width:410px;
}
.special02 .boxPhoto{
	width:405px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.areaSpecial{
	
}
}




