/********レスポンシブ背景白余白あり*******/
#v_all01{
width:480px;

background-image: url("https://muscatchat.info/img/bg2.png");/*元bg.png*/
margin:0px auto;
padding:0;
padding:0;
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

/*--------------------------------
▲ ウィンドウ幅が800px以上の場合 ▲
--------------------------------*/
/*--------------------------------
▼ ウィンドウ幅が799px以下の場合 ▼
--------------------------------*/
@media screen and (max-width:799px){
#v_all01{
width:100%;

background-image: url("https://muscatchat.info/img/bg2.png");
margin:0 auto;
padding:0px 0px;
	background-attachment: fixed;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
}
/*登録フォーム周り*/
#informationFrame{
	height: 80px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

input.text-num{
	ime-mode: disabled;
}


/**************************************************
**
** 	FORM
**
***************************************************/

#form {
	background-color: #FFFFFF;
	width: 90%;
	padding: 20px 10px 20px 10px;
	margin: 15px auto 15px;
	border-radius: 10px;
}

#form ul{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: both;
}

#form ul li{
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #999999;
	list-style-type: none;
	clear: both;
}

#form ul li p{
	background-image: url("https://www.123chat.jp/images/icon/icon-heart.png");
	background-repeat: no-repeat;
	background-size: 30px 19px;
	color: #000000;
	font-weight: bold;
	padding-left: 32px;
	padding-bottom: 5px;
}

#form ul li p span{
	font-weight: normal;
}

#form label {
	color: #000000;
	font-weight: bold;
	margin-bottom: 3px;
}

.form-comment {
	text-align: right;
}

#text-length{
	color: #FF0000;
	font-weight: bold;
}

.month-day-select {
	float: left;
}

.month-day-select label {
	position: relative;
}

.month-day-select select{
	width: 80px;
	margin-right: 15px;
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #B0B0B0;
	background: #eee;
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%,#EEEEEE 100%);
}

.month-day-select label:after {
	display: block;
	content: " ";
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(https://www.123chat.jp/images/selecter-arrow.png) 0 0 no-repeat;
	background-size: 20px;
	pointer-events: none;
}

.submit-area{
	text-align: center;
}

#edit-button{
	background-image: url(https://www.123chat.jp/images/smart/button/button-edit.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #FFFFFF;
	width: 250px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	border: none;
    display: inline;
}

#update{

}

submit.submit-button{
	background-color: #FF3366;
    width: 50%;
    height: 60px;
    display: block;
    font-size: 120%;
	text-align: center;
	line-height: 60px;
    cursor: pointer;
    border: none;
	border-radius: 10px;
    color: #fff;
	margin: 15px auto;
    -webkit-transition: background-color 0.2s linear, color 0.2s linear, border-color 0.2s linear;
}


#prizeButton{
	background-color: #0099FF;
	width: 250px;
	height: 50px;
	line-height: 50px;
	color: #FF0000;
	text-align: center;
	margin: 15px auto 15px;
	border-radius: 20px;
}

#prizeButton a{
	color: #FFFFFF;
	display: block;
}

/*デフォルトココまで*/

.cp_iptxt {
	position: relative;
	width: 80%;
	margin: 10px 3%;
padding:12px;
line-height:0.3em;
border-radius: 10px;
}
.cp_iptxt input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #1b2538;
	border-radius: 15px;
}
.ef input[type='text']:focus {
	border: 2px solid #da3c41;
	outline: none;
	box-shadow: 0 0 5px 1px rgba(218,60,65, .5);
}


/*登録フォーム周り*/


.v_floatcl{
clear:both;　/*floatの解除、ここがポイント*/
}

.v_gsbl01{
padding:2px 0px;
background: #EEEEEE;
}

.v_mus03{
background:#444;
padding:4px; 
line-height:1.5em;
color:#FFF;
}

.v_top_01b{
width:100%;
border-top:3px solid #F81B73;
border-bottom:1px solid #CCC;
color:#000;
background:#FFF;/*#0085B2*/
margin:0px auto 4px auto;
}

/*■上段200519■*/
.v_top_01img{
padding:4px;
width:15%;
background:#FFF;/*#0085B2*/
float:left;
}

.v_top_01text{
padding:4px;
font-size:18px;
font-weight:bold;
width:80%;
background:#FFF;/*#0085B2*/
float:left;
line-height:1.5em;
}

.v_newpg003{
margin:4px auto 0px auto;
text-align:right;
}

/*日付*/
span.v_newptext01b{
font-size:12px;
/*text-shadow: 1px 1px 1px #CCC;*/
color:#000;/*#EA0000赤*/
}

.v_block00{
position: relative;
}



/*パララックスCSS*/
.sticky {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
p {
	display: inline-block;
	font-size: 60px;
	padding: 0;
	margin: 0;
}
.header {
	/*元background: #212E32;*/
	color: #fff;
	z-index: 100;
/*追加*/
background-image: url('../img/head_01_back.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/**/
}

.content_1 {
	background: #FFF;
/*追加*/
background-image: url('../img/top_01_back.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/
	z-index: 200;

}

.content_2 {
	/*元background: #f0f;*/
	  z-index: 300;
/*追加*/
background-image: url('../img/top_02_back.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/
	
}

.content_3 {
	/*元background: #00f;*/
	z-index: 400;
/*追加*/
background-image: url('../img/top_03_back.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/

}

.content_3_1 {
	/*元background: #00f;*/
	z-index: 400;
}

.content_4 {
	/*元background: #00f;*/
	z-index: 400;
/*追加*/
background-image: url('../img/top_04_back.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/

}

.content_4_1 {
	/*元background: #00f;*/
	z-index: 400;
}



.content_5 {
	/*元background: #00f;*/
	z-index: 400;
/*追加*/
background-image: url('../img/top_05_back.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/

}

.content_5_1 {
	/*元background: #00f;*/
	z-index: 400;
}

.content_6 {
	/*元background: #00f;*/
	z-index: 400;
/*追加*/
background-image: url('../img/top_06_back.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/

}


.footer {
	/*元background: #0ff;*/
	z-index: 500;
background-image: url('https://muscatchat.info/w/img_nijikare/top05.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
/*追加*/

}


/*画像*/

.km02_block00{
	position: relative;
	border-bottom: 0px solid #403838;
}

.km02_block01_img02{
	position: absolute;
	top: 0;
	left: 0;
}

.km02_block01_img03{
	position: absolute;
	top: 0;
	left: 0;
}

.km02_block01 img {
	animation-name: album;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	opacity: 0;
}

.km02_block01 .km02_block01_img02 {
	animation-delay:3s;
}

.km02_block01 .km02_block01_img03 {
	animation-delay:6s;
}



.km02_block02{
  position: absolute;
  top:0;
}



/*アニメーションの変化を指定*/
@keyframes album2 {
	0% {
		opacity: 0;
	}
	
	4% {/*3枚は4%*/
		opacity: 1;
	}

	32% {/*3枚は32%*/
		opacity: 1;
	}
	40% {/*3枚は40%*/
		opacity: 0;
}
}



.km02_block01_btn01{
	position: absolute;
	bottom: 20px;
	left: 0;
}


.km02_block01_btn02{
	position: absolute;
	bottom: -20px;
	left: 0;
}


.km02_block01_btn03{
	position: absolute;
	bottom: 20px;
	left: 0;
}



.km02_block01_btn04{
	position: absolute;
	bottom: -60px;
	left: 0;
}



.km02_block01_btn05{
	position: absolute;
	bottom: -60px;
	left: 0;
}


.km02_block01_btn06{
	position: absolute;
	bottom: 10px;
	left: 0;
}


/*-----------スライダー等の特別-----------------*/

.slider4 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin: 20px 0;
}

.slides4 {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /*
  scroll-snap-points-x: repeat(300px);
  scroll-snap-type: mandatory;
  */
}
.slides4::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.slides4::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 10px;
}
.slides4::-webkit-scrollbar-track {
  background: transparent;
}
.slides4 > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 80%;
max-height: 500px;/*←これは適当に追加*/
/*height: 500px;デフォるとはこっち*/
  margin-right: 50px;
  border-radius: 10px;
  background: #eee;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.slides4 > div:target {
/*   transform: scale(0.8); */
}
.author-info4 {
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 0.75rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.author-info4 a {
  color: white;
}
img4 {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slider4 > a {
  display:none;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
.slider4 > a:active {
  top: 1px;
}
.slider4 > a:focus {
  background: #000;
}

/* Don't need button navigation */
@supports (scroll-snap-type) {
  .slider4 > a {
    display: none;
  }
}





/*非表示をコメントアウトしています*/
/*
*,
*::after,
*::before {
  box-sizing: border-box;
}




/**/
.v_box_obi_01{
	position: relative;
	border-bottom: 0px solid #403838;
}


.v_box_obi_02{
	position: absolute;
	top: -20px;
	left: 0;
z-index:10;
}


/*送り画像*/
.okuri_box_a_01{
	position: relative;
	border-bottom: 0px solid #403838;
}


.okuri_box_a_02{
  position: absolute;
  top:0;
}


.okuri_img_a_02{
	position: absolute;
	top: 0;
	left: 0;
}

.okuri_img_a_03{
	position: absolute;
	top: 0;
	left: 0;
}

.okuri_box_a03 img {
	animation-name: okuri_01;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	opacity: 0;
}

.okuri_box_a03 .okuri_img_a_02 {
	animation-delay:3s;
}

.okuri_box_a03 .okuri_img_a_03 {
	animation-delay:6s;
}

/*アニメーションの変化を指定*/
@keyframes okuri_01 {
	0% {
		opacity: 0;
	}
	
	4% {/*3枚は4%*/
		opacity: 1;
	}

	32% {/*3枚は32%*/
		opacity: 1;
	}
	40% {/*3枚は40%*/
		opacity: 0;
}
}




/*送り画像*/




/*送り画像*/
.okuri02_box_a_01{
	position: relative;
	border-bottom: 0px solid #403838;
}


.okuri02_box_a_02{
  position: absolute;
  top:0;
}


.okuri02_img_a_02{
	position: absolute;
	top: 0;
	left: 0;
}

.okuri02_img_a_03{
	position: absolute;
	top: 0;
	left: 0;
}

.okuri02_box_a03 img {
	animation-name: okuri02_01;
	animation-duration: 12s;/*9s*/
	animation-iteration-count: infinite;
	opacity: 0;
}

.okuri02_box_a03 .okuri02_img_a_02 {
	animation-delay:4s;/*3s*/
}

.okuri02_box_a03 .okuri02_img_a_03 {
	animation-delay:8s;/*6s*/
}

/*アニメーションの変化を指定*/
@keyframes okuri02_01 {
	0% {
		opacity: 0;
	}
	
	4% {/*3枚は4%*/
		opacity: 1;
	}

	32% {/*3枚は32%*/
		opacity: 1;
	}
	40% {/*3枚は40%*/
		opacity: 0;
}
}




/*送り画像*/





/*フッター固定*/
.footer_220728_01{
position: fixed;
bottom: 0; /*下に固定*/
left: 0;
}


.bg_test {
    background-image: url('https://plusmate-a.link/02/img/back_img.png');     /* 背景画像指定 */
    background-repeat: repeat;                /* 背景の繰り返し設定 */
}