@charset "utf-8";
/* ハンバーガーメニューの表示設定*/
div.container {
		display:none;
}
nav.burger_menu_show {
		display:none;
		right:0;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.9);


}

ul.burger_list,li.burger_item {
		margin:0;
		padding:0;
		list-style:none;

}
ul.burger_list_show {
		opacity:1;
		width:100%;
		display:flex;
		flex-direction:column;
		padding:12vw 10vw 0 10vw;
		box-sizing:border-box;
		
}
li.burger_item {
		width:100%;
		font-size:18px;
		line-height:50px;
  		font-family: 'EB Garamond', serif;
  		font-weight:500;
		border-bottom:1px solid #bc9d51;
		text-align:center;

}
div.burger_icon_show {
		display:block;
}
.burger_icon ul {
		margin:40px 0 0 0;
		padding:0;
		display:flex;
		list-style:none;
		justify-content:center;		/*	中央寄せ設定*/
}
.burger_icon li.circle1,.burger_icon li.circle2,.burger_icon li.circle3,.burger_icon li.circle4{
/*		background-color:#fff;*/
		width:50px;
		height:50px;
/*		border-radius:50%;*/		

		margin-left:20px;
}
.burger_icon li.circle1 {
		background-color:#000;
		border-radius:50%;
		margin-left:0;
		border-radius:50%;

}
.burger_icon li.circle2 {
		background-color:#fff;
		border-radius:50%;
		padding-top:8px;
		box-sizing:border-box;
		text-align:center;
}
.burger_icon li.circle4 {
		background-color:#fff;
		border-radius:50%;		
		margin-left:20px;
		padding-top:6px;
		box-sizing:border-box;
		text-align:center;
}

/*バーガーボタン設定*/
.burger {
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		/*500px=64px*/
		height:calc( 54px + 10 * (100vw - 500px)/268);
		background:rgba(0,0,0,0.6);
}
/*左端のCaltagirone*/
h1.sub_logo{
		display:block;
		position:fixed;
  		top:2.859vw;
  		left:2.771vw;  
  		z-index:10;
  		font-weight:600;
  		font-family: 'Lora', serif;
  		font-size:calc( 18px + 2 * (100vw - 500px)/268);
}
.burger_open {

/*  	height: 37px;
  		width: 38px;
  		position:fixed;
  		top:45px;
  		right:52px;*/
  		height: 37px;
  		width: 38px;
  		position:fixed;
  		top:1.859vw;
  		right:1.771vw;  
  		border:none;
  		/*border:2px solid #bc9d51;*/
  		justify-content: center;
  		align-items: center;
  		z-index:5; /*重なり順を一番上に */
  		cursor: pointer;
  		transition:all 0.5s;
}

/*内側のボーダー*/
.burger_open span {
		position:absolute;
		right:9px;
		width:20px;
		height:2px;
		background:#bc9d51;
		border-radius:2px;
		transition:all 0.5s;
}
.burger_open span:nth-child(1) {
		top:8px;
}
.burger_open span:nth-child(2) {
		top:17px;
}
.burger_open span:nth-child(3) {
		top:26px;
}

.burger_active span:nth-child(2) {
		width:14px;
}
.burger_active span:nth-child(3) {
		width:8px;
}
/*ここまでバーガーメニュー設定*/

/*ここから上部のタイトルと画像の設定*/
h1.sub_title {
		font-size:38px;

}
h2.sub_title {
		font-size:36px;
		margin-bottom:0;
}

/*	↓ここからBLOGセクションの設定です↓	*/
div#sub-wrapper{
		padding-top:73px;
		padding-bottom:73px;
		padding-right:7%;
		padding-left:7%;
}

/*	What's New	*/
section.title{
		padding:0;
		margin:0 0 73px 0;
		text-align:center;
}
strong{

		font-size:29px;
		color:#bc9d51;
}
p.sub_title {
		margin-top:20px;
		text-align:center;
}



/*	投稿欄	*/
article{
		padding:0 0 45px 0;
		display-flex;
		flex-direction:column;
		border-top:0.5px solid #151515;			/*	水平線上	*/
		width:100%;
		height:100%;
}

.blog-img{
		justify-content:center;
		margin:0 auto;
		margin-top:30px;
		width:33%;
		height:33vw;
		max-width:274px;
		min-width:274px;
		max-height:274px;
		min-height:274px;
}
div.text{
		padding:0;
		margin:0 auto;
		width:100%;
		height:100%;
}
div.text dl{
		text-align:center;
		margin-top:10px;
}
div.text time{
		margin:0;
}

div.text h2{
		margin:0 0 15px 0;
}

div.scroll-area{
		margin:0 auto;
		padding:0;
		height:100%;
		overflow:hidden;
}
p.scroll-text{
		display:block;
}

nav.pager ul li#current{
		min-width:36px;
		height:36px;
		display:flex;
		background-color:#bc9d51;
		border-radius:18px;
		color:#000;
}
nav.pager ul li a:hover{
		position:relative;
		width:34px;
		height:34px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration:none;
		border:2px solid #bc9d51;
		border-radius:20px;
		color:#000;
}

/*	↓ここからページ共通フッターの設定です↓	*/

footer#footer{
		border-top:1px solid #444;
		clear:both;
}

div.flex-box-f{
		flex-direction:column;
}
div.item-left,div.item-right{
		width:84%;
}
div.item-left {
		margin-bottom:28px;
}

div.address{
		flex-direction:column;
}

div.item-right h4#footer{
		margin-bottom:14px;
}

/*	↑ここまでページ共通フッターの設定です↑	*/