@charset "UTF-8";
/* CSS Document */
	/*共通CSS*/
	/*WordPress対策・全ページ余白なし*/
	* {
		margin: 0;
		padding: 0;
	}
	
	body {
		margin: 0;
		padding: 0;
		color: #fff;
		background: #fff;
		font-family: "Shippori Mincho", serif;
	}
	
	img {
		vertical-align: bottom; /*下に余白を作らない*/
		max-width: 100%;
		width: 100vw;
	}
	
	p,h1,h2,h3,h4,span {
	}
	
    ul li{
		list-style: none;
	}

	a {
		text-decoration: none;
		color:#000;
	}

	a:hover{
		opacity: 0.7;
	}

	.anker{
		margin-top: -50px;
		padding-top: 50px;
	}

	/* input全体に指定する場合は以下 */
input{
    -webkit-appearance: none;
}

input[type="checkbox"] {
    appearance: auto !important;
	width: 13px !important;
    height: 13px !important;
}
	
	.wrap {
		overflow: hidden;
	}
	
	/*floatを解除する*/
	.clear {
		clear: both;
	}

	.all-page {
		position: relative;
		z-index: 1;
		width: 100%;
		height: auto;
	}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*PC*/
@media only screen and (min-width: 769px){	
		.sp { display: none !important; }
	
	.main_sc{
		position: relative;
		max-width: 40%;
		overflow: hidden;
		margin: auto;
		border-left: 6px solid #e40046;
    	border-right: 6px solid #e40046;
		z-index: 999;
	}
	
	.back_w{
		position: fixed;
        width: 100vw;
		height: 100vh;
        background: url(https://testsite.d-sky-n.com/wp-content/themes/kango2026/images/PC-top-back.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
	}

	.line_a {
    width: 100%;
    height: 4vh;
    position: absolute;
    top: 0;
	z-index: -1;
    background: #e40046;
	}

	.line_b {
    width: 100%;
    height: 4vh;
    position: absolute;
    bottom: 0;
    background: #e40046;
	}
	
	p.footer-credit {
		text-align: center;
		padding: 20px 0;
		background: #e40046;
		font-size: 12px;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
	
	.logo {
		width: 20%;
		padding: 0.6% 2%;
		background: #fff;
		border-bottom: 6px solid #e40046;
		border-right: 6px solid #e40046;
		border-radius: 0 0 20px;
	}
	
	.bgr {
		position: absolute;
		top: 0;
		right: 0;
		width: 20%;
		padding: 1% 2.6%;
		background: #fff;
		border-bottom: 6px solid #e40046;
		border-left: 6px solid #e40046;
		border-radius: 0 0 0 20px;
	}
	
	.bgr a{
		color:#e40046;
	}
	
	.greet {
		position: absolute;
		top: 15%;
        left: 7%;
        width: 24%;
	}

	.days{
		position: absolute;
        top: 15%;
        right: 7%;
        width: 24%;
	}

	.days .day01{
		height: 18vw;
		overflow: hidden;
		border-top: 6px solid #e40046;
        border-right: 6px solid #e40046;
        border-radius: 0 20px 0 0;
        padding:2% 7% 5% 13%;
		background:#fff;
	}

	.greet .day01{
		height: 18vw;
		overflow: hidden;
		border-top: 6px solid #e40046;
        border-bottom: 6px solid #e40046;
        border-left: 6px solid #e40046;
        border-radius: 20px 0 0 0;
        padding:2% 13% 2% 7%;
		background:#fff7a2;
	}

	.festa{
		margin-top: 6%;
	}

	.days .day02{
		position: relative;
		height: 14vw;
        border-bottom: 6px solid #e40046;
        border-right: 6px solid #e40046;
        border-radius: 0 0 20px 0;
        padding:2% 7% 0% 13%;
        background: #FCEAE8;
	}

	.nai{
		width: 17.4vw;
		margin-left: 1.4%;
	}

	.kan{
		display: block;
		width: 18vw;
		margin: 0 auto;
	}

	.greet .day02{
		position: relative;
		height: 14vw;
        border-bottom: 6px solid #e40046;
        border-left: 6px solid #e40046;
        border-radius: 0 0 0 20px;
        padding:1% 13% 1% 7%;
        background: #cce9fa;
	}

	.greet .dayp{
		position: relative;
        top: -3%;
        left: -10%;
        width: 98%;
        border-radius: 0 0 10px 0;
        padding: 2% 2% 1% 10%;
        background: #e40046;
	}
	
	.dayp img{
		width: 97%;
        margin-bottom: 2.4%;
	}
	
	.mov {
		aspect-ratio: 16 / 9;
        margin: 3.8% 0 1% 0;
        width: 94%;
        height: auto;
	}
	
	.bgun{
		width: 28%;
        height: 8vh;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #e40046;
        border-radius: 10px 0 0 0;
	}
	
	.bgun img{
		display: inline-block;
        width: 32%;
        vertical-align: top;
        margin-left: 3%;
        margin-top: 3%;
	}
	
	.bgun p{
		display: inline-block;
		width: 63%;
        vertical-align: bottom;
        font-size: 0.7vw;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
	
	.by{
		background: url(https://testsite.d-sky-n.com//wp-content/themes/kango2026/images/PC-center-back.jpg);
		background-size: cover;
		padding: 20px;
	}
	
	.by img{
		margin: 20px 0;
	}

	.tenji{
		position: relative;
	}

	.ema{
		position: absolute;
        top: -18px;
        right: 0;
        width: 12vw;
	}
	
	.btn {
		position: absolute;
		bottom: 4%;
		transform: translateX(-50%);
		left: 50%;
		width: 82%;
	}
	
	.endp{
		background: #fff;
		padding: 20px;
	}
	
	.endp a{
		font-size: 1.54vw;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
}

@media only screen and (max-width: 768px) {
	    .pc { display: none !important; }
		.sp { display: block !important; }
	
	.main_sc{
		position: relative;
		max-width: 100%;
		overflow: hidden;
		margin: auto;
		z-index: 999;
	}
	
	.by{
		background: url(https://testsite.d-sky-n.com/wp-content/themes/kango2026/images/PC-center-back.jpg);
		background-size: cover;
		padding: 20px;
	}
	
	.by img{
		margin: 20px 0;
	}

	.tenji{
		position: relative;
	}

	.ema{
		position: absolute;
        top: -18px;
        right: 0;
        width: 30vw;
	}
	
	.btn {
		position: absolute;
		bottom: 4%;
		transform: translateX(-50%);
		left: 50%;
		width: 82%;
	}
	
	.endp{
		background: #fff;
		padding: 20px;
	}
	
	.endp a{
		font-size: 14px;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
	
	p.footer-credit {
		text-align: center;
		padding: 20px 0;
		background: #e40046;
		font-size: 12px;
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	}
}