@charset "shift_jis";
html{
  scroll-padding-top: 500px;
}
#danwaku{
padding:30px;
background: url("../images/5dan/.jpg") center center / cover no-repeat fixed;
border-radius:5px;
margin:0 auto;max-width:1100px;margin-bottom:0;

}

.full5{
background:#fff url("../images/5dan/0326_1.jpg") center center / cover no-repeat fixed;
	margin: 0 calc(50% - 50vw);
	padding: 0px calc(50vw - 50% + 8px);
	width: 100vw;
}

main{
background:#fff url("../images/5dan/0326_1.jpg") center center / cover no-repeat fixed;
}


.white{
background:rgba(255,255,255,0.9) url("../images/5dan/sakura.png") no-repeat right bottom;
padding:20px;border-radius:5px;
max-width:750px;margin:0 auto;
margin-top:20px;padding:20px;
}

.white2{
max-width:1000px;margin:0 auto;border-radius:5px;
background:rgba(255,255,255,0.8) ;padding:20px;
}

.kakoi1{width:530px;margin:0 auto;}

.white2 a{text-decoration:none;color:#171C61;}
.white2 a:hover{text-decoration:none;color:#389a38;}

.white3{max-width:750px;margin:0 auto;}

#danwaku i{margin-right:5px;}

#danwaku h3{background:#0085ff;color:#fff000;
border-left:none;text-align:center;
border-radius:20px;margin-bottom:10px;
^}

.mbl10{margin-left:10px;}
.mbl20{margin-left:20px;}

#danwaku h4{color:#FFF;
	padding: 5px;	/*ボックス内の余白*/
	margin-bottom: 10px;	/*下に空けるスペース*/
	text-align:center;
	background:#0085ff;font-size:18px;
	line-height:1.5;border-radius:20px;
^}

.lh1{line-height:1.2;margin-bottom:5px;}
.lh1_5{line-height:1.5;margin-bottom:5px;}

.lh1_8{line-height:1.8;margin-bottom:20px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.mt5{margin-top:5px;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mb25{margin-bottom:27px;}
.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}

.fs17{font-size:17px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;line-height:1.2;}

.line_red{border-bottom:solid 1px #FF0000;}

.pink{color:#ff00ae;}

#danwaku .btn1 a{
	width:320px;
	display: inline-block;
	text-decoration: none;
	border: none;
	background: linear-gradient(#a5fc86, #02d024);
	font-size:24px;
	color: #171C61;			/*文字色*/
	border-radius: 30px;		/*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
	padding: 5px 25px 2px 25px;		/*上、右、下、左のボタン内の余白*/
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒のことで0.2は色が20%ついた状態。*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	}

/*ボタン2のマウスオン時*/
#danwaku .btn1 a:hover{
	background: linear-gradient(#02d024, #a5fc86);
}


#danwaku .btn2 a{
	width:320px;
	display: inline-block;
	text-decoration: none;
	border: none;
	background: linear-gradient(#ffe328, #efaf01);
	font-size:24px;
	color: #171C61;			/*文字色*/
	border-radius: 30px;		/*角丸のサイズ。ほんの少しだけ角が丸くなります。*/
	padding: 5px 25px 2px 25px;		/*上、右、下、左のボタン内の余白*/
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、ぼかし幅。0,0,0は黒のことで0.2は色が20%ついた状態。*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/*ボタンのマウスオン時*/
#danwaku .btn2 a:hover{
	background: linear-gradient(#efaf01, #ffe328);	
}

.anchor {
  padding-top: 100px;
  margin-top: 100px;
}


@media screen and (min-width:850px) {

#danwaku .br-sp_d{display:none;}

}


@media screen and (min-width:750px) {
#danwaku .br-sp_d{display:none;}
}

@media screen and (min-width:450px) {
#danwaku .br-sp_d3{display:none;}
}

@media screen and (max-width:850px) {
#danwaku{
padding:10px;}
.white,.white2{padding:10px;}
}


@media screen and (max-width:750px) {
.kakoi1{width:90%;}
}

@media screen and (max-width:650px) {
.kakoi1{width:100%;}
}
@media screen and (max-width:400px) {
#danwaku{
padding:5px;}
.white{padding:10px;}
#danwaku .btn1 a,#danwaku .btn2 a{width:100%;font-size:17px;}
.fs40{font-size:30px;line-height:1.2;}
.mbl10{margin-left:5px;}
.mbl20{margin-left:10px;}
.ptc{text-align:center;}
.lh1
}
@media screen and (max-width:340px) {
#danwaku .btn1 a,#danwaku .btn2 a{width:100%;font-size:15px;}
.fs40{font-size:26px;line-height:1.2;}

#danwaku .br-sp_d2{display:none;}
}
}