/*
Theme Name: Twenty Fourteen Child
Template: twentyfourteen
*/

@import url('../twentyfourteen/style.css');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, div, span, applet, object, iframe, 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 {
    font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 300;
}

/* 
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 {
    font-family: "Noto Sans Japanese", sans-serif;
}
*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

/*
blockquote em{
  font-style: italic;
}
*/


@media screen and (min-width: 783px) {
	.site-title {
		/* Search-toggle width = 48px */
		max-width: -webkit-calc(100% - 48px);
		max-width:         calc(100% - 48px);
	}

	.header-main {
		padding-right: 0;
	}

	.search-toggle {
		margin-right: 0;
	}

	/* Fixed Header */

	.masthead-fixed .site-header {
	/*	position: fixed;*/
		position: absolute;
		top: 0;
	}

	.admin-bar.masthead-fixed .site-header {
		top: 32px;
	}

	.masthead-fixed .site-main {
		margin-top: 48px;
	}

	/* Navigation */

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #fff;
	}

	/* Primary Navigation */

	.primary-navigation {
		float: right;
		font-size: 11px;
		margin: 0 1px 0 -12px;
		padding: 0;
		text-transform: uppercase;
	}

	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
	}

	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		display: inline-block;
		height: 48px;
		line-height: 48px;
		position: relative;
	}

	.primary-navigation a {
		display: inline-block;
		padding: 0 12px;
		white-space: nowrap;
	}

	.primary-navigation ul ul {
		background-color: #24890d;
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.primary-navigation ul ul a {
		padding: 18px 12px;
		white-space: normal;
		width: 176px;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #24890d;
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #41a62a;
	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}

    .site-content {
        /*margin-right: 29.04761904%; 変更前*/
        /*margin-right: 275px;*/    /*変更後*/
	
        margin-left: 220px;
        /*margin-left: 14.0%;*/
	/*margin-left: auto;*/
    }

    .site-content .entry-header {
        margin-top: 0;
	width:103%;
	/*margin-left: -6%;*/
    }

    .site-content .has-post-thumbnail .entry-header {
        margin-top: 0;
    }

    .site-content .entry-content {
	margin-left: -55%;
        width: 150.00%;
    }

   .post-thumbnail {
	/*background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;*/
	background:transparent;
	text-align: center;
	display: block;
	position: relative;
	/*margin-left: -6%;*/
	width: 112%;
	z-index: 0;
    }

}

@media screen and (min-width: 846px) {
	.site-content .has-post-thumbnail .entry-header {
		margin-top: -48px;
	}

	.full-width .site-content .hentry.has-post-thumbnail:first-child {
		margin-top: -72px;
	}

	.featured-content {
		margin-bottom: 0;
	}
    .content-sidebar {
        margin-left: -275px;   /*変更後2*/
        width: 275px;  /*変更後2*/
    }
    .site-content {
        /*margin-right: 29.04761904%; 変更前*/
        /*margin-right: 275px;*/    /*変更後*/
	margin-right: 275px;
        margin-left: 225px;
        /*margin-left: 14.0%;*/
	/*margin-left: auto;*/
    }

    .site-content .entry-header {
        margin-top: 0;
	/*width:100%;
	margin-left: -7%;*/
	margin-left: -55%;
    width: 150.00%;

	}

    .site-content .has-post-thumbnail .entry-header {
        margin-top: 0;
    }

    .site-content .entry-content {
	/*margin-left: -7%;
        width: 100.00%;*/
		margin-left: -55%;
        width: 150.00%;
    }

   .post-thumbnail {
	/*background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;*/
	background:transparent;
	text-align: center;
	display: block;
	position: relative;
	margin-left: -7%;
	width: 109%;
	z-index: 0;
    }

}

@media screen and (min-width: 1008px) {
	.site-content {
		/*margin-right: 29.04761904%;*/
		margin-right: 10%
		/*margin-left: 182px;*/
		margin-left: 220px;
	}

    .site-content .entry-header {
    margin-top: 0;
	width:90%;
	margin-left: 0px;
    }

    .site-content .entry-content {
	margin-left: 0px;
    width: 90.00%; 
    }

   .post-thumbnail {
	/*background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;*/
	background:transparent;
	text-align: center;
	display: block;
	position: relative;
	margin-left: 0px;
	width: 100%;
	z-index: 0;
    }
    .content-sidebar {
        /*margin-left: -29.04761904%;   変更前*/
        /*width: 29.04761904%; 変更前*/
        /*margin-left: -22.00%;   変更後*/
        /*width: 22.00%;  変更後*/
        margin-left: -275px;   /*変更後2*/
        width: 275px;  /*変更後2*/
    }
}

/* def 1008 */
@media screen and (min-width: 1260px) {
    .search-box-wrapper {
        padding-left: 182px;
    }

    .main-content {
        float: left;
    }

    .site-content {
        /*margin-right: 29.04761904%; 変更前*/
        margin-right: 22.0%;    /*変更後*/
        /*margin-left: 182px;*/
        margin-left: 19.0%;
	/*margin-left: auto;*/

    }

    .site-content .entry-header {
        margin-top: 0;
	width:103%;
	margin-left: -6%;
    }

    .site-content .has-post-thumbnail .entry-header {
        margin-top: 0;
    }

    .site-content .entry-content {
	margin-left: -6%;
        width: 103.00%;
    }

   .post-thumbnail {
	/*background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;*/
	background:transparent;
	text-align: center;
	display: block;
	position: relative;
	margin-left: -6%;
	width: 112%;
	z-index: 0;
    }

    .content-sidebar {
        /*margin-left: -29.04761904%;   変更前*/
        /*width: 29.04761904%; 変更前*/
        /*margin-left: -22.00%;   変更後*/
        /*width: 22.00%;  変更後*/
        margin-left: -275px;   /*変更後2*/
        width: 275px;  /*変更後2*/
    }
}
.site {
 margin-left: auto;
 margin-right: auto;
 }