/*
Theme Name: Hamilton Child
Theme URI: https://www.andersnoren.se/teman/hamilton-wordpress-theme/
Template: hamilton
Author: Anders Norén
Author URI: https://www.andersnoren.se
Description: Hamilton is a clean WordPress portfolio theme for creatives. It displays posts in a beautiful image grid that can be set to either two or three columns, which makes it a perfect fit for photographers, illustrators or graphic designers looking for a theme for their portfolio. It also features Block Editor/Gutenberg support, a dark mode, custom background color support, a resume page template, responsive design, Jetpack infinite scroll support, editor styling, and much more. Demo: https://andersnoren.se/themes/hamilton/
Tags: blog,two-columns,three-columns,custom-menu,featured-images,threaded-comments,translation-ready,grid-layout,custom-background,custom-logo,editor-style,sticky-post,theme-options,portfolio,photography,block-styles,wide-blocks
Version: 2.0.7.1591862664
Updated: 2020-06-11 08:04:24

*/


.title{
    letter-spacing: 0.1em;
}

/*ナビゲーショントグル */
.site-nav ul:first-child li {
    font-size: 20px;
}

/*google map */

.iframeWrap-parent {
    width: 100%;
    /* サイト幅の50% */
    margin-top: 50px;
}

@media screen and (max-width: 959px) {
    .iframeWrap-parent {
        width: 100%;
        /* タブレット以下だとサイト幅100%になる */
    }
}

.iframeWrap-child {
    position: relative;
    width: 100%;
    height: 0;
    /* 以下タテヨコ比（アスペクト比） */
    padding-top: 75%;
    /* 4:3 */
    padding-top: 66%;
    /* 3:2 */
    padding-top: 56%;
    /* 16:9 */
}

.iframeWrap-child iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*news一覧 */
.article-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    padding:10px 0;
    font-size: 14px;
    font-size: .875rem;
    border-bottom: 1px solid #ccc;
}

.article-list .text {
    align-self: stretch;
    /*	background-color: #EEEEEE; */
    padding: 10px;
    width: 100%;
}

.text h2 {
    font-size: 1em;
    margin: 10px 0;
}

.article-date {
    font-size: 1em;
}

.article-list img {
     max-width: 150px;
    max-height: 150px;
    object-fit: cover;
    object-position: 100% 100%
}




.thumb:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

/*footer */

.site-footer {
    padding: 50px 0 100px;
    text-align: center;
}
.site-footer p {
    margin-top: 20px;
}
/*footer snsicon */

#menu-sns.menu ol,
ul {
    margin: .5em 0 1.5em;
}


.menu-sns-container {
    text-align: center;
}
#menu-sns.dashicons a:hover{
    text-decoration: none;
}
.menu-sns-container li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin: 0.5em;
}

.menu-sns-container .dashicons {
    font-size: 1.5em;
    color: #0000008C;
}