/* カスタム CSS をここに入力してください */

.post-10 {
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;    
}
@media screen and (max-width:450px){
.post-10 {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;    
}
	}

.hako {
  background: #fff;
	padding:10px;
	margin:5px;
	border: solid 1px #ccc;
}
.hako2 {
  background: #f9f7db;
	padding:2px;
}

.hako3 {
  background: #499cc2;
	padding:2px;
	font-size: 10px;
	color: #fff;
	border: solid 2px #fff;
}

.hakomiooki {
	color: #ee406d;
	padding:10px;
	margin:5px;
	text-align: center;
	font-size:6vw;
}

.hakomsyou {
	color: #4c2f0a;
	padding:10px;
	margin-top:-15px;
	font-size:2vw;
	text-align: center;
}

.hakomidori {
  background: #b0f9ab;
	padding:10px;
	margin:5px;
	border: solid 1px #ccc;
}

.midasiao {
  background: #c2edff;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
}

.midasiao2 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	margin:15px;
	font-size: 25px;
}

.parent {
  overflow: hidden;
}
.child1 {
  float: left;
  width: 50%;
}
.child2 {
  float: right;
  width: 50%;
}

.menyu99 {
     width:32.333333%;
     padding:1%;
     margin-right: 1%;
     float:left;
     box-sizing :border-box;
  }

.menyu555 {
     width:49%;
     padding:1%;
     margin-right: 1%;
     float:left;
     box-sizing :border-box;
  }
.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}

.btn-square-slant {
  display: inline-block;
  position: relative;
  padding: 0.5em 1.4em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 5px #36528c;/*ボタン色より暗めに*/
  border-right: solid 5px #5375bd;/*ボタン色より暗めに*/
}

.btn-square-slant:before {  
  content: " ";
  position: absolute;
  bottom: -5px;
  left: -1px;
  width: 0;
  height: 0;
  border-width: 0 6px 6px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFF;
}

.btn-square-slant:after {  
  content: " ";
  position: absolute;
  top: -1px;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 0px 6px 6px 0px;
  border-style: solid;
  border-color: #FFF;
  border-bottom-color: transparent;
}

.btn-square-slant:active {
  /*ボタンを押したとき*/
  border:none;
  -webkit-transform: translate(6px,6px);
  transform: translate(6px,6px);
}

.btn-square-slant:active:after, .btn-square-slant:active:before {
  content: none;/*ボタンを押すと線が消える*/
}

.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list5 li{
	position:relative;
	padding-left:20px;
}
.list5 li:before{
	content:''; 
	height:0px; 
	width: 90%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	border-bottom: 1px dashed #aaa;
}
.list5 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#aaa;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}



@media screen and (max-width:767px){
  .menyu99 {
   border-bottom: 1px solid #ccc;
  width: 100%;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
　　margin:auto;
}
		.menyu555 {
     width:100%;
     padding:1%;
     margin-right: 0%;
     float:left;
     box-sizing :border-box;
  }
	.hakomiooki {
	color: #ee406d;
	padding:10px;
	margin:5px;
	text-align: center;
	font-size:8vw;
}

.hakomsyou {
	color: #4c2f0a;
	padding:10px;
	margin-top:-15px;
	font-size:3vw;
	text-align: center;
}
  }