@charset "UTF-8";
/*
 *  EASYS-BLOG テンプレート「files_pc」CSS
 *
 */

 @import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&family=Noto+Sans+JP&display=swap');

/*-----------------------------------------------------------------------------*/
/* restyle
/*-----------------------------------------------------------------------------*/

html{width: 100%;}


body {
    height: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    color: #473424!important;
    background: #fffced;
  }
   
    
    body::before {
        content: '';
         position: fixed;
        background: #fff7e2;
        width: 50%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    



* {
    box-sizing:         inherit;
    -o-box-sizing:      inherit;
    -ms-box-sizing:     inherit;
    -moz-box-sizing:    inherit;
    -webkit-box-sizing: inherit;
}
img{ vertical-align : middle}

#wrapper {
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
/*テンプレートカラー：#DFD2C3*/

/*-----------------------------------------------------------------------------*/
/* restyle wrapper
/*-----------------------------------------------------------------------------*/
#wrapper {
    background: none repeat scroll 0 0 #EFE8E1;
    box-shadow: 0 0 15px #EFE8E1;
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;
}

/*-----------------------------------------------------------------------------*/
/* restyle branding_box
/*-----------------------------------------------------------------------------*/
#branding_box {
    background-color: #FFFFFF;
    height: 100px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    width: auto;
}
#branding_box a {
    color: #EFE8E1;
    font-size: 40px;
    font-weight: bold;
    line-height: 100px;
    text-decoration: none;
}
#branding_box a:hover {
    text-decoration: underline;
}
#site-description {
    clear: inherit;
    float: inherit;
    font-style: normal;
    margin: 0;
    padding: 0;
    width: auto;
}

/*-----------------------------------------------------------------------------*/
/* restyle main_teaser
/*-----------------------------------------------------------------------------*/
#main_teaser {
    background-color: #FFFFFF;
    display: block;
    height: 180px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
}
#main_teaser {
    color: #EFE8E1;
    font-size: 40px;
    font-weight: bold;
    line-height: 180px;
}
#main_teaser.page_404 img {
    vertical-align: middle;
}

/*-----------------------------------------------------------------------------*/
/* restyle footer
/*-----------------------------------------------------------------------------*/
#footer_block {
    background-color: #FFFFFF;
    clear: both;
    height: 100px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
#footer_block {
    color: #EFE8E1;
    font-size: 40px;
    font-weight: bold;
    line-height: 100px;
}

address#copyright {
    background-color: #FFFFFF;
    font-size: 11px;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

/*-----------------------------------------------------------------------------*/
/* restyle content area
/*-----------------------------------------------------------------------------*/
#outer_block {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%;
}
#main {
    /* background: none repeat scroll 0 0 #EFE8E1; */
    padding: 0;
}
#main .widget-area ul ul {
    line-height: 30px;
    margin: 0;
    padding: 0;
}
#main .widget-area ul ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #EFE8E1;
    border-image: none;
    border-style: none none dotted;
    border-width: medium medium 1px;
}

#main .widget-area ul ul li a {
    display: block;
    height:30px;
    overflow:hidden;
    color: #473424
}

#main .widget-area a {
    color: #473424!important;
}

#main .widget-area a:hover{
    color: #e4746e!important;
}

#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 10px 10px 0;
    border-radius: 10px 10px;
    box-sizing:border-box;
}
#container.page_404,
#container.page_404 #content {
}
#content {
    margin: 0;
    padding: 0;
}
#content .entry-title {
    background: none repeat scroll 0 0 #EFE8E1;
    font-size: 18px;
    line-height: 25px;
    margin: 15px 0;
    min-height: 35px;
    padding: 10px 30px;
    box-sizing: border-box;
}

/*-----------------------------------------------------------------------------*/
/* restyle widget area
/*-----------------------------------------------------------------------------*/
#primary {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px;
}
#main .widget-area ul {
    margin: 0;
    padding: 10px;
}
li.widget-container {
}
.widget-area ul ul {
    list-style: none outside none;
    margin-left: 1.3em;
}

.widget-title {
    background: none repeat scroll 0 0 #EFE8E1;
    line-height: 35px;
    margin: 0 0 5px;
    text-align: center;
}

.widget-title li{
    height:30px;
    overflow:hidden;
}


.widget-title2 a {
    background: none repeat scroll 0 0 #EFE8E1;
    display: block;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 5px;
    text-align: center;
    font-size: 14px;
}





#wp-calendar tbody td {
    background: none repeat scroll 0 0 #f7f3f0;
}
#wp-calendar tbody td#today {
    background: none repeat scroll 0 0 #EFE8E1;
}
#wp-calendar caption,
#wp-calendar thead th,
#wp-calendar tbody td,
#wp-calendar tfoot #next,
#wp-calendar tfoot #prev
{
    padding: 5px 0;
}

/*-----------------------------------------------------------------------------*/
/* restyle wptouch(モバイルテーマにスイッチ)
/*-----------------------------------------------------------------------------*/
.wptouch-desktop-switch {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    font-size: 30px !important;
    line-height: 2;
}

/*-----------------------------------------------------------------------------*/
/* select template type css
/*-----------------------------------------------------------------------------*/
/* global width
/*--------------------------------------------*/
#main.global {
    width: 960px;
    margin-top: 50px;
}
#container.global {
    float: left;
    width: 710px;
}
#side_navi.global {
    display: block;
    float: right;
    /* margin: 0px 10px; */
}

/* left width
/*--------------------------------------------*/
#main.left {
    clear: inherit;
    float: right;
    margin: 0;
    width: 730px;
}
#container.left {
    float: left;
    width: 480px;
}
#side_navi.left {
    display: block;
    float: right;
}
#custom_menu.left {
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 220px;
}
#custom_menu.left .side_area p {
    color: #EFE8E1;
    font-size: 16px;
    font-weight: bold;
    line-height: 5;
    text-align: center;
}

#main.left #sub_teaser {
    background-color: #FFFFFF;
    color: #EFE8E1;
    font-size: 30px;
    font-weight: bold;
    line-height: 100px;
    margin: 0 0 10px;
    text-align: center;
}

/* right width
/*--------------------------------------------*/
#main.right {
    clear: inherit;
    float: left;
    margin: 0;
    width: 730px;
}
#container.right {
    float: right;
    width: 480px;
}
#side_navi.right {
    display: block;
    float: left;
}
#custom_menu.right {
    background-color: #FFFFFF;
    display: block;
    float: right;
    width: 220px;
}
#custom_menu.right .side_area p {
    color: #EFE8E1;
    font-size: 16px;
    font-weight: bold;
    line-height: 5;
    text-align: center;
}

#main.right #sub_teaser {
    background-color: #FFFFFF;
    color: #EFE8E1;
    font-size: 30px;
    font-weight: bold;
    line-height: 100px;
    margin: 0 0 10px;
    text-align: center;
}

/* Left Bottom width
/*--------------------------------------------*/
#main.l_bottom {
    clear: inherit;
    float: right;
    margin: 0;
    width: 730px;
}
#container.l_bottom {
    float: left;
    margin-bottom: 10px;
    width: 480px;
}
#side_navi.l_bottom {
    display: block;
    float: right;
    margin-bottom: 10px;
}
#custom_menu.l_bottom {
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 220px;
}
#custom_menu.l_bottom .side_area p {
    color: #EFE8E1;
    font-size: 16px;
    font-weight: bold;
    line-height: 5;
    text-align: center;
}

#main.l_bottom #sub_teaser {
    background-color: #FFFFFF;
    color: #EFE8E1;
    font-size: 30px;
    font-weight: bold;
    line-height: 100px;
    margin: 0 0 10px;
    text-align: center;
}

/* Right Bottom width
/*--------------------------------------------*/
#main.r_bottom {
    clear: inherit;
    float: left;
    margin: 0;
    width: 730px;
}
#container.r_bottom {
    float: right;
    margin-bottom: 10px;
    width: 480px;
}
#side_navi.r_bottom {
    display: block;
    float: left;
    margin-bottom: 10px;
}
#custom_menu.r_bottom {
    background-color: #FFFFFF;
    display: block;
    float: right;
    width: 220px;
}
#custom_menu.r_bottom .side_area p {
    color: #EFE8E1;
    font-size: 16px;
    font-weight: bold;
    line-height: 5;
    text-align: center;
}

#main.r_bottom #sub_teaser {
    background-color: #FFFFFF;
    color: #EFE8E1;
    font-size: 30px;
    font-weight: bold;
    line-height: 100px;
    margin: 0 0 10px;
    text-align: center;
}


/*追加ブログ用CSS追加本サイトより引用
---------------------------------------------------------------------------------------------------- */
html {
   margin-top: 0!important;
}

.sp-nav-list__link {
    color: #333!important;
}

.f-text, .copyright {
    font-size: 11px;
    line-height: 1;
}
.copyright {
 padding-top: 10px;
}


article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}
html, body, h1, h2, h3, h4, h5, h6, hr, div, p, pre, address, blockquote, ul, ol, dl, dt, dd, form, fieldset {
    display: block;
    margin: 0;
    padding: 0;
}

.entry-meta {
padding: 0 30px;
box-sizing: border-box;
}
.entry-content {
    padding: 10px 30px 30px;
    box-sizing: border-box;
}

#nav-below {
    padding: 10px 30px;
    box-sizing: border-box;
}


/*ヘッダー
---------------------------------------------------------------------------------------------------- */


#header {
    background: url(/files/main_bg.jpg);
    padding: 0 0 40px 0!important;
}

/*固定ナビ*/
.h-nav__box.fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: 100px;
  }


.h-text {
    font-size: 1px;

}



.gnav-list__link {
    font-size: 16px;
    color: #405413!important;

}


.gnav-list__link:hover, 
.current .gnav-list__link, 
.active .gnav-list__link {
    text-decoration: none;
    color: #e4746e!important;
}




/*フッター
---------------------------------------------------------------------------------------------------- */

.footer {
    margin-top: 50px;
}


.f-nav__link {
    color: #d3dbb6!important;
    font-size: 14px;
}


.pagetop {
    position: fixed;
    z-index: 200;
    bottom: 20px;
    right: 20px;
    opacity: 1;
}



/*レスポンシブ
---------------------------------------------------------------------------------------------------- */

/*ブログ記事箱　レスポンシブ*/
@media screen and (min-width: 992px){
    #container.global {
    width: 74%;
    }
}

@media screen and (max-width: 992px){
    #container.global {
    width: 100%;
    display:block;
    margin:0 auto;
    }
    #main.global {
    width: 90%;
    display:block;
    margin: 30px auto 0px;
    }    
    #wp-calendar caption{
    margin-top: 3vw;
    }
}

/*サイドウィジェット箱　レスポンシブ*/
#primary, #secondary {
    float: none;
    width: 100%;
    font-size: 14px;
}
@media screen and (min-width: 992px){
    #side_navi {
    width: 25%;
    }
}
@media screen and (max-width: 991px){
    #side_navi {
    width: 100%;
    }
}
@media screen and (min-width: 768px){
footer .container .row nav a {
    display: inline-block;
    padding: 0 0.3em !important;
}
}