@charset 'UTF-8';

/* ------------------------------
　　headerの右まわり
------------------------------ */

.site-logo {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

.header-stack .site-name {
	margin: 15px 0 15px;
}



@media (min-width: 768px) {
 /* 768px（タブレット用）以上の記述 */
	.header-stack .site-name {
	text-align: center;
	padding: 0 0 0px;
	margin: 20px 0;
    }
.header-stack .header-logo {
	display: inline-block;
	width: auto;
    }
.site-logo {
	width: 410px;
    }


.header-info {
	float: right;
    /*border: 1px solid #ff0;*/
    }

.header-info ul {
	list-style: none;
    padding-left: 0;
    }
.header-info ul li {
	float: right;
    }
.header-info ul li:first-child {
	padding-left: 10px;
    }
    
.header-info .header-insta{
    margin: 35px 0px 0px 10px;
    }
}


@media (max-width: 1023px) {
.header-info {
	display: none;
}
.lower {
	display: none;
}
	
}


/*スマホ用　ロゴ入りヘッダー*/

.topl {
    text-align: left;
    padding: 0;
}
.topc {
    text-align: center;
	padding: 10px 0 0 0;
}
.topc .acms-img-responsive {
    max-height: 30px;
    display: inline-block;
}
.topr {
    text-align: right;
    padding: 0;
}