body {
	color: #444444;
}

.entry-content p {
	margin-bottom: 40px;
}

/*------------------------
  ▼　3:7のカラム　▼
-----------------------*/
.container {
  width: 100%;
  margin:0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {/*画像部位*/
  float: left;
  width: 25%;
  height: auto;
}

.side {/*コメント部位*/
  float: right;
  width: 60%;
  height: auto;
}

.clear {
  clear: both;/*floatの解除*/
}

/*------------------------
  ▼　ロゴ　▼
-----------------------*/
#logo, #logo img, .desktop-nav li a, #drawer__open {
    height: 70px;/*スマホ用サイズ*/
    line-height: 70px;/*スマホ用サイズ*/
}
/* ▼PC */
@media only screen and (min-width: 768px) {
    #logo, #logo img, .desktop-nav li a {
       height: 200px;/*768px〜で見たとき用サイズ*/
       line-height: 120px;/*768px〜で見たとき用サイズ*/
    }
}

/*------------------------
  ▼h1,h2,h3,h4,h5など▼
-----------------------*/

/* ▼h2 */
.entry-content h2{
	font-size: 130%;/*文字大きさ*/
	font-weight: bold;
	color: #555555;
	margin: 60px 0px 40px 0px;
	padding: 40px 10px 40px 10px;
	border-top: solid 3px #EAA056;
	border-bottom: solid 3px #EAA056;
	text-align: center;
}


/* ▼h3 */
.entry-content h3{
    font-size: 120%;
    margin: 60px 0px 20px 0px;
    padding: 10px 15px 10px 0px;
	  letter-spacing: 1px;
		text-align: center;
    border-left: none;
		border-bottom: solid 1px #444444;
}


/* ▼h4  */
.entry-content h4{
	font-size: 100%;
  border-left: 5px solid #EBA04C;
	padding: 10px 0 10px 10px;
	margin: 20px 0px 10px 5px;
  letter-spacing: 1px;
}

/* boxred */
.box-red {
		background: #FBF0EB;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.box-gray {
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.ss {
  margin-bottom: 20px;
}

.ms {
  margin-bottom: 40px;
}

.bs {
  margin-bottom: 60px;
}

.ls {
  margin-bottom: 80px;
}

.xls {
  margin-bottom: 100px;
}