@charset "UTF-8";
/* 全体に */
*{
	margin:0;
	padding:0;
}

/* 見ているぺージの文字色 */
#gallery #wrap header nav ul li#nav_gallery a{
	color:#881117;
	font-weight:bold;
}
/* スマホ版のみ改行のため無効化 */
.br_media{
	display:none;
}

/********** ↓文字関係↓ **********/
/* 書体 */
h1, h2, h3, section div p{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}
/* h1の文字サイズと色 */
h1{
	font-size:min(3.3vw, 36px);
	color:#fff;
}

/* h2の文字サイズと色 */
h2{
	font-size:min(2.6vw, 28px);
	color:#280000;
	text-align: center;
}

/* 内容の文字サイズ */
section div p, .title{
	font-size:min(1.9vw, 20px);
	text-align: center;
}

/********** ↑文字関係↑ **********/

/******************** ↑まとめたもの↑ ********************/

/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_gallery{
	display: block;
	height:min(35.2vw, 380px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}
/* ロゴのサイズと位置関係 */
.logo{
	width:min(11.1vw, 120px);
	height: auto;
	padding-top:min(6.9vw, 75px);
}
/* ファーストビューのタイトル */
.fv_gallery h1{
	margin-top:min(2.3vw, 25px);
}
/******************** ↑ファーストビュー↑ ********************/

/******************** ↓セクション↓ ********************/
/* タイトル文字 */
h2{
	margin:min(4.6vw, 50px) auto min(2.8vw, 30px);
}

/*外箱*/
.gallery_flex_container{
	margin:0 auto;
	padding:min(6.5vw, 70px) 0;
	display:block;
	width:min(90.7vw, 980px);
}
/*内箱*/
.gallery_flex_item{
	width:min(41.7vw, 450px);
	height:auto;
	list-style-type:none;
	display:inline-block;
	margin:0 auto min(7.4vw, 80px);
	/*inaba*/
	text-align: center;
}

/* リストの右にくる（偶数番目）の左にマージン */
.gallery_flex_item:nth-child(2n-2){
	margin-left: min(7.3vw, 79px);
}

/* ギャラリータイトル */
.title{
	color:#280000;
	border:1.5px solid #280000;
	margin:0;
	padding:5px;
	margin-bottom:min(1.4vw, 15px);
}
/* 画像を横並び */
.gallery_img_flex{
	display: flex;
	align-items:center;
}
/* ビフォー画像 */
.img_before_flex{
	padding-right:min(1.7vw, 18px);
	transition:0.5s;
}
/* アフター画像 */
.img_after_flex{
	padding-left:min(1.5vw, 16px);
	transition:0.5s;
}

/* 矢印の設定 */
.gallery_arrow{
	width:min(1.5vw, 16px);
	height:min(1.7vw, 18px);
}

/*画像のサイズ指定*/
.img_before_flex, .img_after_flex{
	width: min(18.5vw, 200px);
	height: min(16.7vw, 180px);
	object-fit:cover;
}

/* 画像をホバーしたら */
.img_before_flex:hover, .img_after_flex:hover{
	opacity:0.7;
	transition:0.5s;
}