@charset "utf-8";


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

#top{
	background:url(../images/top/mainBack.jpg) no-repeat center top;
	background-size:auto 100%;
	overflow:hidden;
	position:relative;
	min-width:1165px;
}
#mainVisual{
	position:relative;
}
@keyframes yuraHiro {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(15deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}
.mainImg img.meinHiroshi{
	position:absolute;
	left:50%;
	top:24%;
	z-index:1111;
	animation: yuraHiro 5s linear infinite;
}
@keyframes yuraHima {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}
.mainImg img.mainHimawari{
	position:absolute;
	left:50%;
	top:46%;
	z-index:2222;
	animation: yuraHima 5s linear infinite;
}
@keyframes yuramisa {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-15deg); }
		100% { transform: rotate(0deg); }
	}
.mainImg img.mainMisae{
	position:absolute;
	left:50%;
	top:28%;
	z-index:3333;
	animation: yuramisa 4s linear infinite;
}
@keyframes yuraShin {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}
.mainImg img.mainShinchan{
	position:absolute;
	left:50%;
	top:10px;
	z-index:4444;
	animation: yuraShin 3s linear infinite;
}
.mainImg img.mainTitle{
	position:absolute;
	left:50%;
	bottom:50px;
	z-index:9999;
}

#header{
	position:absolute;
	bottom:0;
	top:inherit;
	background:#E6007E;
	width:100%;
	border-bottom: 5px solid #7D43A5;
}

/*PCメインバナー*/
.mainVisualInner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.mainVisualInner .bannerBoxPc {
    position:relative;
    max-width:1350px;
    margin:0 auto;
    width: 100%;
}
.mainCopy{
	position:absolute;
	right: 2%;
    top: 4%;
    height: 45%;
    min-height: 225px;
    min-width:150px;
}
.bannerFriend{
	position:absolute;
	left:0;
	height:20%;
}
.bunnerPC{
	position:absolute;
	left:0;
	bottom:10px;
}
.iconPresent{
	position:absolute;
	right:3%;
	height:32%;
    min-height: 160px;
    max-height: 233px;
    min-width:186px;
}
.mainVisualInner .iconPresent img {
    height:100%;
    max-height:222px;
    width:auto;
}
.iconShisyakai2 {
    position: absolute;
    bottom:0;
    left: 0;
    height: 31%;
    max-height: 225px;
}
.mainVisualInner .iconShisyakai2 img {
    height:100%;
    width:auto;
}
.iconShonichi {
    position: absolute;
    bottom:300px;
    left: 0;
    height: 31%;
    max-height: 225px;
}
.mainVisualInner .iconShonichi img {
    height:100%;
    width:auto;
}
.roadShow{
	position:absolute;
	bottom:10px;
	right:0;
	display: block;
    z-index:9998;
}
.roadShow span a{
    display: block;
}
/*
.bannerFriend{
	position:absolute;
	left:0;
	bottom:35%;
	height:10%;
}
.bannerTour{
	position:absolute;
	left:0;
	bottom:15%;
	height:10%;
}

.mainVisualInner img{
	height:100%;
}*/
.mainVisualInner img{
	max-height:100%;
	display: block;
}

@media only screen and (max-width: 1200px) {
}


/*
.mainVisualInner{
	position:absolute;
	bottom:10%;
	left:50%;
	width:1300px;
	margin-left:-650px;
}
@media only screen and (max-width: 1300px) {
    .mainVisualInner{
		width:90%;
		margin-left:-45%;
	}
}
.mainVisualInner .leftBox{
	float:left;
	height:100%;
	width:30%;
}
.mainVisualInner .leftBox .mainCopy{
	height:50%;
}
.mainVisualInner .leftBox ul{
	height:50%;
}
.mainVisualInner .leftBox li{
	height:34%;
}
.mainVisualInner .leftBox li.tour{
	margin-left:-20px;
}
.mainVisualInner .rightBox{
	float:right;
	text-align: right;
	height:100%;
}
.mainVisualInner .rightBox .presentBtn{
	height:35%;
}
.mainVisualInner .rightBox .presentBtn .pc{
	text-align:right;
	display:inline-block;
}
.mainVisualInner .rightBox .roadShow{
	height:30%;
	margin-top: 20px;
	text-align: right;
}
.mainVisualInner .leftBox img,
.mainVisualInner .rightBox img{
	height:100%;
}


/*SNSボタン*/
.snsBtn {
    position:absolute;
    top:10px;
    left:10px;
}
.snsBtn li {
    float:left;
    margin-left:10px;
}

/*contents*/
#contents{
	width:100%;
	background:url(../images/top/contentsBack.png);
	padding:20px 0 0;
}
#contents a img:hover{
	opacity:.8;
}
#contents .contentsInner{
	width:1100px;
	margin: 0 auto 40px;
}
/*#contents  .contentsInner .snsBox {
	float:left;
	width:723px;
}
#contents  .contentsInner .snsBox div{
	float:left;
	width:100%;
}
#contents .contentsInner .snsBox div > img{
	margin-left:-15px;
}
#contents .contentsInner .snsBox div ul{
	float:right;
	width:195px;
}
#contents .contentsInner .snsBox div ul li{
	margin-bottom:15px;
	width:200px;
}
#contents .contentsInner .snsBox div ul li img{
	width:100%;
}
#contents .contentsInner .snsBox > ul{
	width:100%;
	text-align:center;
	letter-spacing:0;
	margin:0 0 0 15px;
}
#contents .contentsInner .snsBox > ul li{
	display:inline-block;
	margin:30px 0 0 1px;
}*/
#contents  .contentsInner .subBox {
    float:left;
	width:723px;
    text-align:center;
}

#contents  .contentsInner .subBox ul li {
    float:left;
}
#contents  .contentsInner .subBox ul li img {
    width: 240px;
}

/*ニュース*/
#contents .contentsInner .newsBox {
	float:right;
	width:335px;
	position:relative;
    margin-top:30px;
}
#contents .contentsInner .newsBox .newsTitle{
	position:absolute;
	left:-4px;
	top:-37px;
	z-index:5555;
    width:193px;
}
#contents .contentsInner .newsBox .newsAll{
	position:absolute;
	right:10px;
	top:-5px;
	z-index:5555;
    width:92px;
}
#contents .contentsInner .newsBox .newsTitle img,
#contents .contentsInner .newsBox .newsAll img {
    width:100%;
}
#contents .contentsInner .newsBox .newsBoxInner{
	margin-top:9px;
    padding-top:15px;
	border:6px solid #84C300;
	background:#fff;
	width:100%;
	height:500px;
	border-radius:15px;
	box-shadow:0px 0px 4px 5px #FDF200;
	-moz-box-shadow:0px 0px 4px 5px #FDF200;
	-webkit-box-shadow:0px 0px 4px 5px #FDF200;
	overflow:scroll;
	overflow-x: hidden;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#contents .contentsInner .newsBox .newsBoxInner li{
	width:80%;
	margin:25px auto 0;
	border-bottom:2px dotted #009C3B;
	padding-bottom:20px;
	line-height:1.5;
	display:block;
}
#contents .contentsInner .newsBox .newsBoxInner li:last-child{
	border-bottom:none;
}
#contents .contentsInner .newsBox .newsBoxInner li .day{
	color::#009C3B;
	font-size:16px;
	display:inline-block;
	margin-bottom:10px;
}
#contents .contentsInner .newsBox .newsBoxInner li .text a{
	font-size:18px;
	color:#333;
}

/*バナー*/
#bunnerBox {
    width: 723px;
    float:left;
    margin-top:20px;
    border-top: 2px solid #FFF;
    padding-top: 20px;
}
#bunnerBox li {
    float:left;
    margin: 0 10px 14px;
}
#bunnerBox li:nth-child(4n) {
    margin-right:0;
}
#bunnerBox a:hover{
	opacity:.8;
}
#bunnerBox img {
    width:160px;
}
.udcast {
    margin-top:14px;
    float:left;
    width:393px;
}
.udcast img {
    width:100%;
}
.snsBox {
    float:left;
}
.snsBox li {
    float:left;
     width:50px;
     margin-left:10px;
}
.snsBox li img {
    width:100%;
}