/* スマホ・タブレット */
@media screen and (max-width: 1200px){
	
	
	
	
	
	
	div#body {
    overflow: hidden;
}
	#site-logo {
    margin: 9px 0px;
}
			.spnone{display:none;}
.mobile_menu_active #headerwrap #main-nav a:before {
    content: "■";
    transform: unset;
    background: none;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    top: 0;
    padding-right: 5px;
    color: #6e3f3f;
}
	.mobile_menu_active #headerwrap #main-nav .sub-menu a:before {
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-weight: 900;
}
	.mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a {
    text-align: left;
        padding: 10px 0;
}
	/* スマホサブメニュー開きっぱなし
		span.child-arrow {
    display: none;
}
.mobile_menu_active #headerwrap #main-nav>li>ul.sub-menu {
    max-height: unset;
}
	 */
	.fixed-header-enabled #headerwrap.fixed-header div#site-logo {
    margin: 2px 0;
}
	#headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) {
    width: 135px;
}
	#headerwrap #site-logo a img{
    width: 158px;
    max-height: unset;
}
}
/* スマホ・タブレットここまで */

/* PC・タブレット */
@media screen and (min-width: 680px){
    .layout5-1 .sub_column.module_column.first {
    width: 13%;
}
.layout5-1 .sub_column.module_column.last {
    width: 83.8%;
}
    div.layout5-3 .sub_column.module_column.first {
    width: 40%;
}
  div.layout5-3 .sub_column.module_column.last {
    width: 56.4%;
}
      div.layout3-5 .sub_column.module_column.first {
    width: 56.4%; 
}
  div.layout3-5 .sub_column.module_column.last {
   width: 40%;
}
    .hside div.module_column.col4-3 {
    width: 71%;
}
  .hside .module_column.col4-1 {
    width: 24%;
    margin-left: 5%;
}
}
/* PC・タブレットここまで */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
