@charset "UTF-8";
 

 
/* 一般・共通設定 */
body{
    background: #1b1b1b url(../images/bg_header.png) repeat-x;
    font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
    color: #666;
}
 
a{ color: #69c;}
a:hover{color:#069;}

/* IE枠線対策 */
img {
    border-style:none;
}
 
#wrapper{
    width: 960px;
    margin: 0 auto;
}
 
#projects h1, #about h1{
    font-size: 125%;
    border-left: 5px #d95483 solid;
    padding-left: 10px;
    margin-bottom: 15px;
}
 
 
/* ヘッダー */
header{
    /* margin: 0px 0 15px; */
    overflow: hidden;
}
header .logo{
	float: left;
}
 
nav{
    float: right;
    margin-top: 35px;
    font-size: 80%;
}
nav li{
    display: inline;
    margin-left: 10px;
}
nav a{
    color: #666;
    text-decoration: none;
}
nav a:hover{
	color: #69c;
}

/* メインエリア */
#hero{
    background: url(../trial/common/images/shadow.jpg) no-repeat center 400px;
    margin-bottom: 70px;
}
#hero img{border: 5px #fff solid;}
#hero p{
    font-size: 167%;
    text-align: center;
    margin-top: 30px;
}


/* ==========ここからグリッドレイアウト仕様========== */ 
/* main */
.item1 {
 	background: #313131;
 	border-radius: 3px;
}
/* FIGARO2017 */
.item2 {
 	background: #e60012;
 	border-radius: 3px;
}
.item3 {
 	border-radius: 3px;
}
/* FIGARO2021 */
.item4 {
 	background: #097c25;
 	border-radius: 3px;
}
.fb-like {
	padding-top: 20px;
}
.container {
	padding: 10px;
 	display: grid;
 	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 220px 220px 220px 220px 220px 220px 220px 30px auto;
	justify-content: left;
}
/* ニホンリス“A” */
.box-2x2a {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	background: #fc2;
	border-color: #222;
}
.img2x2-01 {
	background-image: url(../images/2x2img141.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* さくら“A” */
.box-3x2a {
	grid-column: 1 / 3;
	grid-row: 1 / 4;
	background: #fc2;
	border-color: #fa0;
}
.img3x2-01 {
	background-image: url(../images/3x2img01.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}

/* αボディキャップ“B”*/
.bodycap a {
	width: 220px;
	height: 220px;
	background-image: url(../images/1x1_bodycap.png);
	display: block;
}
.bodycap a:hover {
	background-image: url(../images/1x1_hover.png);
	border-radius: 3px;
}
/* ILCA-99M2+SAL70400G“C”*/
.box-2x1a {
	grid-column: 4 / 5;
	grid-row: 1 / 3;
	background: #fc2;
	border-color: #fa0;
}
.img2x1-01 {
	background-image: url(../images/2x1img07.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* MENDOZA“D”*/
.box-2x1b {
	grid-column: 3 / 4;
	grid-row: 2 / 4;
	background: #fc2;
	border-color: #fa0;
}
.img2x1-02 {
	background-image: url(../images/2x1img02.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* 未使用中“E”*/
.box-1x2a {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}
.img1x2-01 {
	background-image: url(../images/1x2img04.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* THULE“F”*/
.box-2x1c {
	grid-column: 4 / 5;
	grid-row: 3 / 5;
	background: #fc2;
	border-color: #fa0;
}
.img2x1-03 {
	background-image: url(../images/2x1img03.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* VAIO“G”*/
.box-2x1d {
	grid-column: 1 / 2;
	grid-row: 4 / 6;
	background: #fc2;
	border-color: #fa0;
}
.img2x1-04 {
	background-image: url(../images/2x1img04.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* ILCE-7M4 NAS“H”*/
.box-1x2b {
	grid-column: 2 / 4;
	grid-row: 4 / 5;
	background: #fc2;
	border-color: #fa0;
}
.img1x2-02 {
	background-image: url(../images/1x2img12.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* Office ism“I”*/
.logo_round a {
	width: 220px;
	height: 220px;
	background-image: url(../images/1x1_logo_round.png);
	display: block;
}
.logo_round a:hover {
	background-image: url(../images/1x1_hover.png);
	border-radius: 3px;
}
/* ピンズ“J”*/
.img1x1-01 {
	background-image: url(../images/1x1img01.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align:left;
}
/* R＆K“K”*/
.logo_rk a {
	width: 220px;
	height: 220px;
	background-image: url(../images/1x1_logo_rk.png);
	display: block;
}
.logo_rk a:hover {
	background-image: url(../images/1x1_hover.png);
	border-radius: 3px;
}

/* アクションカム“L”*/
.img1x1-02 {
	background-image: url(../images/1x1img02.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align:left;
}
/* FORZA“M”*/
.box-2x1e {
	grid-column: 2 / 3;
	grid-row: 6 / 8;
	background: #fc2;
	border-color: #fa0;
}
.img2x1-05 {
	background-image: url(../images/2x1img06.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* ニホンリス“N”*/
.box-2x2b {
	grid-column: 3 / 5;
	grid-row: 6 / 8;
}
.img2x2-02 {
	background-image: url(../images/2x2img142.png);
	background-size: cover;
	padding: 20px 20px 50px;
	color: #FFFFFF;
	text-align: center;
}
/* chatsFIGARO“O”*/
.figaro a {
	width: 220px;
	height: 220px;
	background-image: url(../images/1x1_figaro.png);
	display: block
}
.figaro a:hover {
	background-image: url(../images/1x1_hover.png);
	border-radius: 3px;
}
/* ==========ここまでグリッドレイアウト仕様========== */

/* ==========ここからテーブル仕様========== */
/* カタクリ“A” */
.image2x2-01 {
	background-image: url(../images/2x2img001.png);
	width: 460px;
	height: 460px;
	border-radius: 3px
/* SAL70400G“C”*/
}
.image2x1-01 {
	background-image: url(../images/2x1img01.png);
	width: 220px;
	height: 460px;
	border-radius: 3px
}
/* MENDOZA“D”*/
.image2x1-02 {
	background-image: url(../images/2x1img02.png);
	width: 220px;
	height: 460px;
	border-radius: 3px
}
/* THULE“F”*/
.image2x1-03 {
	background-image: url(../images/2x1img03.png);
	width: 220px;
	height: 460px;
	border-radius: 3px
}
/* VAIO“G”*/
.image2x1-04 {
	background-image: url(../images/2x1img04.png);
	width: 220px;
	height: 460px;
	border-radius: 3px
}
/* DESK“H”*/
.image1x2-02 {
	background-image: url(../images/1x2img02.png);
	width: 460px;
	height: 220px;
	border-radius: 3px
}
/* ピンズ“J”*/
.image1x1-01 {
	background-image: url(../images/1x1img01.png);
	width: 220px;
	height: 220px;
	border-radius: 3px
}
/* アクションカム“L”*/
.image1x1-02 {
	background-image: url(../images/1x1img02.png);
	width: 220px;
	height: 220px;
	border-radius: 3px
}
/* FORZA“M”*/
.image2x1-05 {
	background-image: url(../images/2x1img05.png);
	width: 220px;
	height: 460px;
	border-radius: 3px
}
/* うみねこ“N”*/
.image2x2-02 {
	background-image: url(../images/2x2img002.png);
	width: 460px;
	height: 460px;
	border-radius: 3px
}
/* ==========ここまでテーブル仕様========== */

 
/* 自己紹介 */
#about{
    width: 260px;
    float: left;
}

/* フッター */
footer{
    margin: 0px 0 15px;
    overflow: hidden;
} 
footer-text{
	font: 100% "Trebuchet MS";
    float: left;
    margin-top: 35px;
}
like{
    float: right;
    margin-top: 35px;
    font-size: 80%;
}
like li{
    display: inline;
    margin-left: 10px;
}
like a{
    color: #666;
    text-decoration: none;
}
like a:hover{
	color: #69c;
}