@import url('https://fonts.googleapis.com/css?family=Text+Me+One|Marvel');

html                   {overflow-y:scroll}


body                   {font-family: 'メイリオ',
                       'Hiragino Kaku Gothic Pro',
                       sans-serif;
                       background-color: #f3f3f2;
                       background-image: url(back.png);
                       margin: 0}                       

body h1                {font-weight: lighter;
                       margin-top: 0;
                       margin-bottom: 0}

p                      {line-height: 1.5}


/*フッター*/
footer                {width:1000px;
                      margin-left: auto;
                      margin-right: auto;} 



/*ヘッダー*/

header                 {background-color:#fffffc;
                       border-bottom: solid 1px #9ea1a3;
                       margin-bottom: 30px;
                       -webkit-box-shadow: 0 1px 7px #9ea1a3;
                       box-shadow: 0 1px 7px #9ea1a3;
                       padding: 5px}

header h1              {font-family: 'Text Me One', sans-serif;
                       font-weight: 350;
                       font-size: 70px;
                       width: 1000px;
                       margin-left: auto;
                       margin-right: auto;}

header p               {font-weight: 350;
                       font-size: 12px;
                       width: 1000px;
                       margin-left: auto;
                       margin-right: auto;
                       margin-top: -10px}

.wf-sawarabimincho    { font-family: "Sawarabi Mincho"; }
.wf-kokoro            { font-family: "Kokoro"; }





/*トップページ*/
#top header           {margin-bottom: 0}


#photo                {background-image: url(photo.jpg);
                      background-repeat: no-repeat;
                      background-position: 50% 0;
                      background-color: #ebf6f7;
                      text-align: center;
                      padding-top: 320px;
                      padding-bottom: 80px;}

#photo h1             {color: #fffffc;
                      font-size: 150px;
                      font-family: 'Text Me One', sans-serif;}

#photo p              {color: #fffffc;
                      font-size: 12px;
                      font-weight: lighter}

/*小見出し*/

.midashi              {font-family: 'Text Me One', sans-serif;
                      font-size: 40px;}
                      
/*リンク*/
a                     {color: #38b48b;
                      text-decoration: none}
a:hover               {color: #f7c114}

/*記事*/

article               {background-color:#fffffc;
                      width: 1000px;
                      margin-left: auto;
                      margin-right: auto;
                      margin-top: 30px;
                      border: dotted 2px #e6b422;
                      padding: 30px;
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;
                      margin-bottom: 15px;
                      border-radius: 30px}



article h1                    {font-size: 24px;
                      font-weight: lighter}

.img                  {width: 280px;
                     float: left;
                     margin-right: 20px}

hr                   {border: none;
                     border-top: 1px dashed #38b48b}


/*ナビゲーションメニュー*/
nav ul               {list-style-type: none;
                     margin-top: 0;
                     margin-bottom: 0;
                     margin-left: 0;}

nav li               {display: inline;
                     font-family: 'Marvel', sans-serif;
                     border-right: 10px;
                     padding-left: 10px;
                     padding: 10px}


nav                  {width:1000px;
                     margin-left: auto;
                     margin-right: auto;
                     margin-top: -27px;
                     text-align: right;
                     font-size: 25px;}



/*プロフィール*/
.p1                  {color: #9ea1a3}


/*コンタクト*/

.link                {font-family: 'Text Me One', sans-serif;
                     font-size: 30px}


.contact             {width: 100%;
                     -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                     box-sizing: border-box;
                     border-radius: 50%;
                     overflow : visible;}

div.waku            {display:inline-block;
                    width:300px; 
                    height:300px;
                    text-align:center;}
div.waku2            {display:inline-block;
                    width:300px; 
                    height:300px;
                    text-align:center;}
div.waku3            {display:inline-block;
                    width:300px; 
                    height:300px;
                    text-align:center;

.gazou         {display:inline-block;
                    width:300px; 
                    height:300px;
                    margin-left: auto;
                      margin-right: auto}
.moj         {display:inline-block;
                    margin-left: auto;
                      margin-right: auto}