@charset "utf-8";
/*ここから基本設定*/
/*↓ここを各ページidに修正してください*/
body#blog {
			margin:0;
			padding:0;
			font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
			background:#000;
			color:#fff;

}
h1,h2,h3,p {
			margin:0;
			padding:0;
}
img {
			margin:0;
			padding:0;
}
a {
			text-decoration:none;
}
/*　↑基本設定ここまで　*/

/*loading時の表示画面設定*/
#loading_wrap {
			width:100%;
			height:100vh;
			background:#000;
			position:fixed;
			top:0;
			left:0;
}
span.loading_anime {
			width:50%;
			
}


/*	h1とnavをくるんだdiv	*/

div.container{
		padding:20px;
		position:fixed;
		margin:0;
		width:100%;
		background-color:rgba(0,0,0,0);
		
		display:flex;
		justify-content:space-between;		/*flexで横並びにしたh1とnavを両端に配置*/

		align-items:center;
		
}





header{
		padding:0; margin:0 auto;
/*	一番上のレイヤーにして、かつpositionを設定しないと上位表示されない*/
		z-index:100;
		position:relative;

}
#header a{
		color:#fff;
}



/*	 左上に固定する「Caltagirone」	*/
h1#caltagirone{
		padding:0;
		margin:0;
		font-size:20px;

		
}
h1#caltagirone a{
		text-decoration:none;
		font-family: 'Lora', serif;
		font-weight:600; 	/*Medium*/
		color:#fff;
}


/*　↓ここからグローバルナビバーの設定↓　*/
nav{
		position:fixed;
		right:20px;
}


/*	ナビバー メニュー リンク一覧	*/
div#menu-wrap{
		margin:0;
		padding:0;
		display:flex;
		flex-direction:row;
}

ul#menu-web{
		padding:0 10px 0 0;
		margin:0;
		display:flex;
		list-style:none;

}
ul#menu-web li{
		margin-left:48px;

}

ul#menu-web li a{
		color:#fff;		
		text-decoration:none;
		font-size:14px;
		font-family: 'EB Garamond', serif;
		font-weight:500;
		display:block;
		line-height:22px;

}

@media screen and (max-width:960px){
ul#menu-web li a {
			font-size: calc(12px + 2 * (100vw - 768px)/192);
			
}
ul#menu-sns li{
			margin-left:calc(24px + 16 * (100vw - 768px)/192)!important;
}
ul#menu-web li{
			margin-left: calc(24px + 16 * (100vw - 768px)/192);

}
}

ul#menu-web li a::after {
		border-bottom:2px solid #fff;
		bottom:0;
		content:"";
		display:block;
		transition:all 0.6s ease;
		width:0;
}
ul#menu-web li a:hover::after {
		width:100%;
}
#index ul#menu-web li.m-welcome a::after,
#concept ul#menu-web li.m-about a::after,
#menu ul#menu-web li.m-menu a::after,
#blog ul#menu-web li.m-instagram a::after,
#access ul#menu-web li.m-access a::after {
		border-bottom:2px solid #fff;
		bottom:0;
		content:"";
		display:block;
		transition:all 0.6s ease;
		width:100%;
}
/* SNSアイコン */
ul#menu-sns{
		margin:0;
		padding:0;
		list-style:none;
		display:flex;
}
ul#menu-sns li{
		margin-left:40px;
}
/*--ここまでメニューバー ここからハンバーガーメニュー768px以上は非表示*/
.burger {
		display:none;

}
ul.burger_list {
		display:none;
		
}
div.burger_icon {
		display:none;
}
h1.sub_logo {
		display:none;
}


/*　ここからsection#sub_topの設定です　↓*/
section#sub_top {
		background-image:url(../images/blog_top.jpg);
		background-position:center;
		background-size:cover;
		width:100%;
		height:55.5vh;
}

.sub_shadow {
		background-color:rgba(0,0,0,0.4);
		width:100%;
		height:55.5vh;
		display:flex;
		align-items:center;
		justify-content:center;
}
.sub_text {
		margin-top:10px;	
}
.swing {
		transform-origin: top center;
		animation-name: swing;
		animation-duration: 1s;
		animation-delay: 1.5s;
		animation-fill-mode: both;
}

@keyframes swing {
	0% { transform: rotate3d(0,0,1,15deg); }
	40% { transform: rotate3d(0,0,1,-10deg); }
	60% { transform: rotate3d(0,0,1,5deg); }
	80% { transform: rotate3d(0,0,1,-5deg); }
	100% { transform: rotate3d(0,0,1,0deg); }
}	
.sub_text h1.sub_title {
		font-size:46px;
		line-height:0.8em;
		letter-spacing:1px;
		font-family: 'EB Garamond', serif;
		font-weight:500;
		margin-bottom:26px;
		text-align:center;
}
a.sub_link {
		color:#bc9d51;
		transition:all 0.4s ease;
}
a.sub_link:hover {
		color:#fff;
}
ul.sub_select,li.sub_option {
		list-style:none;
		margin:0;
		padding:0;
}
ul.sub_select {
		display:flex;
		font-family: 'EB Garamond', serif;
		font-weight:500;
		width:372px;
		justify-content: space-between;
}
li.sub_option {
		color:#bc9d51;
		font-size:14px;
		line-height:14px;
}
/* ↑#sub_topの設定ここまで */

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

/*	What's New	*/
section.title{
		padding:0;
		margin:0 0 73px 0;
		text-align:center;
}
section.title p.sub_title1{
		color: #bc9d51;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    font-family: 'EB Garamond', serif;
}
section.title p.sub_title2{
		text-align:center;
		font-size:12px;
		line-height:12px;
}
section.title p.sub_title2 img{
		margin-right:8px;
		margin-left:8px;
}


/*	投稿欄	*/

div.entry{
		margin:0 auto;
		padding:0;
}

article{
		padding:83px 0 73px 0;
		display:flex;
		justify-content:space-around;
		overflow:hidden;
		width:100%;
		height:100%;
		border-top:0.5px solid #151515;			/*	水平線上	*/
}



.blog-img{
		display:block;
		width:33%;
		height:33vw;
		max-width:274px;
		min-width:274px;
		max-height:274px;
		min-height:274px;
}

.blog-img img{
		width:100%;
		height:100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius:12px;
		object-fit:cover;
}


div.text{
		padding:0;
		margin:0;
		width:70%;
}
div.text dl{
		margin:0;
}

div.text time{
		margin:0 0 0 52px;
		font-size:12px;
}

div.text h2{
		margin:0 0 15px 46px;
		padding:0;
		font-size:16px;
		font-weight:500;
}

div.scroll-area{
		margin-left:40px;
		padding:0;
		height:33vh;
		font-size:15px;
		overflow:auto;
}



/*	ページャー	*/
nav.pager{
		position:relative;
		height:60px;
		width:80vw;
		margin:0 auto;
}
nav.pager ul{
		padding:0 auto;
		list-style:none;
		display:flex;
		justify-content:center;
}

nav.pager ul li{
		position:relative;
		margin:3px;
		width:40px;
		align-items:center;

}

nav.pager ul li a{
		width:34px;
		height:34px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration:none;
		border:2px solid #bc9d51;
		border-radius:20px;
		color:#fff;
}
nav.pager ul li a:hover{
		position:absolute;
		padding-top:1px;
		bottom:2px;
		text-align: center;
		text-decoration:none;
		border:2px solid #fff;
		border-radius:21px;
		transition:all 150ms 0s ease;
		background-color:#fff;
		color:#000;
		z-index:111;
}
nav.pager ul li a:active{	width:34px;
		height:34px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration:none;
		border:2px solid #bc9d51;
		border-radius:20px;
		color:#fff;
}

nav.pager ul li#current{
		width:36px;
		height:36px;
		display:flex;
		align-items:center;
		justify-content:center;
		background-color:#bc9d51;
		border-radius:18px;
		color:#000;
}

/*	↑ここまでNewsセクションの設定です↑	*/

/*	↓ここからページ共通フッターの設定です↓	*/
.br_in {
			display:none;
}

footer#footer{
		margin:0 auto;
		padding:0;
		background-color:#000;
		text-align:center;
		color:#fff;
		clear:both;
}

div.flex-box-f{
		padding-top:50px;
		margin:0;
		display:flex;
		justify-content:space-evenly;
		item-align:center;
}



div.item-left,div.item-right{
		margin:0 auto;
		padding:0;
		width:50%;
}

footer ul{
		margin:0;
		padding:0;

		display:flex;
		list-style:none;
		justify-content:center;		/*	中央寄せ設定*/
}


footer li.circle1,footer li.circle2,footer li.circle3,footer li.circle4{
/*		background-color:#fff;*/
		width:50px;
		height:50px;
/*		border-radius:50%;*/		

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

}
footer li.circle2 {
		background-color:#fff;
		border-radius:50%;
		padding-top:8px;
		box-sizing:border-box;
}
footer li.circle4 {
		background-color:#fff;
		border-radius:50%;		
		margin-left:20px;
		padding-top:6px;
		box-sizing:border-box;
}
p.f-tel{
		margin:0;
		padding:0;
		height:33px;
}

p a#f-tel{
		margin:0;
		padding:0;
		font-family: 'Lato', sans-serif;
		font-weight:600;
		line-height:1.8rem;
		letter-spacing:2px;
		text-decoration:none;
		color:#fff;
		font-size:36px;
}


/*	トップページへ戻るボタン	*/
div#page-top{		/*	親三角	*/
		height:60px;
		overflow:hidden;
		
}
a.page-scroll{
		margin:0 auto;
		margin-top:-15px;
		padding-top:25px;

		width:0px;
		height:0px;
		border-style:solid;
		border-width:0 50px 50px 50px;
		border-color:transparent transparent #1e1e1e transparent;
		position:relative;
		bottom:-10px;

		display:flex;
		justify-content:center;	
		item-align:center;

		transition: all .5s;
}

div.arrow{		/*	子三角	*/
		position:absolute;
		top:57px;
		width: 22px;
		height: 22px;
		border-top:2px solid #000;
		border-right:2px solid #000;

		transform:rotate(-45deg);
}

/*	トップページへ戻るボタン　ホバー時の設定	*/
a.page-scroll:hover{
		margin:0 auto;
		margin-top:-25px;

		width:0px;
		height:0px;
		border-style:solid;
		border-width:0 50px 50px 50px;
		border-color:transparent transparent #bc9d51 transparent;
		position:relative;
		bottom:-10px;

		display:flex;
		justify-content:center;	
		item-align:center;
}




div.address{
		margin:0;
		padding:22px;
		display:flex;
		justify-content:center;	/*横方向揃え*/
		item-align:center;		/*縦方向揃え*/

		border-top:0.5px solid #151515;			/*	水平線上	*/
		border-bottom:0.5px solid #151515;		/*	水平線下	*/
		background-color:#000;
}


h2#footer,h3#footer{
		margin:0;
		padding:0;
		font-size:0.7rem;
		font-weight:500;
		letter-spacing:1px;
}
h3#footer {
		margin-left:8px;
}
h4#footer{
		margin:0 0 15px 0;
		padding:0;
		font-size:11px;
		font-family: 'Lato', sans-serif;
		font-weight:400;
		color:#676561;
		letter-spacing:1px;
}

div.copy{
		padding:19px 0;
}

small{
		padding:0;
		margin:0 auto;
		color:#676561;
		letter-spacing:1px;
		font-family: 'Lato', sans-serif;


}
small.copy{
		font-weight:lighter;
		font-size:3px;
}

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