@charset "UTF-8";
/* 文字間を詰めて隙間を削除する */
/* 文字間を通常に戻す */
#wrap { min-height: 100vh; position: relative; padding-bottom: 147.7px; box-sizing: border-box; }

header:after, footer .inner:after { content: ''; display: block; clear: both; }

/* ヘッダー */
header { width: 1000px; margin: 0 auto; padding: 24px 0; }
header p#logo { float: left; }
header > #gnav { float: right; }
header ul { letter-spacing: -0.4em; }
header ul li { font-size: 16px; margin-left: 24px; display: inline-block; vertical-align: middle; letter-spacing: normal; }
header ul li a { color: #444444; line-height: 72px; }

/* パンくず */
.breadcrumbs ul { width: 1000px; margin: 0 auto; }

/* 投稿 */
.feed-list { width: 1000px; margin: 0 auto; letter-spacing: -0.4em; text-align: left; }
.feed-list .feed { width: 33.333333333%; display: inline-block; vertical-align: top; }
.feed-list .feed img { max-width: 100%; height: auto; }
.feed-list > * { letter-spacing: normal; }

/* コンテンツ */
body.single .feed > * { width: 1000px; margin: 0 auto; }
body.single .feed table th { text-align: center; padding: 10px 16px; min-width: 100px; }
body.single .feed table td { padding: 10px 16px; }
body.single .content .capture { max-width: 800px; margin: 0 auto 40px; }
body .post { width: 1000px; margin: 0 auto; }
body .post table:not([class]) { max-width: 800px; margin: 0 auto 24px; }

/*トップページ*/
#home header #head { text-align: left; float: left; }
#home header img.name { float: right; }
#home header ul li { margin-left: 0; margin-right: 24px; }
#home #profile p.name { margin-bottom: 24px; }
#home #profile p.name img { height: 49px; }

#external header h1#logo { float: left; }

body.home .loopSlider { height: 400px; }
body.home .loopSlider .loopslider_wrap { margin-top: 32px; }
body.home .loopSlider .loopslider_wrap li { width: 544px; height: 336px; margin: 0 8px; overflow: hidden; }
body.home #work { padding-top: 56px; }
body.home #work ul { letter-spacing: -0.4em; }
body.home #work ul li { width: 300px; margin-right: 48px; display: inline-block; vertical-align: middle; letter-spacing: normal; }
body.home #work ul li:last-child { margin-right: 0; }
body.home #work ul li dt { font-size: 22px; }
body.home #work ul li img { width: 234px; margin-bottom: 32px; }
body.home #profile { width: 800px; margin: 0 auto 72px; padding-top: 64px; }
body.home #profile p { font-size: 15px; line-height: 1.8; }
body.home #skill ul li { text-align: center; width: 20%; margin-bottom: 40px; }
body.home #skill ul li img { width: 120px; }

/* フッター */
footer { width: 100%; position: absolute; /* ←絶対位置 */ bottom: 0; }
footer #copy .inner { width: 1000px; margin: 0 auto; }
footer #copy .inner nav { float: left; }
footer #copy .inner nav ul { letter-spacing: -0.4em; }
footer #copy .inner nav ul li { margin-right: 16px; display: inline-block; vertical-align: middle; letter-spacing: normal; }
footer #copy .inner nav ul a:hover { text-decoration: underline; }
footer #copy .inner p { float: right; }