@charset "utf-8";


@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}

/*--------------------------------------------------------
	none
----------------------------------------------------------*/

@media print, screen and (min-width: 960px) {
.sp{ display:none !important;}
}

@media screen and (max-width: 959px) {
.pc{display:none !important;}
}

/*--------------------------------------------------------
	画像幅指定
----------------------------------------------------------*/

img{max-width:100%;}

#container {
  background: #FFF;
  padding-top: 0px;
}


/*--------------------------------------------------------
	headerSec
----------------------------------------------------------*/

.headerSec{
	background:#fff;
	width:100%;
	height:70px;
	text-align: center;
	border-bottom:1px solid #D0D0D0;
}


.headerSec .inner{
	position:relative;
	max-width:1200px;
	margin:0px auto 0px auto;
}

/*	siteID */
.headerSec .siteID{
	position:absolute;
	top:8px;
	width:180px;
}
.headerSec .siteID img{
	width:100%;
}


@media screen and (max-width: 959px) {
	.headerSec .siteID{
	top:8px;
	left:5px;
	width:150px;
	}

}

.main-wrapper__inner__sns-wrapper {
    top: 8px;
    right: 5px;
    width: 200px;
    text-align: right;
    position: absolute;
}



.main{
	padding:10px 0;
	background:url(../img/mainbg.png) no-repeat;
	text-align:center;
	background-size:cover;
}


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

.headerSec{
    overflow:hidden;
    padding:0px 0px 0px 0px;
    height:60px;
    margin:0px;
    width:100%;
  }
	
.main{
	padding-top:0px;
}
}




.day{
	padding:100px 0;
	background:#83CBE1 url(../img/worldbg.png) center;
	text-align:center;
	background-size:cover;
}

.domain{
	padding:100px 0;
	background:url(../img/cir.png) center;
	text-align:center;
	background-size:cover;
}



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

.day{
	padding:30px 10px;
}

.domain{
	padding:30px 10px;
}

}


.bdrbox{
	border:15px solid #F55682;
	max-width:1200px;
	margin: 20px auto;
	padding:30px 0;
}

.bdrbox ul{
	text-align:center;
}

.bdrbox li{
	text-align:center;
	display: inline-block;
    padding: 0 30px;
	font-size:7.0rem;
	text-decoration:underline;
}

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

.bdrbox{
	border:8px solid #F55682;
	max-width:1200px;
	margin: 10px auto;
	padding:10px;
}
.bdrbox li{
    padding: 0 20px;
	font-size:4.0rem;
}
}

.uniq{
	padding:100px 0;
	background:url(../img/pk_bg.png) center;
	text-align:center;
	background-size:cover;
}

@media screen and (max-width: 959px) {
.uniq{
	padding:30px 10px;
	background-size:cover;
}
}


/*
link
-------------------------------------------*/

.linkarea{
	padding:100px 0 150px;
	background:url(../img/fline.png) bottom repeat-x;
	text-align:center;
	margin-bottom:5px;
	background-size:contain;
}



a.link{
	max-width:800px;
	margin:0px auto 0px auto;
	text-align:center;
	display:block;
	border:15px solid #F55682;
	font-size:4.0rem;
	font-weight:bold;
	color:#F55682;
	padding:12px 0px;
	position:relative;
	background:#fff;
	border-radius:60px;
}

  
a.link:hover{
	  background:#F55682;
	  color:#fff;
}

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

.linkarea{
	padding:40px 10px 80px;
	background-size:auto 25px;
}


a.link{
	margin:0px auto;
	border:8px solid #F55682;
	font-size:2.0rem;
	border-radius:40px;
}

}

 
/*--------------------------------------------------------
	footerSec
----------------------------------------------------------*/
footer{
	padding:30px 0;
	width: 100%;
	color: #fff;
	background: #F55682 url(../img/fbg.png) repeat-x;
	font-size:1.6rem;
  text-align:center;
}