/*
 Theme Name:   Twenty Seventeen Child Theme
 Author:       taimei
 Author URI:   http://taimei.info
 Template:     twentyseventeen
*/

.header-top{
	height:80px!important;
}

/* reset css */

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;
box-sizing: border-box;
}
/*  HTML5 display-role reset for older browsers 
*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
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;
}

.header-top .logo img{
	margin-top:0 !important;
	width:200px;
}

.site-branding {
    padding: 0;
line-height:64px;
}
.site-description{
display:none;}
.site-branding .wrap{
text-align:center;
}
.site-title a{
	background: url("http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/logo.svg") no-repeat;
  display: block;
  width: 146px;
  height: 36px;
  color: transparent !important;
	font-size: 11px;
}
#wp-custom-header{display:none;}

.custom-header-media:before{background:#fff;}

.navigation-top .wrap{
max-width:100%;
padding:0;
}

#site-navigation .menu{
margin: 0;
    text-align: center;
    font-size: 0px;
}

#site-navigation .menu li{
    font-size: 15px;
    width: 144px;
}
.page .has-sidebar #secondary {
	float: none;
	padding-top: 0;
	width: 100%;
}

.page .has-sidebar:not(.error404) #primary {
	float:none ;
    width: 100%;
}

.wrap {
	position:relative;
    max-width: 100% !important;
    padding: 0;
}

.wrap .tel {
    position: absolute;
    right: 64px;
	top:0px;
}
.wrap .tel a:hover {
    text-decoration:underline;
}
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: none;
    width: 100%;
}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: none;
    width: 100%;
}

#site-navigation .menu .join a{
	color: #fff;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#00708a', endColorStr='#004757');
    background-image: -ms-radial-gradient(center bottom, circle farthest-side, #00708a 0, #004757 100%);
    background-image: -moz-radial-gradient(center bottom, circle farthest-side, #00708a 0, #004757 100%);
    background-image: -o-radial-gradient(center bottom, circle farthest-side, #00708a 0, #004757 100%);
    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 477, color-stop(0, #00708a), color-stop(1, #004757));
    background-image: -webkit-radial-gradient(center bottom, circle farthest-side, #00708a 0, #004757 100%);
    background-image: radial-gradient(circle farthest-side at center bottom, #00708a 0, #004757 100%);
}

#site-navigation .menu li a:before {
    display: block;
    height: 36px;
}
#site-navigation .menu li a:hover {
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#717074', endColorStr='#444444');
    background-image: -ms-radial-gradient(center bottom, circle farthest-side, #717074 0, #444444 100%);
    background-image: -moz-radial-gradient(center bottom, circle farthest-side, #717074 0, #444444 100%);
    background-image: -o-radial-gradient(center bottom, circle farthest-side, #717074 0, #444444 100%);
    background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 477, color-stop(0, #444444), color-stop(1, #004757));
    background-image: -webkit-radial-gradient(center bottom, circle farthest-side, #717074 0, #444444 100%);
    background-image: radial-gradient(circle farthest-side at center bottom, #717074 0, #444444 100%);
	color: #fff;
}

#site-navigation li.join a:before {
    content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-join.svg);
}
#site-navigation li.style a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-style.svg);
}
#site-navigation li.support a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-support.svg);
}
#site-navigation li.price a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-price.svg);
}
#site-navigation li.qa a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-qa.svg);
}
#site-navigation li.blog a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-blog.svg);
}
#site-navigation li.about a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-about.svg);
}
#site-navigation li.contact a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-contact.svg);
}

#site-navigation li.style:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-style-h.svg);
}
#site-navigation li.support:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-support-h.svg);
}
#site-navigation li.price:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-price-h.svg);
}
#site-navigation li.qa:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-qa-h.svg);
}
#site-navigation li.blog:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-blog-h.svg);
}
#site-navigation li.about:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-about-h.svg);
}
#site-navigation li.contact:hover a:before{
	content: url(http://mpc.3faithsdjschool.com/wp-content/uploads/2018/04/nav-contact-h.svg);
}
.page-id-112 .entry-content {padding:0 128px;}
.entry-content .notice{
	border: solid 3px red;
	padding:16px;
	margin-bottom:16px;
}
.hfeed #content .wrap{
	margin: 0 128px;
}
@media(max-width:1152px){
#site-navigation .menu li {
    width: 120px;
}
	#site-navigation .menu li a{
		    padding-left: 0;
    padding-right: 0;
	}
}
@media(max-width:945px){
#site-navigation .menu li {
    width: 95px;
	font-size:12px;
}
	#site-navigation .menu li a{
    padding:23px 0px 12px;
}
}

@media(max-width:768px){
#site-navigation .menu li {
    width: 50%;
	float:left;
}
	.menu-toggle:focus {
    outline:none;
}
	.menu-toggle .menu-nav-container{
		transition-duration:1s;
	}
}

.page .entry-content {
  padding: 0;
}

.page .site-content {
  padding: 0;
}

.page .entry-content {
  text-align: center;
}

.page .entry-content h2 {
  margin: 32px;
  font-family: 'EB Garamond', serif;
  font-size: 36px;
  font-weight: normal;
}

.page .entry-content h2 span {
  font-family: "source-han-serif-japanese", serif;
  font-size: 24px;
  display: block;
  margin-top: 8px;
}

.page .entry-content .mail-contact {
  color: #F33F3F;
  font-weight: bold;
  box-shadow: none;
}

.page .entry-content .mail-contact img {
  margin-bottom: -3px;
  margin-right: 8px;
}
footer {
  background: #F4F4F4;
}

footer .footer-top {
  padding: 40px 0;
  max-width: 800px;
  margin: auto;
}

footer .footer-top .footer-sentence {
  float: right;
  background: #fff;
  display: block;
  width: 100%;
}

footer .footer-top .footer-sentence a {
  text-decoration: none;
}

footer .footer-top .footer-sentence img {
  float: left;
  margin-right: 80px;
  width: 150px;
}

footer .footer-top .footer-sentence h3 {
  font-size: 18px;
  color: #333;
  margin: 32px 0 0;
}

footer .footer-top .footer-sentence h2 {
  font-size: 36px;
  color: #11506B;
  font-family: 'EB Garamond', serif;
  margin: 0;
  line-height: 1.1em;
}

footer .footer-top .footer-sentence p {
  color: #333;
  margin: 0;
  font-size: 13px;
  margin-top: 3px;
}

footer .footer-bottom {
  clear: both;
  text-align: center;
  padding: 40px 0;
}
.content_txt{
  margin: 100px auto;
  width: 1000px;
}