/* CSS Document */


/*------------------------------------------------------------------------------------------------------------------------------------------

* header

------------------------------------------------------------------------------------------------------------------------------------------*/

/* screen width 768px未満
---------------------------------------------------------------------*/
header{
	background: #FFFFFF;
}

header > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

/* 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;
}
*/

/* ar_r */
.ar_r{
	text-decoration: none;
	font-size: 1.4rem;
	color: #666;
	padding: 14px 10px;
}

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

/* SNSボタン */
.sns_share_btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #EEE;
	line-height: 1;
	padding: 10px;
	width: 100%;
}

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

.sns_share_btn .line img{
	height: 20px !important;
	width: auto;
}

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





/* 横向き用
---------------------------------------------------------------------*/

@media (orientation: landscape) {
}




/* TAB用768px～（TAB）
---------------------------------------------------------------------*/

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




/* iPad pro・ノートPC用1024px～（NPC）
---------------------------------------------------------------------*/

@media print,screen and (min-width: 1024px) {
	
	/* 55thロゴ*/
	header {
		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 > div{
		align-items: center;
		width:960px;
		margin:0 auto;
	}

	/* ar_r */
	.ar_r{
		font-size: 1.6rem;
		padding: 0;
		order: 3;
	}

	/* SNSボタン */
	.sns_share_btn{
		flex-wrap: nowrap;
		justify-content: flex-end;
		background: none;
		padding: 0;
		width: auto;
		order: 2;
	}
	
}