/*----------------------------------------------------------------
    CSS3
----------------------------------------------------------------*/


/*----------------------------------------------------------------
    base
----------------------------------------------------------------*/
html {
    font-size: 100%;
 /* font-size: 16px; */;
}

body {
    background-color: #fbfbfb;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

p {
    font-family: font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-size: 0.813em;
}

/* ドラッグした時の色 */

::selection {
	background:#877478; /* Safari */
	color: #fff;
}

::-moz-selection {
	background:#877478; /* Firefox */
	color: #fff;
}
/*----------------------------------------------------------------
    nav-bar
----------------------------------------------------------------*/

nav ul.sub-menu > li > a:hover {
	background-color: #7AC4BE;
	color: #FFF;
}

#menu-toggle:hover {
	color: #7AC4BE;
}

@media handheld, only screen and (max-width:48em) {
    nav ul li > a:hover {
        color: #7AC4BE !important;
    }
}
/*----------------------------------------------------------------
    padding
----------------------------------------------------------------*/

.row-content.buffer.even,
.row-content.buffer-top.even {
padding-top: 3%;
}

.row-content.buffer,
.row-content.buffer-bottom {
padding-bottom: 3%;
}

/*----------------------------------------------------------------
    Blog & Portfolio
----------------------------------------------------------------*/

h1 {
    font-size: 1.5em;
}

.single #post-nav a:hover {
    color: #7AC4BE;
}

p, ul, ol, table, pre, blockquote {
    margin-top: 1.4em;
    margin-bottom: 2em;
    margin-left: em;
}

img {
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}

/*----------------------------------------------------------------
    footer
----------------------------------------------------------------*/

footer {
    position: relative;
    z-index: 10;
    background-color: #3A2E39;
    color: #545766;
    font-size: 1.313em;
}