/*--header--*/

header {
  width:100%;
  background:#FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
/*  align-items: center;*/
  box-sizing:border-box;
}
/* 55thロゴ */
header h1 {
    display: flex;
    align-items: center;
    padding:7px 10px;
}

header h1 img {
    height: 40px;
    width: auto;
    display:block;
}
/* 通常ロゴ
header h1{
  padding:14px 10px;
}
header h1 img {
  width:100px;
  height:23px;
  display:block;
}
*/
header > a {
  color:#666;
  padding:14px 10px;
  font-size:1.4rem;
  text-decoration:none !important;
  display:inline-block;
}

/* SNSボタン */

.sns_share_btn{
 width:100%;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	padding:10px 10px 6px;
 box-sizing:border-box;
	line-height:1;
	vertical-align:baseline;
 background:#EEE;
}

.sns_share_btn > div{
	margin-left:10px;
}

.sns_share_btn .line img{
	vertical-align:bottom;
	width:auto;
	height:20px !important;
	cursor: pointer;
}

.sns_share_btn a{
	display:block;
	cursor: pointer;
}

.sns_share_btn img{
	cursor: pointer;
	vertical-align:bottom;
	display:block;
}



/*--footer--*/

footer {
  width:100%;
  background:#FFF000;
  padding:95px 10px 90px;
  box-sizing:border-box;
}
footer > div {
  width:100%;
}
footer img{
 display:block;
 margin:0 auto 45px;
 width: 60px;
 height: 60px;
}
footer span {
  font-size:14px;
  color:#231815;
  display: block;
  text-align:center;
}


/* anchor */

#anchor {
    position: fixed;
    right:10px;
    z-index:999;
}
#anchor a {
  display: block;
  width: 60px;
  height: 60px;
  border:1px solid #FFF;
  background:#E4005C;
  border-radius:50%/50%;
  padding: 13px 10px 7px;
  box-sizing: border-box;
}
#anchor img{
    width: 100%;
    height: auto;
}

/* 矢印 */

.ar_r:after {
  content:url(../img/ar_red_r.svg);
  vertical-align:middle;
  margin-left:8px;
}


/* .btn_cl */

.btn_cl a:hover{
	opacity: 0.6;
}




@media print,screen and (min-width: 768px) {
/* 55thロゴ */
header h1 img {
    width: auto;
}
/* 通常ロゴ
header h1 img {
  width: auto;
  height: 23px;
}*/

}


@media print,screen and (min-width: 1024px) {

/*--header--*/

/* 55thロゴ*/
header {
  width:960px;
  margin:0 auto;
  flex-wrap: wrap;
  align-items: center;
  padding: 7px 10px;
}
header h1 {
	padding:0;
}	
header h1 img {
	height: 46px;
	width: auto;
}
/* 通常ロゴ
header {
  width:960px;
  margin:0 auto;
  flex-wrap: wrap;
  align-items: center;
  padding:20px 0;
}
header h1{
 order:1;
 padding:0;
}
header h1 img {
  display:block;
  width: 402px;
  height: auto;
}
*/
header > a {
  font-size:1.6rem;
  padding: 0;
  order:3;
}

/* SNSボタン */

.sns_share_btn{
 width:auto;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-end;
 align-items: flex-end;
 order:2;
 background:none;
 padding:0;
}

.sns_share_btn > div{
	margin-left:10px;
}
.sns_share_btn > div > iframe {
 vertical-align: bottom;
}

.sns_share_btn .line {
  display:none;
}





/*--footer--*/

footer {
  width:100%;
  min-width: 960px;
  height:320px;
  padding-top: 94px !important;
  box-sizing:border-box;
}
  
footer > div {
  width:960px;
  margin:0 auto;
}
  
footer img{
 display:block;
 margin:0 auto 50px;
}
  
footer span {
  font-size:14px;
  display: block;
  text-align:center;
}


/* anchor */

#anchor {
    position: fixed;
    bottom:-80px;
    right:30px;
}
  
#anchor a {
  display: block;
  width: 62px;
  height: 62px;
}
  
#anchor img{
    width: 100%;
    height: auto;
}

}




@media print,screen and (min-width: 1280px) {




/* anchor */

#anchor {
}
#anchor a {
  display: block;
  width: 62px;
  height: 62px;
  transition:ease-in .3s all;
}
#anchor a:hover{
  opacity:0.7;
}

}




@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .sns_share_btn {
    align-items:stretch;
  }

}