/*
Theme Name: Great
Theme URI: http://mythemeshop.com/themes/great
Author: MyThemeShop
Author URI: http://mythemeshop.com/
Description: Great is a traditional WordPress magazine theme that combines a clean, minimalist feel with a full featured theme.
Version: 1.0

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, input, select, textarea { margin: 0 }
:focus { outline: 0 }
a:link { -webkit-tap-highlight-color: #FF5E99 }
img, video, object, embed {
    max-width: 100%;
    height: auto!important;
}
iframe { max-width: 100% }
blockquote {
    font-weight: normal;
    font-family: Georgia,Serif;
    padding: 0 10px 20px 18px;
    position: relative;
    margin-top: 25px;
}
blockquote:after {
    position: absolute;
    font-size: 25px;
    color: #333;
    width: 50px;
    top: -5px;
    left: 0;
    font-family: arial;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite {
    font-style: italic;
    font-family: georgia;
}
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
    font-family: monospace,consolas,sans-serif;
    font-weight: normal;
    font-style: normal;
}
pre {
    margin: 5px 0 20px 0;
    line-height: 1.3em;
    padding: 8px 10px;
    overflow: auto;
}
code {
    padding: 0 8px;
    line-height: 1.5;
}
mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: black;
    background: #FFD700;
}
address { margin: 10px 0 }
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.sticky { }
.gallery-caption { }
.bypostauthor { }
.wp-caption-text { }
/*-[ Framework ]--------------------*/
body {
    line-height: 1;
    font-family: '游ゴシック',Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #555555;
    background-color: #f4f3f2;
}
::-moz-selection {
    background: #222;
    color: white;
    text-shadow: none;
}
::selection {
    background: #222;
    color: white;
    text-shadow: none;
}
#page, .container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 12px;
/*    font-family: PT Sans, sans-serif;*/
    color: #444;
}
h1 {
    font-size: 28px;
    line-height: 44px;
}
h2 {
    font-size: 24px;
    line-height: 40px;
}
h3 {
    font-size: 22px;
    line-height: 38px;
}
h4 {
    font-size: 20px;
    line-height: 24px;
}
h5 {
    font-size: 18px;
    line-height: 34px;
}
h6 {
    font-size: 16px;
    line-height: 24px;
}
.sub-title { font-size: 12px }
p { margin-bottom: 20px }
a {
    text-decoration: none;
    color: #2DB2EB;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;
}
a:hover { color: #00A8FF }
a:link, a:visited, a:active { text-decoration: none }
:target { padding-top: 20px }
/*-[ Main container ]---------------*/
.main-container {
    width: 960px;
    margin: 0 auto;
    max-width: 95%;
    background: #fff;
    clear: both;
    padding: 0 2.15%;
    border: 1px solid #E9E9E9;
    margin-bottom: 30px;
}
#page, .container {
    max-width: 1020px;
    min-width: 240px;
    overflow: visible;
}
#page {
    padding-top: 25px;
    min-height: 100px;
    float: none;
    clear: both;
    overflow: hidden;
}
#header .container {
    float: left;
    width: 100%;
}
/*-[ Header ]-----------------------*/
body > header {
    float: left;
    width: 100%;
    position: relative;
}
.main-header {
    position: relative;
    float: left;
    width: 100%;
    z-index: 99;
}
#header {
    position: relative;
    width: 100%;
    float: none;
    min-height: 100px;
    margin: 0 auto;
    max-width: 1020px;
}
#header h1, #header h2 {
    font-size: 38px;
    font-family: sans-serif;
    float: left;
    display: block;
    line-height: 1;
    margin: 40px 0 40px 0;
}
#logo a { text-transform: none }
/*-[ Navigation ]-----------------*/
.secondary-navigation .children li .sf-sub-indicator { display: none }
.secondary-navigation {
    display: block;
    float: right;
    width: 605px;
    height: 66px;
}
.secondary-navigation ul li:last-child a { margin-right: 0 }
.secondary-navigation a {
    font-size: 14px;
    color: #555;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    margin: 0 25px 0 15px;
}
.secondary-navigation a .sub {
    font-size: 11px;
    font-weight: normal;
    font-family: arial;
    color: #9B9B9B;
}
/*.sf-js-enabled li a.sf-with-ul { padding-right: 0 }*/
.sf-js-enabled li  ul.sf-with-ul { padding-right: 20px }
#navigation .sf-sub-indicator {
    display: block;
    width: 11px;
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: -2px;
}
#navigation li ul .sf-sub-indicator { top: 2px }
#navigation {
    margin: 50px auto 50px auto;
    font-size: 13px;
    float: right;
    width: 100%;
}
#navigation select { display: none }
#navigation ul { margin: 0 auto }
#navigation .menu { float: right }
#navigation ul li {
    float: left;
    position: relative;
}
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    overflow: hidden;
    display: block;
}
#navigation > ul > .current a {
    background: transparent;
    color: #5a5a5a !important;
}
#navigation ul li li {
    background: #fff;
    border: 1px solid #eee;
    border-bottom: 0;
}
#navigation ul ul {
    position: absolute;
    width: 182px;
    padding: 20px 0 0 0;
    padding-top: 10px;
    z-index: 400;
    font-size: 12px;
    color: #798189;
    border-bottom: 1px solid #eee;
}
#navigation ul ul li:first-child { border-top: 2px solid #51a2c1 }
#navigation ul ul li {
    padding: 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
}
#navigation ul ul li:hover { background: #fff }
#navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
    padding: 5px 15px;
    position: relative;
    width: 150px;
    border-left: 0;
    background: transparent;
    border-right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid   rgba(255, 255, 255, 0.05);
    margin: 0;
    font-weight: 400;
}
#navigation ul ul a:hover { color: #51a2c1 }
#navigation ul ul li:first-child a { }
#navigation ul ul li:last-child a { border-bottom: none }
#navigation ul ul {
    opacity: 0;
    left: -999em;
}
#navigation ul li:hover ul {
    left: auto;
    opacity: 1;
}
#navigation ul ul ul { top: -12px }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
    left: -999em;
    opacity: 0;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: 181px;
}
#page-header:after, #navigation ul ul:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
#navigation ul ul:after {
    left: 10px;
    top: -5px;
}
#navigation ul ul ul:after {
    border-color: transparent #282E33 transparent transparent;
    border-color: transparent rgba(14,19,22,0.92) transparent transparent;
    left: -12px;
    top: 3px;
}
/*-[ Content ]--------------------*/
.article {
    width: 65.6%;
    float: left;
    margin-bottom: 10px;
}
#content_box {
    float: left;
    width: 100%;
}
.post {
    float: left;
    width: 100%;
}
.single_post {
    background-color: #fff;
    float: left;
    width: 100%;
}
.single_page { background-color: white }
.post-content {
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.post-single-content {
    font-size: 16px;
    float: left;
    clear: both;
    width: 100%;
    line-height: 22px;
}
.single_thumb {
    position: relative;
    float: left;
}
.readMore {
    float: right;
    color: #fff;
    font-size : 12px;
}
.readMore a {
    background: #51a2c1;
    color: #fff !important;
    padding: 3px 5px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.readMore a:hover {
    background: #444;
    color: #fff;
}
.ss-full-width {
    background: white;
    padding: 20px;
    border-top: 5px solid #00A8FF;
    margin-bottom: 30px;
}
.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0;
}
.post.excerpt:first-child{
    margin-top: 10px;
}
.post.excerpt {
    clear: both;
    margin-bottom: 35px;
    overflow: hidden;
    padding-bottom: 35px;
    background-color: #fff;
    border-bottom: 1px solid #E9E9E9;
    position: relative;
}
.post-date {
    position: absolute;
    top: 10%;
    left: 5px;
    background: #fff;
    color: #51a2c1;
    padding: 2px 6px;
}
.wp-post-image { float: left }
.featured-thumbnail {
    max-width: 300px;
    float: none;
    width: 100%;
}
#featured-thumbnail {
    float: left;
    width: 47.6%;
    margin-right: 3.5%;
    padding: 5px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
#featured-thumbnail:hover { background: #eee }
.featured-thumbnail img {
    margin-bottom: 0;
    width: 100%;
}
.title {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 22px;
}
.single-title {
    font-size: 24px;
    line-height: 28px;
    float: left;
    padding: 0 0 0 0;
}
#single-featured {
    width: 100%;
    float: left;
}
.single-featured-thumbnail {
    background: #dfdfdf;
    padding: 5px;
    width: 98.5%;
    float: left;
    margin-bottom: 30px;
}
.single-featured-thumbnail img {
    width: 100%;
    width: 620px;
}
.title a { color: #444 }
.page h1.title { margin-bottom: 20px }
.post-info {
    display: block;
    font-size: 12px;
    color: #555555;
}
.single-postmeta {
    clear: both;
    float: left;
    margin-bottom: 10px;
}
.home article header, .archive article header {
    margin-bottom: 10px;
    float: none;
}
article header {
    margin-bottom: 15px;
    width: 100%;
}
.post-info a { color: #51a2c1 }
.article img.left, .article img.alignleft, .wp-caption.alignleft {
    margin: 0.3em 1.571em 0.5em 0;
    display: block;
    float: left;
}
.article img.right, .article img.alignright, .wp-caption.alignright {
    margin: 0.3em 0 0.5em 1.571em;
    display: block;
    float: right;
}
.article img.center, .article img.aligncenter, .wp-caption.aligncenter {
    margin: 0.3em auto 0.5em auto;
    display: block;
}
.article img.aligncenter, .article img.alignnone {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
}
.article ul {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: circle;
}
.article ol {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: decimal;
}
/*-[ Tab widget ]------------------------------*/
#tabber {
    display: block;
    height: auto;
    margin: 0px 0px 25px 0px;
    overflow: hidden;
    max-width: 299px;
    background-color: #FFF;
}
#tabber .inside {
    background: #fff;
    padding: 0 10px 15px;
    border: 1px solid #E9E9E9;
    border-top: none;
}
#tabber ul.tabs {
    overflow: hidden;
    height: 38px;
    text-align: center;
}
#tabber ul.tabs li {
    background: none;
    float: left;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border-bottom: none;
    width: 50%;
    text-align: center;
}
#tabber ul.tabs li a {
    background: #E9E9E9;
    color: #666;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    padding: 2px 0 2px 0;
    line-height: 34px;
    width: 100%;
    font-family: PT Sans, sans-serif;
}
#tabber ul.tabs li a.selected {
    background: #51a2c1;
    margin: 0;
    color: #fff;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
}
#tabber ul.tabs li.tab-recent-posts a {
    margin: 0;
    border-left: 0;
    text-align: center;
}
#tabber ul.tabs li.tab-recent-posts a.selected {
    background: #51a2c1;
    width: 100%;
    line-height: 34px;
    text-align: center;
}
#tabber ul.tabs li a:hover { text-decoration: none }
#tabber .inside li {
    list-style: none;
    padding: 15px 0 0 0;
}
#tabber .inside li a { line-height: 18px }
#tabber .inside li div.info {
    display: table;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}
#tabber .inside li div.info .entry-title {
    font-size: 13px;
    margin-bottom: 6px;
    color: #555;
}
#tabber .inside li div.info .entry-title a { color: #555 }
#tabber .inside li div.info .entry-title a:hover { color: #51a2c1 }
#tabber .inside li div.info p { color: #919191 }
#tabber .inside li .meta {
    display: block;
    font-size: 13px;
    color: #51a2c1;
}
#tabber .tab-thumb {
    border: 1px solid #f0f0f0;
    padding: 4px;
    background: #fff;
    float: left;
    display: inline;
    margin: 0px 12px 0px 0px;
}
.post-number {
    position: relative;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
    bottom: 22px;
    background: #2DB2EB;
}
#tabber .inside .tabsSep {
    margin-top: 7px;
    width: 100%;
    height: 1px;
    background-color: #e8e5de;
    clear: both;
    float: left;
}
/*-[ Tweets Widget ]---------------------------*/
.tweets li { margin-bottom: 15px!important }
.twitter-follow {
    background: url("http://magazine.1katsu.jp/wp-content/themes/great/images/small_twitter.png") no-repeat center left;
    padding: 5px 0 5px 20px;
    float: right;
}
/*-[ Form Input ]------------------*/
input, textarea, select {
    padding: 8px 12px;
    font-size: 12px;
    color: #5E656D;
}
textarea {
    overflow: auto;
    resize: vertical;
}
select { padding: 12px 20px }
input:focus, textarea:focus { }
::-webkit-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-moz-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-ie-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::-o-input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
::input-placeholder {
    color: #585F65;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
}
/*-[ Tables ]--------------------*/
table {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    border: 2px solid #F1F4F6;
}
thead {
    background: #F7F8F9;
    font-size: 14px;
    color: #585F65;
}
table th, table td {
    padding: 7px 15px;
    text-align: left;
}
thead th { padding: 14px }
tbody th {
    font-weight: normal;
    border-bottom: 1px solid #F5F7F9;
}
/*-[ Line ]---------------------*/
hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    width: 297px;
    margin: 35px 0;
    clear: both;
    position: relative;
}
/*-[ Search Form ]------------------*/
#searchform {
    float: left;
    clear: both;
    width: 100%;
}
nav #searchform { float: right }
nav #searchform fieldset {
    padding: 5px 0 5px 15px;
    border: 0;
    border-left: 1px solid #eee;
}
#searchform fieldset { float: left }
#searchform input { border: 0 }
.sbutton {
    padding: 8px 12px 10px 12px;
    border: 1px solid #e8e5de!important;
}
.main-header #s { width: 150px }
.sidebar #searchform label {
    color: #444;
    padding-top: 10px;
    float: left;
    font-weight: bold;
}
.sidebar #s {
    width: 84.2%;
    background-color: #fff;
    background-image: url("images/search.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    float: left;
    padding: 10px 35px 12px 10px;
}
.footer-widgets fieldset, #sidebars fieldset { width: 100% }
.footer-widgets #s {
    width: 82%;
    background-color: #fff;
    background-image: url("images/search.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    float: left;
    padding: 10px 35px 12px 10px;
}
.footer-widgets .sbutton, #sidebars .sbutton {
    float: right;
    background-color: #f9f7f2;
    text-align: center;
}

.sidebar .sbutton { padding-top: 10px }
.breadcrumbs-wrap {

    padding: 4px 0;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;

}

.breadcrumbs-wrap .breadcrumbs{
    background: none;
}
.breadcrumbs {
    background: #51a2c1;
    padding: 5px 0;
}
.breadcrumb {
    margin: 0 auto;
    max-width: 1080px;
    line-height: 24px;
    color: #808080;
    padding-left: 50px;
}
.breadcrumb a, .breadcrumb a:hover { color: #808080 }
/*-[ Read More ]-------------------*/
.read-more {
    margin: 0 0 0 10px;
    font-family: signika, sans-serif;
    line-height: 1.4em;
    background: none;
    padding: 0;
    font-size: 16px;
}
/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
    margin-bottom: 10px;
    clear: both;
}
/*-[ Bottom Ad in post ]-----------*/
.bottomad {
    float: left;
    clear: both;
}
/*-[ Sidebar ]---------------------*/
#sidebars p { line-height: 20px }
.sidebar.c-4-12 {
    float: left;
    width: 31.2%;
    max-width: 300px;
}
.widget {
    margin-bottom: 27px;
    overflow: hidden;
}
#sidebars .widget { background: white }
.widget .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #545E68;
    font-size: 12px;
}
.widget li {
    display: block;
    overflow: hidden;
    list-style-type: none;
    padding-left: 15px;
    padding-bottom: 0.2em;
    background: url("http://magazine.1katsu.jp/wp-content/themes/great/images/arrow.png") 0 5px no-repeat;
    margin-bottom: 0.4em;
    font-size:13px;
    line-height: 1.42857143;
}
.widget h3 {
    font-size: 20px;
    line-height: 18px;
    margin: 5px 0 20px 0;
}

#menu-sidebar >li > a{
    margin-bottom: 10px;
    display: block;
    padding-bottom: 10px;
   border-bottom:1px solid #ddd;
}
.sub-menu > li:before{
   content : "・";
}
.sub-menu {
    padding-left: 5px;
}
#menu-sidebar > li:first-child {
    margin-top: 30px;
}

/*ここからサイドバー追加 */
/* snsボタン全般設定 */
.snsshare2 {
width: 100%;
height: 180px;
margin-bottom: 10px;
}
.snsshare2 a {
width: 49%;
height: 25px;
margin-bottom: 10px;
padding: 14px 0;
float: left;
font-size: 1.13em; /* 18px */
font-weight: bold;
color: #ffffff;
text-align: center;
letter-spacing: 0.1em;
display: inline-block;
text-decoration: none;
}
.snsshare2 a:hover {
color: #ffffff;
text-decoration: none;
}
/* facebook設定 */
.snsshare2 a#share_fb {
background-color: #3B5998;
border-bottom: 5px solid #0E327B;
margin-right: 2%;
color: #ffffff;
}
/* Twitter設定 */
.snsshare2 a#share_tw {
background-color: #00ACEE;
border-bottom: 5px solid #0193CB;
color: #ffffff;
}
/* hatena!設定 */
.snsshare2 a#share_hatena {
background-color: #FFBC00;
border-bottom: 5px solid #DCA100;
margin-right: 2%;
color: #ffffff;
}
/* feedly設定 */
.snsshare2 a#share_feedly {
background-color: #70CA3B;
border-bottom: 5px solid #69A205;
color: #ffffff;
}

/*-[ Footer ]-------------------*/
body > footer {
    overflow: hidden;
    width: 100%;
    background: #f4f3f1;
        text-align: center;
        color: white;
        border-top: 1px solid #cacaca;
}
body > footer .footeText {
    width: 960px;
    margin: 22px auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
body > footer .footeText a {
    color: #fff;
    border-bottom: 2px solid #ee3f02;
}
body > footer .widget { padding: 10px 0 0 0 }
body > footer .sidebar .widget .title {
    font-size: 135%;
    color: #D4D8DB;
}
footer .widget { margin-bottom: 0 }
footer .widget li a { color: #555 }
footer .widget li a:hover { color: #51a2c1 }
footer {
    background: #fff;
    position: relative;
    overflow: hidden;
}
.footer-social {
    padding: 4px 0;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    color: white;
    float: left;
    width: 100%;
}
.footer-social-inner {
    color: #fff;
    float: left;
    width: 100%;
    background: #51A2C1;
}
.footer-inner {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}
.footer-social-container {
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 7px;
    overflow: hidden;
    max-width: 960px;
    float: right;
}
.footer-social-container a {
    float: left;
    opacity: 1;
}
.footer-social-container a:hover { opacity: 0.8 }
.footer-social-container a:last-child div { margin-right: 0 }
.footer-social span {
    margin-top: 6px;
    margin-bottom: 6px;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.footer-social ul { float: right }
.footer-social li {
    float: left;
    width: 34px;
    height: 32px;
    margin-left: 15px;
}
.footer-social li a {
    display: block;
    width: 30px;
    height: 32px;
    color: #fff;
    background-color: #51a2c1;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.footer-social li a:hover {
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.footer-social-container div {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 8px;
}
.footer-social .iFb { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/facebook.png") }
.footer-social .iIn { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/linkedin.png") }
.footer-social .iTw { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/twitter.png") }
.footer-social .iPinterest { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/pinterest.png") }
.footer-social .iGl { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/googleplus.png") }
.footer-social .iRss { background-image: url("http://magazine.1katsu.jp/wp-content/themes/great/images/rss.png") }
footer .container { background-color: #fff }
footer p { color: #8D8D8D }
.footer-widgets {
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 5px 0 0;
}
.footer-widgets h3 { font-size: 20px }
.f-widget {
    width: 28%;
    float: left;
    position: relative;
    color: #8D8D8D;
    margin-bottom: 0px;
    margin-right: 8%;
}
.copyrights {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 5px;
    padding-top: 15px;
    color: white;
}
#copyright-note {
    width: 1020px;
    margin: 0 auto;
    clear: both;
    max-width: 100%;
}
#sidebars .wp-post-image, footer .wp-post-image {
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
}
.postsby { margin-bottom: 25px }
.textwidget a:hover { color: #222!important }

/*ここからfooter追加*/
body > footer .widget{
   border-radius : 10px;
   background:#fff;
   padding: 0;
   margin-bottom: 10px;
}
.footer-widgets h3{
   background:#bbb;
   padding: 20px 0;
}
body > footer{
   background:#343434;
   padding-top: 20px;
   margin-bottom: -20px;
}
footer .widget h3{
   margin: 0;
}
footer .textwidget{
   padding:20px 0;
}
/*-[ Related Posts ]---------------------------*/
.related-posts {
    background-color: #FFF;
    margin-top: 30px;
    clear: both;
    float: left;
}
.postauthor p { padding-top: 0px }
.related-posts ul {
    margin-left: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    margin-top: 0;
}
.related-posts h5 {
    line-height: 20px;
    padding-left: 80px;
    color: #919191;
    text-transform: uppercase;
    font-size: 13px;
}
.related-posts h3 {
    font-size: 20px;
    margin: 0;
}
.relatedthumb img {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 0;
}
.postauthor-top { margin-bottom: 10px }
.related-posts li {
    float: left;
    list-style: none;
    margin-right: 4%;
    width: 45%;
    min-width: 280px;
}
.related-posts a {
    color: #555;
    font-size: 13px;
}
.rtitle {
    display: block;
    color: #51a2c1;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: PT Sans, sans-serif;
    float : right;
    width :75%;
}
.rthumb {
    float: left;
    margin-right: 0px;
}
.related-posts .last { margin-right: 0 }
.tags {
    margin: 20px 0 20px 0;
    width: 100%;
    float: left;
}
.tagtext { margin-right: 5px }
.postauthor {
    margin: 30px 0 0px 0;
    min-height: 125px;
    background-color: #fff;
    float: left;
    clear: both;
    width: 100%;
}
.postauthor h4 {
    font-weight: bold;
    font-size: 20px;
}
.postauthor h5 {
    color: #51a2c1;
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    margin: 0;
    line-height: 24px;
}
.postauthor img {
    float: left;
    margin: 5px 25px 15px 0;
}
.postauthor h4 a { color: #473636 }
.clear { clear: both }
.left { float: left }
.right { float: right }
.last { margin-right: 0 }
/*-[ Tag widget ]------------------------------*/
.tagcloud a {
    font-size: 13px!important;
    padding: 2px 10px;
    margin-bottom: 10px;
    float: left;
    margin-right: 7px;
    background: #51a2c1;
    color: #fff;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.tagcloud a:hover {
    background: #222;
    color: #fff;
}
/*-[ Ad Widgets ]------------------------------*/
.ad-125 ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    max-width: 100%;
}
.ad-125 li {
    float: left;
    border: none;
    list-style: none!important;
    padding-left: 0;
    background: none;
    margin-bottom: 0;
}
.ad-300 img { background: #FAFAFA }
.ad-125 .evenad { float: right!important }
footer .ad-300 img, footer .ad-125 img {
    padding: 0;
    background: #FAFAFA;
    border: 0;
}
/*-[ Calender Widget ]-------------------------*/
#wp-calendar { width: 300px }
#wp-calendar td { text-align: center }
#wp-calendar caption {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}
#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
}
/*-[Comments]--------------*/
.total-comments {
    font-size: 20px;
    color: #222;
    font-weight: bold;
}
.cnumber { color: #2DB2EB }
#comments {
    background-color: #fff;
    margin-top: 30px;
    float: left;
    clear: both;
    width: 100%;
}
#commentsAdd {
    background-color: #fff;
    margin-top: 30px;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}
#comments .avatar {
    float: left;
    margin-right: 20px;
}
.comment time {
    font-size: 12px;
    padding-right: 5px;
}
span.comment-time { margin-right: 5px }
.comment-reply-link { font-size: 12px }
ul.children .commentImageLeft {
    width: 60px;
    height: 90px;
    border-left: 1px solid #c1bbb6;
    border-bottom: 1px solid #c1bbb6;
    position: absolute;
    top: -50px;
    left: -70px;
}
input.text-input, #commentform input { padding: 11px }
input#author, input#email, input#url {
    width: 300px;
    border: 1px solid #E9E9E9;
    background: #fff;
    font-size: 14px;
    float: right;
    max-width: 85%;
}
input#author:hover, input#email:hover, input#url:hover, #comment:hover { border-color: #8E8E8E }
input#author, input#email, input#url, #comment {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-color: #BEBEBE;
    float: left;
}
.contactform input[type="text"] { width: 380px }
#cancel-comment-reply-link {
    float: right;
    line-height: 24px;
    margin-top: 0;
}
.contact-submit, #cancel-comment-reply-link {
    padding: 7px 20px;
    color: white;
    cursor: pointer;
    background: #222;
}
#commentform input#submit {
    font-size: 14px;
    line-height: 20px;
    background-color: #51a2c1;
    padding: 5px 8px;
    color: #fff;
    text-decoration: none;
    float: right;
    cursor: pointer;
    display: inline-block;
    border: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
#commentform input#submit:hover {
    background: #222;
    color: #fff;
}
ol.commentlist { margin-left: 0 }
.commentlist li {
    list-style: none;
    margin: 0 0 0 0;
    padding-left: 0;
    float: left;
    width: 100%;
}
.commentlist li > div {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.commentlist p {
    margin-bottom: 1em;
    line-height: 21px;
}
.fn {
    font-size: 18px;
    display: block;
    line-height: 1.375em;
    font-weight: bold;
    font-family: PT Sans,sans-serif;
}
.fn a {
    color: #51a2c1;
    font-size: 18px;
    font-weight: bold;
    font-family: PT Sans,sans-serif;
}
.comment-meta {
    font-size: 12px;
    font-style: italic;
}
.comment-meta a { color: #888 }
.commentmetadata { overflow: hidden }
.reply {
    margin-top: 10px;
    padding-bottom: 15px;
    overflow: hidden;
    width: 100%;
    float: right;
}
.reply a {
    float: right;
    padding: 0 14px;
    color: #BDBDBD;
    font-size: 12px;
}
.commentlist .children {
    margin-left: 17%;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    width: 83%;
}
.commentlist .children li {
    margin-bottom: 0;
    padding-bottom: 0;
}
.avatar { float: left }
#respond { border-bottom: 0 }
#respond h3 {
    margin-top: 20px;
    font-size: 18px;
    margin: 15px 0 0 0;
    padding: 0 0 20px 0;
}
.cancel-comment-reply a {
    float: right;
    margin-top: -8px;
    font-size: 14px;
}
.comment-awaiting-moderation {
    font-style: italic;
    font-weight: bold;
}
/*-[ Comment Form ]----------------------------*/
#commentform textarea {
    width: 96.4%;
    font-family: inherit;
    border: 1px solid #E9E9E9;
    background: #fff;
    font-size: 14px;
    padding: 5px 10px 10px 10px;
    line-height: 25px;
    font-family: georgia;
    font-style: italic;
}
#commentform p {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}
#commentform p label {
    float: left;
    padding-bottom: 5px;
    padding-top: 5px;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
    width: 30%;
    clear: none;
    float: left;
    margin-right: 10px;
}
.required {
    color: red;
    float: left;
    font-size: 18px;
    padding: 9px 5px 1px;
}
.comment-notes .required {
    padding-left: 0;
    padding-top: 3px;
}
.comment-notes { font-style: italic }
/*-[ pagination ]------------------*/
.pagination {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    font-family: arial;
    font-weight: 700;
    background-color: #FFF;
}
.pagination ul {
    list-style: none;
    margin: 0;
}
.pagination ul li { float: left }
.currenttext, .pagination a:hover {
    background: #51a2c1;
    color: #fff;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    text-decoration: none;
    padding: 7px 11px;
}
.pagination a, .pagination2 {
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 7px 11px;
}
.pagination2 { clear: both }
.top { float: right }
.top a:hover { color: #555 }
.toplink { color: #979494!important }
.toplink:hover { color: #222!important }
.pnavigation2 {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    float: left;
    margin-bottom: 10px;
}
.nav-previous { float: left }
.nav-next { float: right }




/*ここから追加画面*/
.main-container{
    border: none;
    background: none;
}

.article{
        width: 68%;
        margin-right: 2%;
    border: 1px solid #ddd;
    padding: 20px 25px;
    border-radius: 4px;
    box-sizing: border-box;
        background: #fff;
}

.main-container{
    width: 1080px;
    padding: 0;
    margin-top: 20px;
}

#page, .container{
    max-width: 1080px;
}

.sidebar.c-4-12{
    width: 30%;
}

#page{
    padding-top: 0;
}

#sidebars .widget{
    background: none;
}

.featured-thumbnail{
    max-width: 200px;
    min-width: 110px;
}

#featured-thumbnail{
    width: auto;
}

.secondary-navigation{
    float: none;
    width: 100%;
    background-color: none;
    border-bottom: 3px solid #ddd;
}

#navigation,#header .container{
    float: none;
        text-align: center;
    max-width: 1080px;
    margin: 0 auto;
        overflow: hidden;
}

#navigation .menu{
    float: none;
        text-align: center;
}

.main-header{
    background: url("images/headerbg.png")center right;
}

#header{
    max-width:none;
    background-color: none;
    min-height: 60px;
}

.main-header{
    float: none;
}

#header #logo a{
color: white;
}

#header h1,#header h2{
    margin: 30px 0;
    float: none;
    text-align: center;
}


#navigation ul li{
    float: none;
    display: inline-block;
    list-style: none;
    position: relative;
    border-right: 1px solid #ccc;
        margin-left: -4px;
}

#navigation ul li:first-child {
    border-left: 1px solid #ccc;
}

#navigation > ul > li:last-child{
    border-right: 1px solid #ccc;
}

.secondary-navigation a{
    font-size: 18px;
        padding: 20px 25px;
        margin: 0;
        color: #E4E4E4;
        -webkit-transition: background-color, color 0s linear;
    -moz-transition: background-color, color 0s linear;
    transition: background-color, color 0s linear;
    font-weight: normal;
}

.secondary-navigation a:hover{
    background-color: rgba(25, 182, 152, 0.4);
    color: white;
}

.secondary-navigation{
    height: auto;
}

.title{
    font-size: 23px;
    line-height: 130%;
}

.title a{
    color: #333;
    height: 2.4em;
    overflow: hidden;
    display: block;
    font-weight: bold;
}

#featured-thumbnail{
    margin-right: 13px;
    padding: 1px;
}

.post-date{
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
    background: #f6f6f6;
    font-size: 16px;
    margin: 5px 0;
    padding: 4px 0 4px 6px;


}

.post.excerpt .post-date{
color: #4c4c4c;

}

.post-date a{
    text-decoration: underline;
    color: #444;

}
.post-content{
    margin-left: 215px;
}

.post-body{
margin-top: 15px;
height: 3.1em;
overflow: hidden;
}


.post-date i{
margin-right:5px;  
}

.post-date time{
margin-right:15px;  
}

.readMore {
    float: none;
}

.post.excerpt .readMore a{
    background: #e67e22;
    padding: 8px 25px;
    font-weight: bold;
}

.post.excerpt .readMore a:hover{
    opacity: 0.7;
}

.post-content{
    margin-bottom: 5px;
}


#featured-thumbnail:hover{
    opacity: 0.7;
}


.wpp-list-popular li{

}
.wpp-list-popular li a:first-child{
display: block;
    float: left;
    height: auto;
}
.wpp-list-popular li a{
font-style: normal;
line-height: 1.4em;
}
.wpp-list-popular a:hover{
opacity: 0.7;
}


.widget li{
    background: none;
    padding-left: 0;
    text-align: left;
}

img.wpp-thumbnail{
        margin: 0 10px 0 0;
}

.wpp-views{
font-size: 0.8em;
}


.widget-sidebar h3{
    border-bottom: 4px solid #d35400;
    padding: 10px 0;
    text-align: left;
        font-size: 20px;
}

.widget-sidebar a{
color: #151515;
}


#navigation .sf-sub-indicator{
    display: none;
}

header #header .container h2.sub{
color: white;
font-size: 1em;
margin-top: 0px;
}

header #header .container h1,
header #header .container h2#logo{
    margin-bottom: 0px;
}

#content_box h1{
    border-bottom: 4px solid #d35400;
        font-size: 22px;
        padding-bottom: 5px;
        width: 100%;

}

.single .tag_list a{
    display: inline-block;
    line-height: 25px;
    font-size: 12px;
    color: #351a0b;
    border-radius: 3px;
    border: 1px solid #B9B9B9;
    padding: 0px 15px;
    background-color: #E4E4E4;
    margin: 2px 15px 2px 0px;
}

.single .tag_list{
    margin-bottom: 30px;
}

.single .wp_social_bookmarking_light{
margin-bottom: 20px!important;
}


.single .post-single-content img{
margin: 0 auto;
border: 1px solid #ccc;
border-radius: 5px;
}

.single .post-single-content iframe{
margin: 0 auto;
}

.single .post-single-content h2 {
    background-color: #efefef;
    border-radius: 4px;
    margin: 60px 0 40px;
    padding: 20px 16px;
    font-size: 22px;
}

.single .post-single-content h3 {
    border-bottom: solid 2px #72D89B;
    padding: 0 0 8px 15px;
    margin: 60px 0 40px;
}

.wpp-list-popular li a{
    height: 4em;
    display: block;
    overflow: hidden;
    font-size: 0.9em;
}

.single  blockquote {
    background: url("http://magazine.1katsu.jp/wp-content/themes/great/images/blo_icon.png") center 15px no-repeat;
    background-color: #F1F1F1;
    border-radius: 4px;
    color: #351a0b;
    padding: 25px 60px 10px;
    margin: 30px 0;
}

.single p{
    line-height: 1.7em;
}

.related-posts{
    margin-bottom: 50px;
}


/*-----------------------------------------------
/* Responsive
/*---------------------------------------------*/
@media screen and (max-width:1020px) { 
    #header, .footer-widgets {
        width: 95.6%;
        padding: 0 2.15%;
    }
}
@media screen and (max-width:960px) { 
    #page, .container { max-width: 100% }
    .article { width: 66.3% }
    .sidebar.c-4-12 { width: 30% }
    .related-posts li { margin-right: 4% }
    img, embed {
        max-width: 100%;
        height: auto!important;
    }
    .ad-300 img { max-width: 100% }
    .ad-125 li { max-width: 40% }
    .footer-widgets #s, #sidebars #s { width: 77% }
    .ad-125 img {
        padding: 0;
        background: #FAFAFA;
        border: 0;
    }
}

@media screen and (max-width:860px) {
.article{ 
padding: 20px 15px;
}
.secondary-navigation a{
    padding: 20px 15px;
}
.title{
    font-size: 20px;
}

.post-date{
    font-size: 12px;
}

.post-content{
    margin-top: 10px;
}

.post-body {
    margin-top: 10px;
    height: 5.1em;
    overflow: hidden;
    font-size: 12px;
}
.post-date time{
    margin-right: 5px;
}
.wpp-list-popular li a{
    font-size: 0.8em;
    height: 4em;
    text-align: left;
}

}

@media screen and (max-width:700px) { 
    .secondary-navigation a{
        font-size: 16px;
}
.post-body{
height: 3.3em;
}
.post-content{
    margin-left: 34.7%;
}

}
@media screen and (max-width:560px) { 
    /*.secondary-navigation { width: 50% }*/
    #navigation ul {
        float: none;
        display: inline-block;
    }
    /*.js #navigation > ul { display:block  }*/
    /*.js #navigation select {
        display: inline-block !important;
        max-width: none;
        border: none;
        padding: 7px 15px;
        width: 80%;
        color: #444;
    background: #E6E6E6;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
        font-size: 12px;
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9);
        margin-top: 4px;
        float: right;
        margin-right: 15px;
    }*/
    .breadcrumb { padding: 0 2%;
        font-size: 0.8em;
    line-height: 20px; }
}
@media screen and (max-width:720px) { 
    #header { margin: 0 }

    #featured-thumbnail { width: 31.7%;
        min-width: 110px; }

}
@media screen and (max-width:720px) { 
    .secondary-navigation a {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
    .article { width: 99.8% }
    #content_box {
        padding-right: 0px;
        padding-left: 0px!important;
    }
    .sidebar.c-4-12 {
        float: left;
        width: 100%;
    }
    .sidebar.c-4-12{
    margin: 0 auto;
        max-width: none;
}
.ad-300 {
    text-align: center;
}
    .f-widget { width: 44% }
    .f-widget-2 { margin-right: 0 }
    .ad-125 li { max-width: 45% }
    .footer-widgets #s { width: 70% }
    #comments { margin-right: 0 }
}
.widget-sidebar {
text-align: center;
}
.widget-sidebar iframe{
height: 300px!important;
}

}
@media screen and (max-width:600px) { 
    .featured-thumbnail img { width: 100% }
    .post-body{
        height: 2.7em;
        margin-top: 0px;
        line-height: 1.4em;
    }

    .post.excerpt{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .single .post-single-content h3{
        padding: 0;
    }
    #content_box h1{
        font-size: 20px;
    }
    




}
@media screen and (max-width:570px) { 
    .readMore{
            display: none;
        }
        .secondary-navigation a {
    font-size: 12px;
}
}
@media screen and (max-width:550px) { 
    .secondary-navigation {
        float: none;
        width: 100%;
        height: auto;
    }
    .title{
        line-height: 120%;
    }
    .title a{
        height: 4.2em;
    font-size: 16px;
    line-height: 1.4em;
    }
    /*#navigation { margin: 5px auto 10px }*/
    .js #navigation select {
        margin-right: 0;
        width: 100%;
    }
    .sbutton { float: right }
    .read-more { 
        font-size: 16px;
         }
     
    .post-content {
        padding-bottom: 0;
    }
    .f-widget { width: 95% }
    footer #s { width: 65% }

}
@media screen and (max-width:460px) { 
    .related-posts li {
        width: 100%;
        margin-bottom: 15px;
    }
    .secondary-navigation a {
    padding: 20px 10px;
}


}
@media screen and (max-width:415px) { 
    #navigation {
        margin-top: 0;
        margin-bottom: 0;
    }
    .secondary-navigation {
        width: 100%;
        height: 35px;
    }
    .js #navigation select {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (max-width:400px) { 
    .slidertext { display: none }
    #commentform textarea { width: 90% }
    .post-body{
        position: absolute;
            height: 3.9em;
            line-height: 1.4em;
            margin-top: 0;
    }
    .post.excerpt .readMore a{
    padding: 8px 20px 8px 21px;
    display: block;
    width: 70px;
    text-align: center;
    }
    .post-content {
    margin-left: 120px;
}
    .readMore{
        display: block;
            margin-top: 20px;

    }
    .post.excerpt{
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    #featured-thumbnail:hover{
    opacity: 1;
}
.wpp-list-popular a:hover{
opacity: 1;
}
.post.excerpt .readMore a:hover{
    opacity: 1;
}


    

}

@media screen and (max-width:350px) { 
.post-date a.category{
    display: none;
}
.breadcrumb { 
        font-size: 0.6em;
    line-height: 14px; 
}
.single p{
    font-size: 0.9em;
}
.secondary-navigation a{
    font-size: 12px;
}
.fi-folder{
    display: none;
}
        .home .title {
    line-height: 95%;
}
#header h1, #header h2{
    font-size: 28px;
}
    }
@media screen and (max-width:300px) { 
    nav fieldset, .js #navigation select {
        width: 100%;
        float: left;
    }
    .secondary-navigation {
        width: 90%;
        padding: 0 2%;
    }
    .article {
        padding: 0 2%;
        width: 89%;
    }


}


































@font-face {
  font-family: "foundation-icons";
  src: url("foundation-icons.eot");
  src: url("http://magazine.1katsu.jp/wp-content/themes/great/foundation-icons-.eot#iefix") format("embedded-opentype"),
       url("foundation-icons.woff") format("woff"),
       url("http://magazine.1katsu.jp/wp-content/themes/great/foundation-icons.ttf") format("truetype"),
       url("http://magazine.1katsu.jp/wp-content/themes/great/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.fi-address-book:before { content: "\f100"; }
.fi-alert:before { content: "\f101"; }
.fi-align-center:before { content: "\f102"; }
.fi-align-justify:before { content: "\f103"; }
.fi-align-left:before { content: "\f104"; }
.fi-align-right:before { content: "\f105"; }
.fi-anchor:before { content: "\f106"; }
.fi-annotate:before { content: "\f107"; }
.fi-archive:before { content: "\f108"; }
.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-arrows-compress:before { content: "\f10d"; }
.fi-arrows-expand:before { content: "\f10e"; }
.fi-arrows-in:before { content: "\f10f"; }
.fi-arrows-out:before { content: "\f110"; }
.fi-asl:before { content: "\f111"; }
.fi-asterisk:before { content: "\f112"; }
.fi-at-sign:before { content: "\f113"; }
.fi-background-color:before { content: "\f114"; }
.fi-battery-empty:before { content: "\f115"; }
.fi-battery-full:before { content: "\f116"; }
.fi-battery-half:before { content: "\f117"; }
.fi-bitcoin-circle:before { content: "\f118"; }
.fi-bitcoin:before { content: "\f119"; }
.fi-blind:before { content: "\f11a"; }
.fi-bluetooth:before { content: "\f11b"; }
.fi-bold:before { content: "\f11c"; }
.fi-book-bookmark:before { content: "\f11d"; }
.fi-book:before { content: "\f11e"; }
.fi-bookmark:before { content: "\f11f"; }
.fi-braille:before { content: "\f120"; }
.fi-burst-new:before { content: "\f121"; }
.fi-burst-sale:before { content: "\f122"; }
.fi-burst:before { content: "\f123"; }
.fi-calendar:before { content: "\f124"; }
.fi-camera:before { content: "\f125"; }
.fi-check:before { content: "\f126"; }
.fi-checkbox:before { content: "\f127"; }
.fi-clipboard-notes:before { content: "\f128"; }
.fi-clipboard-pencil:before { content: "\f129"; }
.fi-clipboard:before { content: "\f12a"; }
.fi-clock:before { content: "\f12b"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-cloud:before { content: "\f12d"; }
.fi-comment-minus:before { content: "\f12e"; }
.fi-comment-quotes:before { content: "\f12f"; }
.fi-comment-video:before { content: "\f130"; }
.fi-comment:before { content: "\f131"; }
.fi-comments:before { content: "\f132"; }
.fi-compass:before { content: "\f133"; }
.fi-contrast:before { content: "\f134"; }
.fi-credit-card:before { content: "\f135"; }
.fi-crop:before { content: "\f136"; }
.fi-crown:before { content: "\f137"; }
.fi-css3:before { content: "\f138"; }
.fi-database:before { content: "\f139"; }
.fi-die-five:before { content: "\f13a"; }
.fi-die-four:before { content: "\f13b"; }
.fi-die-one:before { content: "\f13c"; }
.fi-die-six:before { content: "\f13d"; }
.fi-die-three:before { content: "\f13e"; }
.fi-die-two:before { content: "\f13f"; }
.fi-dislike:before { content: "\f140"; }
.fi-dollar-bill:before { content: "\f141"; }
.fi-dollar:before { content: "\f142"; }
.fi-download:before { content: "\f143"; }
.fi-eject:before { content: "\f144"; }
.fi-elevator:before { content: "\f145"; }
.fi-euro:before { content: "\f146"; }
.fi-eye:before { content: "\f147"; }
.fi-fast-forward:before { content: "\f148"; }
.fi-female-symbol:before { content: "\f149"; }
.fi-female:before { content: "\f14a"; }
.fi-filter:before { content: "\f14b"; }
.fi-first-aid:before { content: "\f14c"; }
.fi-flag:before { content: "\f14d"; }
.fi-folder-add:before { content: "\f14e"; }
.fi-folder-lock:before { content: "\f14f"; }
.fi-folder:before { content: "\f150"; }
.fi-foot:before { content: "\f151"; }
.fi-foundation:before { content: "\f152"; }
.fi-graph-bar:before { content: "\f153"; }
.fi-graph-horizontal:before { content: "\f154"; }
.fi-graph-pie:before { content: "\f155"; }
.fi-graph-trend:before { content: "\f156"; }
.fi-guide-dog:before { content: "\f157"; }
.fi-hearing-aid:before { content: "\f158"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-html5:before { content: "\f15b"; }
.fi-indent-less:before { content: "\f15c"; }
.fi-indent-more:before { content: "\f15d"; }
.fi-info:before { content: "\f15e"; }
.fi-italic:before { content: "\f15f"; }
.fi-key:before { content: "\f160"; }
.fi-laptop:before { content: "\f161"; }
.fi-layout:before { content: "\f162"; }
.fi-lightbulb:before { content: "\f163"; }
.fi-like:before { content: "\f164"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-loop:before { content: "\f16b"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-male-female:before { content: "\f16e"; }
.fi-male-symbol:before { content: "\f16f"; }
.fi-male:before { content: "\f170"; }
.fi-map:before { content: "\f171"; }
.fi-marker:before { content: "\f172"; }
.fi-megaphone:before { content: "\f173"; }
.fi-microphone:before { content: "\f174"; }
.fi-minus-circle:before { content: "\f175"; }
.fi-minus:before { content: "\f176"; }
.fi-mobile-signal:before { content: "\f177"; }
.fi-mobile:before { content: "\f178"; }
.fi-monitor:before { content: "\f179"; }
.fi-mountains:before { content: "\f17a"; }
.fi-music:before { content: "\f17b"; }
.fi-next:before { content: "\f17c"; }
.fi-no-dogs:before { content: "\f17d"; }
.fi-no-smoking:before { content: "\f17e"; }
.fi-page-add:before { content: "\f17f"; }
.fi-page-copy:before { content: "\f180"; }
.fi-page-csv:before { content: "\f181"; }
.fi-page-delete:before { content: "\f182"; }
.fi-page-doc:before { content: "\f183"; }
.fi-page-edit:before { content: "\f184"; }
.fi-page-export-csv:before { content: "\f185"; }
.fi-page-export-doc:before { content: "\f186"; }
.fi-page-export-pdf:before { content: "\f187"; }
.fi-page-export:before { content: "\f188"; }
.fi-page-filled:before { content: "\f189"; }
.fi-page-multiple:before { content: "\f18a"; }
.fi-page-pdf:before { content: "\f18b"; }
.fi-page-remove:before { content: "\f18c"; }
.fi-page-search:before { content: "\f18d"; }
.fi-page:before { content: "\f18e"; }
.fi-paint-bucket:before { content: "\f18f"; }
.fi-paperclip:before { content: "\f190"; }
.fi-pause:before { content: "\f191"; }
.fi-paw:before { content: "\f192"; }
.fi-paypal:before { content: "\f193"; }
.fi-pencil:before { content: "\f194"; }
.fi-photo:before { content: "\f195"; }
.fi-play-circle:before { content: "\f196"; }
.fi-play-video:before { content: "\f197"; }
.fi-play:before { content: "\f198"; }
.fi-plus:before { content: "\f199"; }
.fi-pound:before { content: "\f19a"; }
.fi-power:before { content: "\f19b"; }
.fi-previous:before { content: "\f19c"; }
.fi-price-tag:before { content: "\f19d"; }
.fi-pricetag-multiple:before { content: "\f19e"; }
.fi-print:before { content: "\f19f"; }
.fi-prohibited:before { content: "\f1a0"; }
.fi-projection-screen:before { content: "\f1a1"; }
.fi-puzzle:before { content: "\f1a2"; }
.fi-quote:before { content: "\f1a3"; }
.fi-record:before { content: "\f1a4"; }
.fi-refresh:before { content: "\f1a5"; }
.fi-results-demographics:before { content: "\f1a6"; }
.fi-results:before { content: "\f1a7"; }
.fi-rewind-ten:before { content: "\f1a8"; }
.fi-rewind:before { content: "\f1a9"; }
.fi-rss:before { content: "\f1aa"; }
.fi-safety-cone:before { content: "\f1ab"; }
.fi-save:before { content: "\f1ac"; }
.fi-share:before { content: "\f1ad"; }
.fi-sheriff-badge:before { content: "\f1ae"; }
.fi-shield:before { content: "\f1af"; }
.fi-shopping-bag:before { content: "\f1b0"; }
.fi-shopping-cart:before { content: "\f1b1"; }
.fi-shuffle:before { content: "\f1b2"; }
.fi-skull:before { content: "\f1b3"; }
.fi-social-500px:before { content: "\f1b4"; }
.fi-social-adobe:before { content: "\f1b5"; }
.fi-social-amazon:before { content: "\f1b6"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-behance:before { content: "\f1b9"; }
.fi-social-bing:before { content: "\f1ba"; }
.fi-social-blogger:before { content: "\f1bb"; }
.fi-social-delicious:before { content: "\f1bc"; }
.fi-social-designer-news:before { content: "\f1bd"; }
.fi-social-deviant-art:before { content: "\f1be"; }
.fi-social-digg:before { content: "\f1bf"; }
.fi-social-dribbble:before { content: "\f1c0"; }
.fi-social-drive:before { content: "\f1c1"; }
.fi-social-dropbox:before { content: "\f1c2"; }
.fi-social-evernote:before { content: "\f1c3"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-forrst:before { content: "\f1c6"; }
.fi-social-foursquare:before { content: "\f1c7"; }
.fi-social-game-center:before { content: "\f1c8"; }
.fi-social-github:before { content: "\f1c9"; }
.fi-social-google-plus:before { content: "\f1ca"; }
.fi-social-hacker-news:before { content: "\f1cb"; }
.fi-social-hi5:before { content: "\f1cc"; }
.fi-social-instagram:before { content: "\f1cd"; }
.fi-social-joomla:before { content: "\f1ce"; }
.fi-social-lastfm:before { content: "\f1cf"; }
.fi-social-linkedin:before { content: "\f1d0"; }
.fi-social-medium:before { content: "\f1d1"; }
.fi-social-myspace:before { content: "\f1d2"; }
.fi-social-orkut:before { content: "\f1d3"; }
.fi-social-path:before { content: "\f1d4"; }
.fi-social-picasa:before { content: "\f1d5"; }
.fi-social-pinterest:before { content: "\f1d6"; }
.fi-social-rdio:before { content: "\f1d7"; }
.fi-social-reddit:before { content: "\f1d8"; }
.fi-social-skillshare:before { content: "\f1d9"; }
.fi-social-skype:before { content: "\f1da"; }
.fi-social-smashing-mag:before { content: "\f1db"; }
.fi-social-snapchat:before { content: "\f1dc"; }
.fi-social-spotify:before { content: "\f1dd"; }
.fi-social-squidoo:before { content: "\f1de"; }
.fi-social-stack-overflow:before { content: "\f1df"; }
.fi-social-steam:before { content: "\f1e0"; }
.fi-social-stumbleupon:before { content: "\f1e1"; }
.fi-social-treehouse:before { content: "\f1e2"; }
.fi-social-tumblr:before { content: "\f1e3"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-vimeo:before { content: "\f1e5"; }
.fi-social-windows:before { content: "\f1e6"; }
.fi-social-xbox:before { content: "\f1e7"; }
.fi-social-yahoo:before { content: "\f1e8"; }
.fi-social-yelp:before { content: "\f1e9"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-social-zerply:before { content: "\f1eb"; }
.fi-social-zurb:before { content: "\f1ec"; }
.fi-sound:before { content: "\f1ed"; }
.fi-star:before { content: "\f1ee"; }
.fi-stop:before { content: "\f1ef"; }
.fi-strikethrough:before { content: "\f1f0"; }
.fi-subscript:before { content: "\f1f1"; }
.fi-superscript:before { content: "\f1f2"; }
.fi-tablet-landscape:before { content: "\f1f3"; }
.fi-tablet-portrait:before { content: "\f1f4"; }
.fi-target-two:before { content: "\f1f5"; }
.fi-target:before { content: "\f1f6"; }
.fi-telephone-accessible:before { content: "\f1f7"; }
.fi-telephone:before { content: "\f1f8"; }
.fi-text-color:before { content: "\f1f9"; }
.fi-thumbnails:before { content: "\f1fa"; }
.fi-ticket:before { content: "\f1fb"; }
.fi-torso-business:before { content: "\f1fc"; }
.fi-torso-female:before { content: "\f1fd"; }
.fi-torso:before { content: "\f1fe"; }
.fi-torsos-all-female:before { content: "\f1ff"; }
.fi-torsos-all:before { content: "\f200"; }
.fi-torsos-female-male:before { content: "\f201"; }
.fi-torsos-male-female:before { content: "\f202"; }
.fi-torsos:before { content: "\f203"; }
.fi-trash:before { content: "\f204"; }
.fi-trees:before { content: "\f205"; }
.fi-trophy:before { content: "\f206"; }
.fi-underline:before { content: "\f207"; }
.fi-universal-access:before { content: "\f208"; }
.fi-unlink:before { content: "\f209"; }
.fi-unlock:before { content: "\f20a"; }
.fi-upload-cloud:before { content: "\f20b"; }
.fi-upload:before { content: "\f20c"; }
.fi-usb:before { content: "\f20d"; }
.fi-video:before { content: "\f20e"; }
.fi-volume-none:before { content: "\f20f"; }
.fi-volume-strike:before { content: "\f210"; }
.fi-volume:before { content: "\f211"; }
.fi-web:before { content: "\f212"; }
.fi-wheelchair:before { content: "\f213"; }
.fi-widget:before { content: "\f214"; }
.fi-wrench:before { content: "\f215"; }
.fi-x-circle:before { content: "\f216"; }
.fi-x:before { content: "\f217"; }
.fi-yen:before { content: "\f218"; }
.fi-zoom-in:before { content: "\f219"; }
.fi-zoom-out:before { content: "\f21a"; }

.social-bookmark > div,
.social-bookmark > iframe {
	float: left;
	margin-right: 10px !important;
}
.hatena-bookmark-button-frame,
.twitter-share-button {
	padding-top: 2px;
}
.social-bookmark {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 16px;
}
.wp_social_bookmarking_light_clear,
.wp_social_bookmarking_light {
	display: none;
}



ul .children {
    margin-left:2em;
}