/*
Theme Name:  MAEDASHOTEN
Description:  Theme to support tutsplus tutorial. Child theme for the Twenty Seventeen theme.
Template:  twentyseventeen
Author:  jungle
*/


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;600&family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap');


body {
	font-size: 14px;
	background: url("img/sp_bg.png") left top repeat-x,
	linear-gradient(90deg, #fdfbf9 65%, #feecd2 35%);
	background-size: 100% auto;
}


/*Author*/

.single .byline, .group-blog .byline {
	display: none;
}


/*header*/

.site-header {
	background-color: transparent;
	padding: 5% 0 3% 0;
}

.custom-header {
	display: none;
}

#header {
	position: relative;
	/*width: 670px;*/
	width: 89%;
	margin: 0 auto;
}

#header #logo {
	overflow: hidden;
	/*width: 260px;*/
	width: 38%;
}

#header #logo a {
	overflow: hidden;
	display: block;
	/*width: 260px;*/
	width: 100%;
	height: 0px;
	background: url(img/logo.png) no-repeat left top;
	background-size: contain;
	padding-top: 34%;
}

/* ナビbtn */

#menu_btn {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	/*width: 81px;*/
	width: 12%;
	z-index: 1;
}

#menu_btn a {
	display: block;
	width: 100%;
	height: 0px;
	padding-top: 100%;
	background: url(img/sp_navibtn.png) no-repeat left top ;
	background-size: 100% auto;
	cursor: pointer;
}

#menu_close {
	overflow: hidden;
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12%;
	z-index: 10;
	background-color: #f5f2eb;
}

#menu_close a {
	display: block;
	width: 100%;
	height: 0px;
	padding-top: 100%;
	background: url(img/close.png) no-repeat left top ;
	background-size: 100% auto;
	cursor: pointer;
}

#navi {
	overflow: auto;
	width: 100%;
	margin-top: 21%;
	height: calc(100% - (100vw * 0.1866666));
	position: fixed ;
	top: 0;
	left: 0;
	display: none ;
	z-index: 9;
	background-color: #fff;
	padding: 5.333%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#modal-overlay {
	display: none ;
	z-index: 8;
	position: fixed ;
	top: 0;
	left: 0;
	width: 100% ;
	height: 100% ;
}

/* ナビ */

#header #navi ul.menu01,
#header #navi ul.menu02 {
	overflow: hidden;
	float: left;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header #navi ul.menu01 {
	width: 40%;
	margin-left: 8.955%;
}

#header #navi ul.menu01 li.mnv02 {
	display: none;
}

#header #navi ul.menu01 li.mnv07,#header #navi ul.menu02 li.mnv04 {
	margin-bottom: 10px;
}

#header #navi ul.menu02 li.mnv00,#header #navi ul li a {
	overflow: hidden;
	display: block;
	width: 100%;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding: 12px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#header #navi ul.menu01 li.mnv08 a,
#header #navi ul.menu02 li.mnv05 a,#header #navi ul.menu02 li.mnv06 a,#header #navi ul.menu02 li.mnv07 a {
	border-bottom: none;
	padding: 6px 0;
}


#header #navi ul.menu01 a:before {
	content: "・";
	display: inline-block;
	margin-right: 2px;
}

#header #navi ul.menu02 li.mnv00:before,#header #navi ul li.mnv00 a:before {
	content: "■";
	display: inline-block;
	margin-right: 2px;
}

#header #navi ul.menu02 li.mnv05 a:before,#header #navi ul.menu02 li.mnv06 a:before,#header #navi ul.menu02 li.mnv07 a:before {
	content: "-";
	display: inline-block;
	margin: 0 4px;
}

/* PC用　サブ */

#header #navi ul.menu03 {
	display: none;
}

/* ナビ　サブ */

.subnaviCol {
	display: none;
}


/*content*/

.site-content-contain {
	background-color: transparent;
}

.site-content {
	padding-top: 1.5em;
}

#content .wrap {
	background-color: #fff;
	padding-top: 2em;
	margin: 0 2em;
}


/*footer*/

.site-footer {
	background-color:#fff;
	border-top: 5px solid #f39800;
	padding-top: 4%;
	margin-top: 13.333%;
}

.site-footer .wrap {
	max-width: 100%;
	padding: 0em;
}

.site-footer .widget-area {
	padding-top: 0;
	padding-bottom: 0;
}

.site-footer .widget {
	padding-bottom: 0;
}

.site-footer .widget-column.footer-widget-1 {
	width: 100%;
}

footer .ft_logo {
	overflow: hidden;
	display: block;
	width: 50.4%;
	height: 0;
	background: url(img/logo_f.png) no-repeat left top;
	background-size: 100% auto;
	padding-top: 11.066%;
	margin: 0 auto;
}

footer #footer {
	display: none;
}

.site-info {
	display: none;
}

/* Copyright */

.copyCol {
	overflow: hidden;
	width: 89.333%;
	font-family: 'Oswald', sans-serif;
	font-size: 9px;
	text-align: center;
	margin: 8% auto 4% auto;
}

/* pagetop */

#pagetop a {
	overflow: hidden;
	position: fixed;
	bottom: 11.5%;
	right: 5.333%;
	display: block;
	width: 8.799%; /*66px*/
	height: 0;
	background: url(img/pagetop.png) no-repeat top left;
	background-size: 100% auto;
	padding-top: 8.799%;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/*etc*/

.pcOnly {
	display: none !important;
}

body, button, input, select, textarea {
	font-size: 14px;
}


/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(244, 120, 30, 0.5);
	box-shadow: inset 0 -1px 0 rgba(244, 120, 30, 0.5);
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {

	-webkit-box-shadow: inset 0 0 0 rgba(244, 120, 30, 0.5), 0 3px 0 rgba(243, 152, 30, 1);
	box-shadow: inset 0 0 0 rgba(244, 120, 30, 0.5), 0 3px 0 rgba(243, 152, 30, 1);
}

/* for PC 260206
******************************
 */

@media screen and (min-width: 48em) {

body {
	font-size: 14px;
	background: url("img/bg.png") left top repeat-x,
	linear-gradient(90deg, #fdfbf9 65%, #feecd2 35%);
}

/*header*/

.site-header {
	background-color: transparent;
	font-family: 'Noto Serif JP', serif;
	padding: 0;
}

#header {
	overflow: hidden;
	position: relative; 
	width: 1200px;
	height: 135px;
	margin: 0 auto;
	z-index: 999;
}

#header #logo {
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	width: 215px; /* 285px */
	z-index: 99;
}

#header #logo a {
	overflow: hidden;
	display: block;
	width: 100%; /* 285px */
	height: 0;
	background: url(img/logo.png) no-repeat left top;
	background-size: 100% auto;
	padding-top: 75px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#header #logo a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* ナビ　メイン */


#navi {
	position: static ;
	display: block ;
}

#header #navi ul.menu02 li.mnv00,#header #navi ul li a {
	font-weight: normal;
}


#header #navi ul.menu01 {
	position: absolute;
	bottom: 13px;
	right: 0;
	width: 920px;
	text-align: right;
	margin-bottom: 0;
}

#header #navi ul.menu01 li {
	overflow: hidden;
	display: inline-block;
	margin-left: 36px;
}

#header #navi ul.menu01 li.mnv00 {
	margin-left: 0;
}

#header #navi ul.menu01 li a {
	overflow: hidden;
	display: inline-block;
	min-height: 30px;
	line-height: 1.8em!important;
	font-size: 15px!important;
	color: #434343;
	font-weight: 600!important;
	border-bottom: none;
	padding: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#header #navi ul.menu01 li a:hover {
	color: #f39800;
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#header #navi ul.menu01 li.mnv06 a {
	background: url(img/blog_s.png) no-repeat left top;
	background-size: 30px auto;
	padding-left: 35px;
}

#header #navi ul.menu01 li.mnv09 a {
	background: url(img/insta_s.png) no-repeat left top;
	background-size: 30px auto;
	padding-left: 40px;
}


/* ナビ　電話・facebook */

#header #navi ul.menu03 {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	display: block ;
}

#header #navi ul.menu03 li {
	overflow: hidden;
	width: 262px;
	float: left;
}

#header #navi ul.menu03 li.mnv01 {
	overflow: hidden;
	width: 262px;
	height: 0;
	background: url(img/hd_tel.png) no-repeat left top;
	background-position : 0 0;
	padding-top: 54px;
	margin-right: 1px;
}

#header #navi ul.menu03 li a {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	border-bottom: none;
	background: url(img/hd_tel.png) no-repeat left top;
	background-position : -262px 0;
	padding: 54px 0 0 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#header #navi ul.menu03 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* 該当メイン */

#header #navi ul.menu01 li.mnv06 > a {
	color: #f39800;
}

/* スマホ用　サブ */

#header #navi ul.menu01 li.mnv04,#header #navi ul.menu01 li.mnv07,#header #navi ul.menu01 li.mnv08 {
	display: none;
}

#header #navi ul.menu01 li.mnv02 {
	display: inline-block;
}

#header #navi ul.menu01 a:before {
	content: "";
	display: inline-block;
	margin-right: 0;
}

#header #navi ul li.mnv00 a:before {
	content: "";
	display: inline-block;
	margin-right: 0;
}

#header #navi ul.menu02 {
	display: none;
}

/* ナビ　サブ*/

.subnaviCol {
	overflow: hidden;
	display: block;
	width: 1200px;
	margin: 24px auto 0 auto;
}

.subnaviCol ul li {
	overflow: hidden;
	width: 300px;
	height: 50px;
	float: left;
	text-align: center;
	border-right: 1px solid #c07800;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.subnaviCol ul li:nth-child(1) {
	border-left: 1px solid #c07800;
}

.subnaviCol ul li a {
	overflow: hidden;
	display: block;
	height: 50px;
	color: #fff;
	font-size: 18px;
	padding: 6px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.subnaviCol ul li a span {
	overflow: hidden;
	display: inline-block;
	height: 38px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px 0 6px 68px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.subnaviCol ul li.snv01 a span {
	background-image: url(img/snv_btn01.jpg);
}

.subnaviCol ul li.snv02 a span {
	background-image: url(img/snv_btn02.jpg);
}

.subnaviCol ul li.snv03 a span {
	background-image: url(img/snv_btn03.jpg);
}

.subnaviCol ul li.snv04 a span {
	background-image: url(img/snv_btn04.jpg);
}

.subnaviCol ul li a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*content*/

.site-content {
	padding-top: 26px;
}

#content .wrap {
	max-width: 1200px;
	padding: 3em;
	margin: 0 auto;
}

/*main*/
.has-sidebar:not(.error404) #primary {
	width: 79%;
}


/*side*/

.has-sidebar #secondary {
	width: 19%;
}

/*footer*/

.site-footer {
	font-family: 'Noto Serif JP', serif;
	margin-top: 100px;
	padding-top: 30px;
}

footer .ft_logo {
	width: 260px;
	height: 0;
	padding-top: 57px;
}

footer #footer {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 40px 0;
	margin: 40px auto 0 auto;
}

footer #footer ul {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}

#footer ul:nth-child(1) {
	margin-bottom: 30px;
}

#footer ul li {
	overflow: hidden;
	float: left;
	font-size: 13px;
	padding: 0.25em 0;
	margin-left: 24px;
	border: none;
}

#footer ul li:before {
	content: "・";
	margin-right: 3px;
}

#footer ul li:nth-child(1) {
	margin-left: 0;
}

#footer ul li:nth-child(1):before {
	content: "■";
	font-size: 50%;
	vertical-align: middle;
}

#footer ul li a {
	color:#434343;
}

#footer ul li a:hover {
	color: #f39800;
	font-weight: bold;
	text-decoration: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Copyright */

.copyCol {
	overflow: hidden;
	width: 1200px;
	font-family: 'Oswald', sans-serif;
	font-size: 11px;
	text-align: right;
	padding: 30px 0;
	margin: 0 auto;
}

/* pagetop */

#pagetop a {
	bottom: 280px; /*場所を右下に移動*/
	right: 35px; /*場所を右下に移動*/
	width: 56px;
	padding-top: 56px;
}

/*etc*/

.spOnly {
	display: none !important;
}



}