@charset "utf-8";
.wpcf7-form .wpcf7-select,.wrap_right input[type="text"],.wpcf7-form .wpcf7-date,.wrap_right input[type="email"],.wrap_right input[type="tel"],.wpcf7-form textarea{
	color: #000 !important;
}
.red{
		color:#F00;
		font-weight:bold;
	}

.wrap_right{
	width:100%;
	max-width:980px;
	margin:0 auto 30px;
	text-align:center;
}

.wrap_right input[type="submit"] {
		border:1px solid #bbb;
		background: #C08B9B;
/*↓背景グラデーションの指定です*/
		background: -moz-linear-gradient(top, #E7D6DB, #C08B9B);
		background: -webkit-linear-gradient(top, #E7D6DB, #C08B9B);
		background: linear-gradient(#E7D6DB, #C08B9B);
/*↓以下、ボックスの角丸、シャドウの指定*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 1px 1px 1px #fff;
		-moz-box-shadow: 1px 1px 1px #fff;
		box-shadow: 1px 1px 1px #fff;
		cursor:pointer;     /*←これでカーソルを指先型に変化させる*/
		color:#F30;
		font-weight:normal;
		font-size:14px;
		padding:10px 0;
		margin:10px 0 0 0;
		width:115px !important;
	}

	.wrap_right input[type="submit"]:hover {
		text-decoration:underline;
		opacity: 0.8;
	}
	
	.wrap_right h3{
		position: relative;
		color: #fff;
		background: #B92A2C;
		font-size: 1.143em;
		font-weight: bold;
		margin: 0 -1.8em 1.5em -1.8em;
		padding: 0.8em;
		box-shadow: 0 1px 3px #777;
		-moz-box-shadow: 0 1px 3px #777;
		-webkit-box-shadow: 0 1px 3px #777;
		-o-box-shadow: 0 1px 3px #777;
		-ms-box-shadow: 0 1px 3px #777;
	}

	.wrap_right h3:after, .wrap_right h3:before{
		content: "";
		position: absolute;
		top: 100%;
		height: 0;
		width: 0;
		border: 5px solid transparent;
		border-top: 5px solid #333;
	}
 
	.wrap_right h3:before{
		right: 0;
		border-left: 5px solid #333;
	}
 
	.wrap_right h3:after{
		left: 0;
		border-right: 5px solid #333;
	}

.wrap_right ul{
	display:flex;
	width:100%;
	margin:1% 0;
	background-color:#CCC;
	padding:0;
}

.wrap_right li{
	list-style:none;
	padding:1% ;
	text-align:left;
}

.wrap_right li:first-child{
		width:330px;
}

.wrap_right input[type="checkbox"]{
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	padding:10px;
	background-color:#FFF;
}

.wrap_right .wpcf7-select{
		height:40px;
	}

.wrap_right input[type="text"],.wrap_right input[type="date"],.wrap_right input[type="email"],.wrap_right input[type="tel"]{
	padding:0.5rem 0;
}

	.wrap_right .wpcf7-list-item {
		margin:0;
		display:inline-block;
		height:30px;
		margin-right:15px;
	}
	
	.wrap_right .wpcf7-list-item label{
		display:block;
	}

.wpcf7{
		width:98%;
		margin:0 auto !important;
		padding:0 ;
		max-width:980px;
}
#main{
	padding: 0 !important;
}
		
.header{
	display:block;
	width:100%;
	height:auto;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #09c302), color-stop(1.00, #00270b));
	background: -webkit-linear-gradient(#09c302, #00270b);
	background: -moz-linear-gradient(#09c302, #00270b);
	background: -o-linear-gradient(#09c302, #00270b);
	background: -ms-linear-gradient(#09c302, #00270b);
	background: linear-gradient(#09c302, #00270b);
	padding:0.1rem 0;
}

	.headervisual{
		height: 15px;
		width: 98%;
		padding-left:2%;
		margin-bottom:15px;	
	}
	
	.headervisual h2{
		font-size:130%;
		color:#FFF;
		font-weight:bold;
	}
	
.coment p{
	font-size:80%;
	margin:0 auto !important;
	width:96%;
}
	
	#flow_box{
		display:flex;
		width:100%;
		margin:1% 0;
		justify-content:  space-around;
		padding:0;
	}

	#flow_box li{
		font-size:12px;
		list-style:none;
		color:#009;
		line-height:1.3;
		padding:25px 0 0 0;
	}
	#flow_box li p{
		width:140px;
		margin-left:12px;
		margin-top: 15px;
	}
	#flow_box li img{
		margin-left:12px;
	}

	.flow_navi,.flow_navi2,.flow_navi3,.flow_navi4{
		text-align:left;
		width:160px;
		height:150px;
		background-repeat:no-repeat;
	}
	
	.flow_navi{
		background-image:url("../../images/viva/ski/flow1.gif");
	}

	.flow_navi2{
		background-image:url("../../images/viva/ski/flow2.gif");
	}

	.flow_navi3{
		background-image:url("../../images/viva/ski/flow3.gif");
	}

	.flow_navi4{
		background-image:url("../../images/viva/ski/flow4.gif");
	}

.space,.space2{
	margin:0 10px;
}

@media screen and (max-width: 576px){
.wp-block-navigation__responsive-container-open svg {
    height: 90px;
    width: 90px;
}
:where(.wp-site-blocks) > * {
    margin-block-start: 0;
 }
.header{
	width:98%;
	margin:0 auto;
}
 #flow_box {
    flex-wrap: wrap;
}
.wrap_right h3 {
	margin:0 0 1rem 0;
}
.wrap_right ul {
    display: block;
    padding: 1rem 0;
}
.space{
	margin:0 17px 0 10px;
}
.space2:before{
	display:block;
	content:"";
}
.wrap_right input[type="date"]{
    margin-bottom: 10px;
}
}