@charset "UTF-8";@import url("/assets/fonts.googleapis.com/fonts-fb2bf44f612b.css");abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#3b2b13;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:1.0625rem;font-family:-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;}p{margin:1rem auto;line-height:1.5}a{color:#000}a:visited{color:#000}a:focus{color:#959595}a:hover{color:#959595}a:active{color:#896000}body{background-color:#fffaf0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}small{font-size:0.8rem}sub,sup{font-size:0.8rem;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}strong{font-weight:bold}strong.red{color:#e00909;font-weight:normal}i{font-weight:normal;font-style:italic}input[type=tel],input[type=email],input[type=text],input[type=url]{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e7d9ae;padding:0.5rem}textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e7d9ae;padding:0.5rem}p{margin:20px auto}.wp-caption{}.wp-caption-text{}.sticky{}.gallery-caption{}.bypostauthor{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{}main .navigation{padding:20px}#sub{padding:20px}#sub .widget{padding:20px}footer#site-footer{padding: 2em 1em 1em 2em}
/*# sourceMappingURL=style.css.map */
/* IE8〜11はメイリオ */
@media screen\0 {
  body {
    font-family: 'Segoe UI', /* Windowsの欧文 */
                 Meiryo,     /* メイリオ */
                 sans-serif;
  }
}

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
}

a{
	text-decoration:none;
}
img{
	width:100%;
}
.pop{
	font-family: 'Poppins', sans-serif;
}
.conttitle{
	text-align:center;
	font-size:2em;
	letter-spacing:0.2em;
}
.conttitle .hand{
	font-weight:normal;
	letter-spacing: 0.2em;
}
.conttitle .raleway{
	font-weight: 600;
}
.conttitle span:first-child{
	margin-right: 0.4em;
}
@keyframes width{
	0% {
		width:0;
	}
	100% {
		width:100%;
	}
}
@keyframes width2{
	0% {
		width:0;
	}
	100% {
		width:90%;
	}
}
@keyframes height{
	0% {
		height:0;
	}
	100% {
		height:100%;
	}
}
.readmore{
	display:block;
	margin:0 auto;
	width:360px;
	font-size:0.8em;
	text-align:center;
	line-height:3em;
	position:relative;
	letter-spacing:0.2em;
}
.readmore span{
	display:block;
	position:absolute;
	background-color:#000;
}
.readmore .line1{
	top:0;
	left:0;
	height:1px;
}
.readmore .line2{
	top:0;
	right:0;
	width:3px;
}
.readmore .line3{
	bottom:0;
	right:0;
	height:3px;
}
.readmore .line4{
	left:0;
	bottom:0;
	width:1px;
}
.readmore.animated span{
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
.readmore.animated .line2{
	animation-name: height;
	animation-delay: 0s;
}
.readmore.animated .line3{
	animation-name: width;
	animation-delay: 0.5s;
}
.readmore.animated .line4{
	animation-name: height;
	animation-delay: 1s;
}
.readmore.animated .line1{
	animation-name: width2;
	animation-delay: 1.5s;
}
.readmore i{
	margin-left:1em;
}







#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #f4d87a;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.spinner {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
	.spinner i{
		font-size:5em;
	}
	.spinner i:before{
		color: #f4d87a;
	}
/* Loading Animation */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

/* Hide Loading Block */
.loaded {
  opacity: 0;
  visibility: hidden;
}









.page_header,
.entry-header{
	margin-bottom:3em;
}
.page_header .back,
.entry-header .back{
	background-size:800px;
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:70px;
}
.page_header h1,
.entry-header h1{
	text-align:center;
	position:relative;
	color:#785500;
	padding-bottom:1em;
	letter-spacing:0.2em;
}
.page_header h1 strong,
.entry-header h1 strong{
	display:block;
	margin-top:0.5em;
	font-size: 0.8em;
}
.page_header h1 span,
.entry-header h1 span{
	font-size: 1.8em;
	font-weight:600;
}


@media only screen and (max-width: 767px) {
	.page_header h1 strong,
	.entry-header h1 strong{
		font-size:0.8em;
		margin-bottom:0.8em;
	}
	.page_header h1 span,
	.entry-header h1 span{
		font-size:1.6em;
	}
}



#blog_list{
	list-style:none;
	margin-bottom:4em;
}
#blog_list li {
   border-bottom: solid #000 1px;
   padding: 0 30px;
}
#blog_list li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
	padding:2em 0;
}
#blog_list li a .date {
    font-size: 1.2em;
    display: inline-block;
    width: 80px;
}
#blog_list li a .date span {
    font-size: 0.5em;
    display: block;
	font-family:-apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               YuGothicM,        /* Windows8.1以上は游ゴシック */
               YuGothic,         /* Macの游ゴシック */
               Meiryo,           /* 游ゴシックが入っていないWindows */
               sans-serif;
}
#blog_list li a .title {
    margin: 0;
    border-left: solid #000 1px;
    padding-left: 2em;
}
#blog_list li a .title > span {
    display: block;
    background-color: #805900;
    color: #fff;
    padding-left: 0.2em;
    width: 100px;
    line-height: 1;
	animation: tenmetsu 0.3s infinite linear alternate;
}
@keyframes tenmetsu {
  0% {
    opacity: 1;
  } 100% {
    opacity: 0;
  }
}
#blog_list li a i {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    font-size: 2em;
}







#news h3 {
   display: block;
   padding-right: 2em;
   font-weight: normal;
   padding: 1.5em 2em 1.5em 30px;
	padding-left:30px;
   position: relative;
   margin-top: 2em;
   margin-bottom: 1em;
	font-size:1.3em;
}
#news h3:before {
   content: "";
   position: absolute;
   top: 0;
   left: 53px;
   width: 300px;
   height: 100%;
   box-sizing: border-box;
   border: solid #000 1px;
   border-left: none;
   border-bottom: none;
   transform: skewX(50deg);
}
#news h3:after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   height: 1px;
   width: calc(100% - 404px);
   background-color: #000;
}








#container{
}
#site-header{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:10;
	padding:0 0 2em;
	transition: 0.3s ease-in-out;
	background-color:#fffaf0;
	min-width:1285px;
}

#site-header > div{
	width:100%;
}
#site-header>.inner{
	max-width:1230px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
#site-header>.inner #site-logo{
	line-height:1;
}
#site-header>.inner #site-logo a{
	text-align:center;
	font-weight:bold;
}
#site-header>.inner #site-logo a span{
	font-size: 0.6em;
	color:#69308f;
}
.home #main,
.home footer#site-footer{
	position:relative;
	z-index:3;
}
#contents .slick-prev:before,#contents .slick-next:before{
	font-family: 'icomoon' !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
#contents .slick-prev:before{
	content:"\e906";
}
#contents .slick-next:before{
	content:"\e907";
}
@media only screen and (min-width: 768px) {
	#site-header{
		position:relative;
	}
	#site-header.fixed #navi{
	}
	.sp{
		display:none!important;
	}
	#navi{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	
	#navi-in{
		display:block;
		margin-right:1em;
		width:100%;
	}
	#navi-in ul{
		text-align:right;
		padding:5px 0;
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	#navi-in ul li{
		display:block;
		width:13.5%;
		border-left:solid #3b2b13 1px;
	}
	#navi-in ul li:first-child{
		border-left:none;
	}
	#navi-in ul li:last-child{
	}
	#navi-in ul li a{
		color:#000;
		padding: 0.5em 1em;
		display:block;
		text-align:center;
		color:#3b2b13;
		letter-spacing:0.2em;
	}
	#navi-in ul li a span{
		font-size:0.8em;
	}
	#navi-in ul li a strong{
		font-weight:normal;
		font-size:0.6em;
		display:block;
		margin-top:0.2em;
	}
	.touka #site-header #navi-in ul li a{
		color:#fff;
	}
	.touka #site-header.fixed #navi-in ul li a{
		color:#000;
	}
}
.header_contact{
	color:#fff;
	display:block;
	text-align:center;
	line-height: 2.5em;
	padding: 1.5em 3.5em 3em;
	width:143px;
	position:absolute;
	right:0;
	top:100px;
	background-repeat:no-repeat;
	background-size:100%;
	font-size:0.5em;
	color:#fff;
}
.header_contact span{
	display:block;
	font-size:1.8em;
	color:#fff;
}
.header_contact:visited{
	color:#fff;
}

@media only screen and (max-width: 767px) {
	.pc{
		display:none!important;
	}
}


/*ハンバーガー css start*/

@media only screen and (max-width: 767px) {
	#site-header nav {
    background: rgba(249,224,142,0.95);
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
.open #site-header nav {
    visibility: visible;
    opacity: 1;
}


#site-header nav ul li{
    width: 100%;
    margin: 0;
	padding-bottom:1rem;
    margin-bottom: 1rem;
	border-bottom:solid #fff 1px;
}
#site-header nav ul li a,
#site-header nav ul li a span{
    color: #fff;
}
#site-header nav ul li a.no_link:after{
	transform: rotate(90deg);
	display:inline-block;
	font-size:0.8em;
}
#site-header nav ul li a:after{
	font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\ea1c";
   margin: 0 0.3em;
}
#site-header nav ul li {
    opacity: 0;
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    transition: opacity .2s ease, -webkit-transform .6s ease;
    transition: transform .6s ease, opacity .2s ease;
    transition: transform .6s ease, opacity .2s ease, -webkit-transform .6s ease;
}
#site-header nav ul li .sub-menu{
	border-top: solid #333 1px;
	margin-top: 1rem;
	padding-top:1em;
	padding-left:2em;
}
.open #site-header nav ul li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: opacity .9s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity .9s ease;
    transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
}
}




#nav-toggle {
	position: absolute;
    top: 0px;
    right: 0;
    height: 60px;
    width: 60px;
	padding:0 10px;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
	#nav-toggle{
		display:none;
	}
	#site-header>.inner{
		padding-top:57px;
	}
	#site-logo{
		text-align: center;
    	width: 108px;
		font-weight:normal;
		margin:0 0 18px;
		line-height: 1;
	}
}
#nav-toggle div {
	position: relative;
   width: 100%;
}
#nav-toggle div span {
   width: 100%;
	left: 0;
	height:4px;
	display: block;
	background: #3b2b13;
	position: absolute;
	transition: transform .6s ease-in-out, top .5s ease;
	border-radius:2px;
}
    
#nav-toggle div span:nth-child(1) {
	top: 13px;
}
#nav-toggle div span:nth-child(2) {
	top: 27px;
}
#nav-toggle div span:nth-child(3) {
	top: 41px;
}

#nav-toggle:hover div span:nth-child(1) {
	top: 15px;
}
#nav-toggle:hover div span:nth-child(3) {
	top: 39px;
}

.open #nav-toggle > span{
	color:#fff;
}
.open #nav-toggle div span {
	background: #fff;
}
.open #nav-toggle div span:nth-child(1) {
	top: 30px;
	transform: rotate(45deg);
}
.open #nav-toggle div span:nth-child(2) {
	opacity:0;
}
.open #nav-toggle div span:nth-child(3) {
	top: 30px;
	transform: rotate(-45deg);
}


/* z-index */
#nav-toggle {
	z-index: 1000;
}
/*ハンバーガー css end*/

#all_comment{
	margin:10em auto 7em;
	width:600px;
}
.home #all_comment{
	margin:3em auto 4em;
}

.min{
	font-family: 'Noto Serif JP', serif!important;
}
.marugo{
   font-family: 'M PLUS 1p', sans-serif!important;
}
.hand{
   font-family: 'Mrs Saint Delafield', cursive!important;
}
.raleway{
   font-family: 'Raleway', sans-serif!important;
}

.inner{
	width:900px;
	margin:0 auto;
}

#main{
	overflow:hidden;
}
.touka #main{
	padding-top:0;
}
#contents{
	width:100%;
}

#breadcrumb{
	padding:0 1em;
	margin-bottom:5px;
	position:relative;
}
#breadcrumb ul{
	list-style:none;
}
#breadcrumb ul li{
	display:inline-block;
	margin-right:1em;
	line-height:2em;
}
#breadcrumb ul li:after{
	font-family: 'icomoon' !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	content: "\ea1c";
	display:inline-block;
	margin-left:1em;
	color:#888;
}
#breadcrumb ul li:last-child:after{
	content:none;
}
#breadcrumb ul li a{
	text-decoration:underline;
	color:#888;
}
#breadcrumb ul li span{
	font-size:0.8em;
	color:#888;
}

.single #attension,
.page #attension{
	margin-top:4em;
	margin-bottom:4em;
}
.home.page #attension{
	margin:0;
}
#attension{
	display:block;
}
#attension img{
	width: auto;
   max-width: 100%;
   margin: 0 auto;
   display: block;
}


.archive #main .entry-list,
.blog #main .entry-list{
	padding-bottom:5em;
}
nav.pagination{
	margin:3em 0 0;
}


#job_list{
	list-style:none;
}
#job_list li{
	width:100%;
	margin-bottom:2em;
	background-color:#fff;
	-webkit-filter: drop-shadow(0 3px 6px rgba(0,0,0,.2));
   filter: drop-shadow(0 3px 6px rgba(0,0,0,0.2));
	border-radius: 10px;
}
#job_list li:last-child{
	margin-bottom:0;
}
#job_list li a{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	padding: 1em;
}
#job_list li a .img{
	background-size:cover;
	background-position:center;
	width:300px;
}
#job_list li a .img:after{
	content:"";
	display:block;
	width:100%;
	padding-top:70%;
}
#job_list li a section{
	width:calc(100% - 300px);
	padding-left:1em;
}
#job_list li a section h1{
	line-height:1.5em;
	margin-bottom:0.8em;
	font-size:1.5em;
}
#job_list li a section p{
	margin:0;
}
#job_list li a section .readmore{
	width: 200px;
	line-height:2.5em;
}


#main .entry-list .navigation h2{
	display:none;
}
#main .entry-list .navigation .nav-links{
	display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
#main .entry-list .navigation .nav-links span, #main .entry-list .navigation .nav-links a{
	line-height: 2em;
   width: 2em;
   text-align: center;
   color: #3b2b13;
   margin-right: 0.5em;
   text-decoration: none;
	font-family: 'Gotu', sans-serif;
   font-size: 1.3em;
}
#main .entry-list .navigation .nav-links span.current{
	color: #fff;
   background-color: #b3b1b1;
	font-family: 'Gotu', sans-serif;
   font-size: 1.3em;
}
#main .entry-list{
}








#top_about .back_masu{
	background-color:#896000;
}
#top_about .inner{
}
#top_about .back_masu .inner p{
	text-align:center;
	color:#fff;
	margin-bottom:2em;
}
#top_about .inner p span{
	max-width:800px;
	margin:0 auto;
	display:block;
	margin-bottom:2em;
}
#top_about .inner > span{
	max-width:900px;
	margin:0 auto -220px;
	display:block;
	-webkit-filter: drop-shadow(6px 6px 2px rgba(0,0,0,0.2));
	filter: drop-shadow(6px 6px 2px rgba(0,0,0,0.2));
}
#top_about #top_point{
	padding-top:220px;
	background-color:#fffdf3;
}
#top_about #top_point .inner{
	padding-bottom:7em;
}



.page-title{
	text-align:center;
	font-size:2em;
	padding:0.5em 0em;
	border-bottom:solid #ffe8a0 4px;
}
.page-title i{
	display:block;
	font-size:1.5em;
	margin-bottom:0.3em;
}



#feature_page .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
#feature_page .inner h1{
	font-size:4.5em;
	width:50%;
}
#feature_page .inner h1 span{
	width:80%;
	display:block;
}
#feature_page .inner .img{
	position:relative;
	width:50%;
	overflow:hidden;
}
#feature_page .inner .img:before{
	content:"";
	display:block;
	padding-top:130%;
}
#feature_page .inner .img span{
	background-size:cover;
	display:block;
}
#feature_page .inner .img span:after{
	content:"";
	display:block;
	background-size:cover;
	opacity:0.5;
}
#feature_page .inner .img span,
#feature_page .inner .img span:after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#f7db83;
}



.page .entry-content > p:first-child{
	padding:0 1em;
}



footer#site-footer{
	padding:2em 0;
}
#site-footer{
	background-color:#896000;
}
#site-footer .footer_nav{
	margin-bottom:3em;
}
#site-footer .footer_nav ul{
	list-style:none;
	text-align:center;
}
#site-footer .footer_nav ul li{
	display:inline-block;
	border-left:solid #fff 1px;
	width:13.5%;
}
#site-footer .footer_nav ul li:first-child{
	border-left:none;
}
#site-footer .footer_nav ul li a{
	padding: 0.5em 1em;
   display: block;
   text-align: center;
   letter-spacing: 0.2em;
}
#site-footer .footer_nav ul li a span{
	font-size: 0.5em;
	color: #fff;
}
#site-footer .footer_nav ul li a strong{
	font-weight: normal;
   font-size: 0.5em;
   display: block;
   margin-top: 0.2em;
	color: #fff;
}
.footer_aboutus{
	display:flex;
	justify-content:center;
}
.footer_aboutus div p,
.footer_aboutus div p span{
	color: #fff;
}
.footer_aboutus div p{
	font-size:0.8em;
}
.footer_aboutus > a{
	width:140px;
}
.footer_aboutus .cont1{
	padding:0 2em;
}
.footer_aboutus .cont1 p{
	margin-bottom:1em;
}
.footer_aboutus .cont1 a{
	font-size:0.8em;
	display:block;
	line-height:1.5;
}
.footer_aboutus .cont1 a,
.footer_aboutus .cont1 a:hover{
	color:#fff;
}
.footer_aboutus .cont1 p span{
	display:block;
}
.footer_aboutus .cont2{
	border-left:solid #fff 1px;
	padding-left:2em;
}
#site-footer > p{
	text-align:center;
	color:#fff;
}
#site-footer > p span{
	display:block;
	color:#fff;
}

@media only screen and (max-width: 767px) {
	.page_header .back,
	.entry-header .back{
		background-size:150%;
		background-position:center;
	}
	.page_header, .entry-header{
		margin-bottom:1em;
	}
	.footer_aboutus{
		flex-wrap:wrap;
		align-items:center;
	}
	.footer_aboutus .cont1{
		padding:0;
		width: 100%;
		text-align: center;
	}
	.footer_aboutus .cont2{
		padding-left:0;
		border:none;
		border-bottom:solid #fff 1px;
	}
	.footer_aboutus .cont2 p{
		text-align:center;
		font-size:0.8em;
		padding:2em 0;
	}
	.footer_aboutus > a{
		width:100px;
	}
	.footer_aboutus div p{
		margin:0;
	}
	#navi > a{
		background-color: #fff;
		color: #a57a1f;
    	display: inline-block;
    	text-align: center;
    	border-radius: 20px;
    	padding: 1em 2em;
		font-size:1rem;
		margin-top:2em;
	}
	#container{
		padding-top:60px;
	}
	#main{
		padding:0;
		padding-bottom: 100px;
	}
	#contents{
		width:100%;
	}
	#site-header{
		background-color:#fffaf0;
		position:fixed;
		top:0;
		width:100%;
		left:0;
		z-index:999;
		min-width: auto;
		padding:0;
		border-top:solid #3b2b13 3px;
	}
	#site-header > div{
		align-items:center;
		height:60px;
		padding-left: 10px;
	}
	#site-header>.inner #site-logo a{
		color:#fff;
		display:inline-block;
		text-align:left;
	}
	#site-header>.inner{
		height:60px;
		padding-left:0.5em;
		justify-content: unset;
		align-items:center;
	}
	#site-logo{
		margin:0;
		width: 200px;
	}
	#site-logo a{
		width:43px;
		display:inline-block;
		vertical-align: middle;
	}
	#site-logo a span{
		display:block;
	}
	#site-logo strong{
		font-size:0.5em;
		display:inline-block;
		vertical-align: middle;
		font-weight:normal;
		line-height:1.6em;
    margin-left: 2em;
	}
	#navi-in{
		width:100%;
	}
	#navi-in > ul{
		padding:0 0.5em;
	}
	.open #site-header nav ul li{
		font-size:1.2rem;
		padding:0;
		margin:0;
	}
	.open #site-header nav ul li ul li{
		margin-left:1em;
		width:auto;
		border-bottom:none;
	}
	#site-header nav ul li a{
		padding:0.5em;
		display:block;
		position:relative;
	}
	#site-header nav ul li a:after{
		position:absolute;
		right:0;
		top:50%;
		margin-top:-0.5em;
	}
	#site-header nav ul li a span{
		display:block;
		font-size:0.6em;
		margin-bottom:0.3em;
	}
	#site-header nav ul li a strong{
		font-weight:normal;
		color:#fff;
	}
	.inner{
		width:100%;
		padding:0 1em;
	}
	.single #attension, .page #attension{
		padding:0 1em;
	}
	
	
	
	
	#blog_list{
		margin-top:1em;
	}
	#blog_list li{
		padding:0;
	}
	#blog_list li a{
		padding:1em 0;
	}
	#blog_list li a .date{
		width:100%;
	}
	#blog_list li a .title{
		width:80%;
	}
	#blog_list li a .title{
		border:none;
		color:#805900;
		padding-left:0;
	}
	#blog_list li a .date{
		font-size: 1em;
		margin-bottom: 0.5em;
	}
	#blog_list li a .date span{
		font-size:1em;
		display:inline-block;
	}
	#blog_list li a .date .new{
		display: inline-block;
		background-color: #805900;
		color: #fff;
		padding-left: 0.2em;
		width: 100px;
		line-height: 1;
		font-weight:100;
		margin-right:0.5em;
	}
}
@media only screen and (max-width: 450px) {
	#breadcrumb{
		font-size:0.8em;
	}
	.readmore{
		width:80%;
	}
	.page-title{
		padding:1em 0;
	}
}
@media only screen and (max-width: 375px) {
}