@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:#fffaf7;
}

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

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

button.show_menu{
  margin:2% auto;
		width:12%;
  float:right;
}

ul.sidr-ul{
  margin:5% auto;
		width:100%;
		max-width:500px;
		display:flex;
		flex-direction: row wrap;
		justify-content: space-between;
}

ul.sidr-ul li{padding:2%}

p.title{
margin:2% auto;
width:100%;
max-width:500px;
border-bottom:5px dotted #f7c6bd;
text-align: center;
padding-bottom:3%;
}

p.title img{width:15%;
}

p.line{
margin:6% auto;
width:100%;
max-width:500px;
border-top:5px dotted #f7c6bd;
text-align: center;
padding-top:3%;
}


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


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

p.sidr-logo{width:40%}

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


p.title{
margin:3% auto;
width:80%;
max-width:500px;
border-bottom:5px dotted #f7c6bd;
text-align: center;
padding-bottom:3%;
}

p.title img{width:23%;
}

p.line{
margin:6% auto;
width:80%;
max-width:500px;
border-top:5px dotted #f7c6bd;
text-align: center;
padding-top:3%;
}


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


/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

ul.sidr-ul{
		width:40%;
		display:block;
}


ul.sidr-ul li{
margin:3% auto;
padding:10%;
}

ul.sidr-ul li:nth-of-type(2){
width:87%;
}
ul.sidr-ul li:nth-of-type(3){
width:72%;
}


 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */


 /* ---------------------------------- */
}