/*
Theme Name: yasukuni
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    text-decoration: none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   /* font-size: 62.5%;*/
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: url('../img/common/about_bg.gif') repeat;
    border-top: 3px solid #afa591;
    color:#4f463f;
}
img{
    vertical-align: bottom;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

fieldset {
    min-width: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a{
  /*  color: #405e43;*/
}

a:hover,
a:active {
    outline: 0;
    text-decoration: underline;
}

a img {
    border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "Genericons";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: top;
}

.inner{
/*    width: 960px;*/
    margin: 0 auto;
}
.content-area{
    width: 1170px;
    margin: 0 auto;
}
#content{
    margin: 0 auto;
}


/* --- clearfix --- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}

header{
    height: 190px;
    margin: 0 auto;
    position: relative;
}

h1{
    text-align: center;
    margin:20px 0 37px;
    
}


.mv{
    text-align: center;
    position: relative;
    
}
.mv.top img{
    width: 1170px;
    height: auto;
}
.mv .main_ttl{
    text-align: center;
    color: #847964;
    font-size: 26px;
    top: 50%;
    margin-top:-25px;
    position: absolute;
    width: 100%;
}
.mv .main_ttl span{
    background: #ffffff;
    min-width: 460px;
    display: inline-block;
    padding: 27px 10px 20px;
    line-height: 100%;
    font-family: 游明朝体, "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ ゴシック", sans-serif;
}
.nav{
    text-align: center;
    line-height: 100%;
    
}
.nav li:first-child{
    border-left:2px solid #d2c6af;
}
.nav li{
    display: inline-block;
    padding:0 30px;
    border-right:2px solid #d2c6af;
}
.nav li span{
	display:block;
	font-size:10px;
}
.nav li a{
    font-size: 17px;
    padding: 5px 30px;
    border-radius: 5px;
    color: #847964;
    font-weight: bold;
	display: block;
}
.nav li a:hover{
    background: #eed99d;
	text-decoration:none;
}

footer{
    color: #fff;
}

footer h2{
    color: #fff;
    font-size: 19px;
    width: 960px;
    margin: 0 auto 25px;
    text-align: center;
    padding-top: 48px;
}
footer ul{
    font-size: 12px;
}
footer ul a{
    color: #fff;
}
footer .ft_box{
    width: 960px;
    margin: 0 auto;
    text-align:left
}
footer .ft_sns{
    text-align: center;
    padding-bottom: 15px;
    background: url('../img/common/about_bg.gif') repeat; 
        
}
footer .ft_sns li{
    display: inline;
    padding:0 5px;
    text-align: center;
        
}
footer h1,
footer .ft_sitemap{
    padding-top: 15px;  
    background:#afa591;
    font-weight:bold;
}
footer h1{
padding-top: 35px;
    padding-bottom: 17px;
    margin-bottom: 0;
    margin-top: 0;

}
footer .ft_sitemap{
    text-align: center;
    padding-bottom: 30px;   
}
footer .ft_sitemap li{
    display: inline;
    padding:0 5px;
    text-align: center;
        
}
footer #copyright{
    text-align: center;
    padding:15px 0 10px;
    color: #afa591;
    font-size: 12px;
}

#spMenu{
    display: none;
}
#spMenubtn{
    display: none;
}

#pagetop {
    width: 56px;
    height: 56px;
    position: fixed;
    bottom: 40px;
    right: -60px;
    z-index: 1000;
    -moz-transition: right 0.4s ease,bottom 0.4s ease;
    -o-transition: right 0.4s ease,bottom 0.4s ease;
    -webkit-transition: right 0.4s ease,bottom 0.4s ease;
    transition: right 0.4s ease,bottom 0.4s ease;
}
#pagetop.scroll {
    right: 20px;
    -moz-transition: right 0.4s ease,bottom 0.4s ease;
    -o-transition: right 0.4s ease,bottom 0.4s ease;
    -webkit-transition: right 0.4s ease,bottom 0.4s ease;
    transition: right 0.4s ease,bottom 0.4s ease;
}

.sp{
    display: none !important;
}