@charset "UTF-8";
body {
	/*base*/
	color:rgb(33,33,33);
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, Arial, "メイリオ", Meiryo, "MS Pゴシック", 'MS PGothic', arial, helvetica, sans-serif;
	font-size:16px;
	line-height:1.8;
	word-wrap:break-word;
	font-feature-settings : "pkna" 1;
	letter-spacing:0.2px;
	/*each*/
	background:#;
}
p{
	/*base*/
	text-align:justify;
}
a{
	/*base*/
	color:rgb(33,33,33);
	text-decoration:none;
}

/*-----------------------------------------------------
//
ここから編集可能
//
--------------------------------------------------------*/
#sidr{
  margin:0 auto;
		width:100%;
		background-color:#ebebeb;
}

.drw-float{
  margin:1% auto 0;
		width:100%;
		max-width:550px;
		padding:3%;
		position:relative;
}

p.sidr-logo{
  margin:0 auto;
		width:70%;
  float:left;
}

p.sidr-logo img{
		width:100%;
}
button.show_menu{
  margin:1% auto;
		width:12%;
  float:right;
}

ul.sidr-ul{
  margin:2% auto;
		width:100%;
		max-width:500px;
}
ul.sidr-ul li{
  margin:1% auto;
		width:100%;
		max-width:500px;
  border-bottom:1px solid #000;
  padding:2% 4%;
  font-size: 20px;
  text-align: left;

}

/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 580px) {
 /* ************** */


.drw-float{padding:2% 5%;}

p.sidr-logo{width:60%}

button.show_menu{
  margin:0 auto;
}
button.show_menu{width:12%;}

ul.sidr-ul{padding:0 4%;}
ul.sidr-ul li{
  font-size: 16px;
}


 /* *************** */
}