@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
li {
	list-style: none
}
a {
	text-decoration: none;
	color: #6D6C6C;
}
a:hover {
	opacity: 0.8;
}
/* フォント */
body {
	font-family: "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN", "YuGothic", "Yu Gothic medium", "Hiragino Sans", "Meiryo", "sans-serif";
	color: #6d6c6c;
}
/* 全体のコンテナー設定 */
#container {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0 65px;
}

/* 動画のインナー設定 */
.inner {
	width: 560px;
	max-width: 100%;
	margin: 0 auto;
}

/*///////////////// ヘッダー /////////////////*/
/* ヘッダー全体の設定・全ページ同 */
header {
	padding: 40px 0 30px;
	text-align: center;
}
/* メインタイトルロゴの大きさ・全ページ同 */
#main-title img {
	width: 600px;
}
/* タイトルcapの設定・全ページ同 */
#main-caption {
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 2px;
	margin-top: 10px;
}
#main-caption i {
	font-size: 12px;
	padding: 0 3px;
}
/* タイトルcap前後＊のカラー設定・各ページ */

.fas-cat {
	color: #ffa07a;
}

/*//////////////// メニューバー ////////////////*/
/* メニューバーの設定・全ページ同 */
#menubar {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/* リスト最後の右ボーダーを隠す・全ページ同 */
#menubar ul li:last-child {
	border-right: solid 0;
}
/* メニューリストをflexboxで横並びにする・全ページ同 */
.flax {
	display: flex;
}
/* メニューリストの詳細設定・全ページ同 */
.flax li {
	flex: auto;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
	height: 45px;
	padding: 4.5px 0 0;
	transition: all 0.5s;
}
/* リンク部分のホバーのカラー設定・全ページ同 */
.bcg-btn:hover {
	background: #fff0f5;
}
.gdd-btn:hover {
	background: #f4f9eb;
}
.cat-btn {
	background: #fff5f2;
}
.ct-btn:hover {
	background: #f4f8f4;
}
.evn-btn:hover {
	background: #fef6e8;
}
.work-btn:hover {
	background: #ebf7f1;
}
/* メニューバーの罫線のカラー設定・各ページ */
#cat-menu ul li {
	border-top: solid 1px #ffa07a;
	border-bottom: solid 1px #ffa07a;
	border-right: dashed 1px #ffa07a;
}
/* リストの英語部分のカラー設定・各ページ */
#cat-menu span {
	color: #ffa07a;
	font-size: 11px;
}

/* サブ・メニューバーの設定・全ページ同 */
#sub-menuber {
	width: 55%;
	margin: 0 auto;
	text-align: center;
}
.contents {
	display: flex;
}
.contents li {
	flex: auto;
	font-size: 14px;
	letter-spacing: 1px;
	height: 40px;
	line-height: 40px;
	transition: all 0.5s;
	padding: 0 5px;
}
.contents span {
	font-size: 10px;
}
.cat a {
	color: #ffa07a;
}

#loupe {
	font-size: 12px;
}

/*//////////////// 見出しカラー ////////////////*/
/* 見出し */
.midashi {
	width: 100%;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 35px;
	margin: 20px 0;
	padding: 5px;
}
.lightsalmon {
	border-top: solid 0 #ffa07a;
	border-bottom: solid 1px #ffa07a;
}

.inner {
	width: 80%;
	max-width: 100%;
	margin: 0 auto;
}
/*///// スライドショー設定 //////*/
/*1枚目*/
@keyframes slide1 {
	0% {opacity: 0; transform: scale(1);}
	5% {opacity: 1;}
	15% {transform: scale(1.5);}
	25% {opacity: 1;}
	35% {opacity: 0;}
	100% {opacity: 0;}
}
/*２枚目*/
@keyframes slide2 {
	0% {opacity: 0;}
	15% {opacity: 0; transform: scale(1);}
	20% {opacity: 1;}
	30% {transform: scale(1.5);}
	35% {opacity: 1;}
	45% {opacity: 0;}
	100% {opacity: 0;}
}
/*３枚目*/
@keyframes slide3 {
	0% {opacity: 0;}
	25% {opacity: 0; transform: scale(1);}
	30% {opacity: 1;}
	40% {transform: scale(1.5);}
	45% {opacity: 1;}
	55% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide4 {
	0% {opacity: 0;}
	35% {opacity: 0; transform: scale(1);}
	40% {opacity: 1;}
	50% {transform: scale(1.5);}
	55% {opacity: 1;}
	65% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide5 {
	0% {opacity: 0;}
	45% {opacity: 0; transform: scale(1);}
	50% {opacity: 1;}
	60% {transform: scale(1.5);}
	65% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide6 {
	0% {opacity: 0;}
	55% {opacity: 0; transform: scale(1);}
	60% {opacity: 1;}
	70% {transform: scale(1.5);}
	75% {opacity: 1;}
	85% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide7 {
	0% {opacity: 0;}
	65% {opacity: 0; transform: scale(1);}
	70% {opacity: 1;}
	85% {opacity: 1;}
	95% {opacity: 0; transform: scale(1.5);}
	100% {opacity: 0;}
}

/*///// 画像ブロック /////*/
#sachi-slider {
	text-align: center;
	width: 100%;
	overflow: hidden; /*はみ出た要素を非表示*/
	margin: 35px auto;
	margin-bottom: 20px;
	position: relative;
}
#sachi-slider img {
  width: 100%;
}
/*画像の共通設定*/
.slide1,.slide2,.slide3,.slide4,.slide5,.slide6,.slide7 {
	animation-timing-function: linear; /*直線的(一定速度)に変化*/
	animation-duration: 50s;	/*実行する時間。「s」は秒の事*/
	animation-iteration-count:infinite; /*無限に繰り返す意味*/
	position: absolute;
	left:0px;
	top:0px;
}
/*土台画像*/
.slide0 {
	position: relative;
	width: 100%;
	height: auto;
	
}
/*１枚目*/
.slide1 {
	animation-name: slide1;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*２枚目*/
.slide2 {
	animation-name: slide2;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
/*３枚目*/
.slide3 {
	animation-name: slide3;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
.slide4 {
	animation-name: slide4;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
.slide5 {
	animation-name: slide5;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
.slide6 {
	animation-name: slide6;	/*上で設定しているキーフレーム（keyframes）の名前*/
}
.slide7 {
	animation-name: slide7;	/*上で設定しているキーフレーム（keyframes）の名前*/
}




/*//////////////// 挨拶文 ////////////////*/
.start-letter-2 {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 30px;
	width: 80%;
	margin: 35px auto 50px;
}

/*//////////////// アルバム ////////////////*/
 /* 子見出し */
.cats-year {
	font-size: 14px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.cats-thum {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1140px;
	margin-bottom: 20px;
}
.cats-thum li {
	width: 16%;
}
.cats-thum li img{
	width: 100%;
	vertical-align: middle;
}
#memory-wrapper {
	margin-bottom: 40px;
}

/*//////////////// プロフィール ////////////////*/
.catprof-boxs {
	display: flex;
	flex-wrap: wrap;
}
.catprof-boxs {
	width: 100%;
	max-width: 1140px;
	margin-bottom: 20px;
}
.catprof-box {
	flex: auto;
	margin: 0 20px 25px 0;
	width: 30%;
	height: 155px;
	position: relative;
}
.catprof-box:nth-child(3n) {
	margin-right: 0;
}

.face-img img {
	width: 105px;
	float: left;
	margin: 0 10px 2px 0;
}
.face-text {
	width: 162px;
	height: auto;
	position: absolute;
	left: 115px;
}
.face-text h3 {
	width: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	font-size: 18px;
	border-bottom: dashed 1px #ffa07a;
	margin-bottom: 5px;
}
.face-text p {
	font-size: 12px;
	line-height: 20px;
	height: auto;
	letter-spacing: 0.5px;
}
.year {
	font-size: 18px;
	width: 105px;
	text-align: center;
}

/*//////////////// ネコ動画 ////////////////*/
#cat-mov {
	margin: 30px auto;
}
.cat-mov-subcopy {
	font-size: 14px;
	margin: 30px 0 10px;
	letter-spacing: 1px;
}
.cat-mov-subcopy span {
	color: #ffa07a;
	font-size: 16px;
}

/*///////////// ページトップ設定 /////////////*/
#pagetop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 0;
	bottom: 40px;
	background: gray;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#pagetop:hover {
	opacity: 0.8;
}
#pagetop a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
}
#pagetop a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #FFF;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

/*//////////////// フッター ////////////////*/
#footer {
	text-align: center;
	background-color: #ffe245;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 35px;
	width: 100%;
	height: 35px;
	margin-top: 50px;
}