@charset "UTF-8";
/* CSS Document */

html, 
html * {
	padding: 0;
	margin: 0;
/*	box-sizing: border-box;*/
}

body {
	position:relative;
	background:#fafcf4;
	margin: 0;
	padding: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    letter-spacing: .1em;
	font-size:14px;
	line-height:1.8em;
	word-break:break-all;
}

header#header {
	width:100%;
	padding: 20px 0;
	display:block;
	clear:both;
}

a:link,a:visited {
	text-decoration: none;
	color:#5e4c3f;
}




img {
	/*width: 100%;*/
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:none;
}

.pc-view {display:block;}
.sp-view {display:none;}

.tit {
	text-align: center;
	font-size:28px;
	margin:40px auto 30px;
	font-weight:100;
	letter-spacing:2px;
}
.tit span {
	display:block;
	font-size:12px;
	color:#A08F82;
}
.subtit {
	text-align: center;
	margin:15px auto 30px;
	font-size:20px;
	color:#43362D;
	line-height:52px;
	min-height:52px;
	background:url("img/circl-tc.png") center center no-repeat;
}
.subtit.gr {
	background:url("img/circl-gr.png") center center no-repeat;
}
.subtit.bl {
	background:url("img/circl-bl.png") center center no-repeat;
}
.subtit.yl {
	background:url("img/circl-yl.png") center center no-repeat;
}
.subtit.rd {
	background:url("img/circl-rd.png") center center no-repeat;
}

ul.slider-board {
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.slider-board li {
	width:100%;
	max-width:900px;
	height:auto;
}
.slider-board li img {
	width:100%;
	height:auto;
}

a.pdf-link {
	color:#333;
	display:block;
	padding-left:40px;
	min-height: 30px;
	background:url("img/ico-pdf.png") left top no-repeat;
	padding-top:8px;
}

.senpai-r {
	float:right;
	width:32%;
	margin-left: 30px;
	margin-bottom: 30px;
}
.senpai-l {
	float:left;
	width:32%;
	margin-right: 30px;
	margin-bottom: 0;
}
.voice-tit {
	font-size:16px;
	padding-bottom:4px;
	margin-bottom:10px;
	border-bottom:dotted 2px #A9764B;
}

.mov {
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.mov iframe {
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


iframe.news-rss {
	width:100%;
	height:300px;
}








.inner {
	width:96%;
	margin:0 auto;
	max-width:1200px;
	position:relative;
}
.inner900 {
	width:100%;
	max-width:900px;
	margin:0 auto;
	clear:both;
	position:relative;
}

dl.formList, .dbar-list li {
	width:100%;
	max-width:600px;
	padding:15px 0;
	margin:0 auto;
	border-bottom:dashed 2px #998476;
}
.formList dt {
	width:25%;
	float:left;
	font-weight:bold;
}
.formList dd {
	margin-left:25%;
}

form {
	width:80%;
	margin:0 auto;
}
form p {
	margin-bottom:20px;
}
form .label {
	display:block;
	clear:both;
}

input, textarea {
	padding:1em;
font-size:14px;
	width:90%;
}
input.short {
	width:50%;
}

input[type="radio"] {
	width:18px;
}

input[type="submit"], input[type="button"]{
padding:1em;
width: 80%;
margin: 0 auto;
display:block;
max-width:300px;
font-size:16px;
border-radius:2px;
background:#000;
color:#FFF;
}
input[type="submit"]:hover, input[type="button"]:hover{
background:#666;
}


a.btn {
	display: inline-block;
	padding:10px 30px;
	margin:30px auto;
	color:#3b322a;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	border:solid 1px #3b322a;
	border-radius: 40px;
}
a.btn:hover {
	color:#FFF;
	background:#3b322a;
}

.news {
	padding-bottom:100px;
}
.inner-news {
	width:50%;
	margin:0 auto;
}
.inner-news span {
	display:inline-block;
	margin-right:30px;
}

.inner-news li {
	margin-bottom:15px;
	font-size:16px;
}

.top-main {
	background:url("img/bg-dot.png");
	padding: 0 0 24%;
	position:relative;
}
.top-main.cont {
	padding:0;
	margin-bottom:100px;
}

.p-gungun {
	display:block;
	top:-40px;
}
.gungun {
	background:#FFF;
	width:80%;
	height:auto;
	margin:0 auto 0;
	padding:5% 2%;
	position: absolute;
	top:80%;
	left:8%;
	color:#3b322a;
}

.titsub {
	text-align: center;
	font-size:35px;
	line-height: 1.4em;
	padding-bottom: 60px;
	background:url("img/bar-news.png") center bottom no-repeat;
}
ul.acorrd {
	max-width:560px;
	margin:0 auto;
}
ul.acorrd li {
	font-size:18px;
	line-height:24px;
	margin:10px 0 ;
	font-style: italic;
	font-weight: 200;
}
ul.acorrd li span {
	font-size:24px;
	line-height:24px;
}
.red {color:#cf5719;}
.yellow {color:#df951b;}
.blue {color:#2a88b6;}
.green {color:#5c995e;}



.block2 {
	width:50%;
	float:left;
}
.block3 {
	width:33.3%;
	float:left;
}

li.program {
	padding:70px 20px 50px;
}
.ptit {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:20px 0 10px;
}

a.toi {
	background:url("img/i-mail.png") center 30px no-repeat #5e4c3f;
	background-size:80px auto;
	text-align: center;
	color:#FFF;
	font-size:20px;
	padding:80px 0 30px;
}
a.dl {
	background:url("img/i-dl.png") center 30px no-repeat #5e4c3f;
	background-size:80px auto;
	text-align: center;
	color:#FFF;
	font-size:20px;
	padding:80px 0 30px;
}
a.boshu {
	background:url("img/i-saiyo.png") center 30px no-repeat #5e4c3f;
	background-size:80px auto;
	text-align: center;
	color:#FFF;
	font-size:20px;
	padding:80px 0 30px;
}

.contact {
	padding:50px;
}
.contact2 {
	padding:30px 20px 30px 50px ;
}

.telbox {
	display:block;
	height:40px;
	max-width:220px;
	margin:0 auto;
	padding:5px 5%;
	border: solid 1px #000;
	border-radius: 30px;
	background:#FAFCF4;
}
.telbox img {
	height:40px;
}

.foot-logo {
	width:25%;
	float:left;
}
.foot-logo2 {
	width:70%;
	float:right;
}
a.maplink {
	display:inline-block;
	height:24px;
	padding-left:24px;
	background:url("img/mk-gmap.png") left center no-repeat;
	background-size:contain;
	color:#3B322A;
}





.img-foot img {
	width: 100%;
}





article {
	text-align: left;
}

.btm80 {margin-bottom:80px;}



a.btnon:hover {
	display:block;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.clear {clear:both;}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

.title {
    width: 80%;
    height: auto;
    margin: 0 auto 50px;
    position: absolute;
    top: 90%;
    left: 10%;
    color: #3b322a;
    text-align: center;
    font-size: 28px;
    line-height: 1.4em;
    padding: 24px 0 40px;
    background: url("img/bar-news.png") center bottom no-repeat #FFF;
}











.orange {color:#EA5416;}
.line-or {background:url(img/line-or.png) left center repeat-x;}

.logo a {
	display:block;
	line-height:1.2em;
	width:36%;
	float:left;
}


.logo-right {
	position:absolute;
	top:300px;
	width:46px;
	right:0;
	z-index: 200;
}
.logo-right a {
	display:block;
	margin-bottom:20px;
}



a.pdf {
	display:inline-block;
	min-height:30px;
	padding-left:30px;
	background:url(img/ico-pdf.png) left center no-repeat;
	color:#666;
	margin-right:30px;
}

.sl {
	width:100%;
/*	max-height:800px;
	overflow:hidden; */
	position:relative;
	margin-bottom:60px;
}
.btm-arr {
	display:block;
	position:absolute;
	width:100%;
	bottom:0;
	z-index:150;
}









footer {
	margin-top:50px;
}
footer.mg0 {
	margin-top:0;
}
.foot2 {
	background:#f2f0ed;
	padding:20px 0;
	text-align: center;
	font-size:11px;
	color:#5e4c3f;
}
.logo-foot {width:240px;margin-bottom:10px;}
.add-foot {line-height:1.1em;}

.pc-left{float:left;}
.pc-right{float:right;}
.sp-view {display:none;}
.pc-center {text-align:center;}


a#totop {
	display:block;
	position:fixed;
	width:30px;
	height:30px;
/*	background:rgba(255,255,255,0.5);*/
	right:10px;
	bottom:10px;
	z-index:9999;
}
a#webyoyaku {
	display:block;
	position:fixed;
	width:30%;
	background:rgba(255,255,255,0.5);
	right:0;
	top:400px;
	z-index:9999;
}



a#webyoyaku.cont {
	position:fixed;
	right:0;
	top:20%;
	width: 50px;
}
.pagetit {display:inline-block;background:rgba(0,0,0,0.7);color:#FFF;width:auto;padding:24px 40px;margin:0 auto;font-size:24px;}


.title .px16 {
	margin-top:10px;
}



.block-l {
		width:60%;
	margin:0 auto;
	text-align: left;
	}
.btm-sha {padding-bottom: 10px;margin-bottom: 10px;background: url(img/sha.png) bottom center repeat-x;font-size:1.2em;}

img.fig {max-width:600px;}

.px20 {font-size:20px;}
.px13 {font-size:13px;}
.px16 {font-size:16px;}
.px11 {font-size:11px;}
.card img {display:inline-block;height:50px;margin:0 2px;}

td.td-r {text-align:right; }



table.tbl01  {
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
}
.tbl01 th, .tbl01 td  {
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:5px;
}
.tbl01 th {
	width:25%;
}
.tbl01 img {
	display:block;
	max-width:240px;
	float:right;
}



.bg-rdfood {margin:50px 0 0;padding:80px 0;background:url(img/img-food.jpg) left center no-repeat;text-align:right; font-size:22px;}
.title-img img {margin-top:30px;display:block;}


	.block3 li {
		display:block;
	/*	width:30.333%;*/
		width:47%;
		margin:30px 1.5%;
		float:left;
		text-align: center;
	}
	.block3 li img {
		display:block;
		margin-bottom:15px;
	}

.block4 li {
		display:block;
		width:23%;
		margin:30px 1%;
		float:left;
		text-align: center;
	}
	.block4 li img {
		display:block;
		margin-bottom:15px;
	}

.ninki {
	color:#c79946;
	display:inline-block;
	font-weight: 600;
	padding: 0 10px 0 24px;
	height:18px;
	background:url(img/ninki.png) left center no-repeat;
	background-size:contain;
}

.scrollable-table table{
  border-collapse: collapse;
  margin: 2em auto 0;
  max-width: 100%;
}

.scrollable-table th{
  background-color: #eee;
}

.scrollable-table th,
.scrollable-table td{
  border: solid 1px #ccc;
  padding: 3px 10px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin:0 auto 1em;
  max-width: 1190px;
}

td.o1:hover {background:#999;}


.cnum {text-align: center;}

.cnum a {
	display:inline-block;
	width:30px;
	height:30px;
	background:#FFF;
	border:solid 1px #008cce;
	color:#008cce;
	text-align:center;
	line-height:30px;
	margin:4px;
}
.cnum a:hover, .cnum a.current {
	background:#008cce;
	color:#FFF;
}
.px40 {font-size:32px;line-height: 1.6em; font-weight:100;}

.p-course {display:block;width:50%;margin:0 4% 0 0;}
.data-w {width:44%;}
.course2p {margin:50px 0;}
.course2p img:nth-child(2n+1) {width:49%;margin-right:1%;}
.course2p img:nth-child(2n) {width:49%;margin-left:1%;}

.memo {padding:1%;width:98%;margin:30px 0;border:solid 1px #999;font-size:13px;line-height:1.0em;}
img.mgsg {width:60px;vertical-align: middle;}

.caution {
	width:85%;margin:30px auto;
	padding:15px;
	color:#DF2727;
	border:solid 1px #DF2727;
}














table.table0, table.table0 th, table.table0 td, table.table01, table.table01 th, table.table01 td {
	border:none;
}
table.table0 th, table.table0 td, table.table01 th, table.table01 td {
	padding:5px;
	border-bottom:dotted 1px #CCC;
}

.wpcf7-form {
	width:80%;
	margin:0 auto;
}
.wpcf7-form p {
	margin-bottom:20px;
}
.wpcf7-form .label {
	display:block;
	clear:both;
}

input[type="submit"].wpcf7-submit, input[type="submit"].wpcf7-confirm{
padding:1em;
width: 80%;
margin: 0 auto;
max-width:300px;
font-size:18px;
border-radius:2px;
}
input[type="submit"].wpcf7-submit:hover{

}
span.wpcf7-not-valid-tip {
	float:none;
	font-size:13px;
	z-index:1;
	margin-top:0;
	padding:0;
}
.sent .formarea {
	display:none;
}



@media only screen and (max-width: 768px) {
	
pc-view {display:none;}
sp-view {display:block;}
.pc-center {text-align:left;}
	br.pc {display:none;}
	
header#header {
	min-height:50px;
	width:100%;
	padding:0;
	padding-bottom:0;
	margin-bottom:0;
	background:#86766a;
	display:block;
	position:fixed;
	z-index:400;
	bottom:0;
	height:50px;
	clear:both;
}
	
	
.logo a {
	color:#000;
	font-size:24px;
	display:block;
	padding-top:20px;
	line-height:1.2em;
	letter-spacing: 0.2em;
	float:left;
}
.logo a .px11 {
	letter-spacing: 0.05em;
}
.logo img {
	width:240px;
	margin:0 auto;
	float:left;
	margin:10px 15px 0;
}

	.subtit {
		height:auto;
	}

.logo-right {
	position:absolute;
	top:300px;
	width:32px;
	right:0;
	z-index: 200;
}
.logo-right a {
	display:block;
	margin-bottom:20px;
}

	a.i-tel {
	background:url(./img/tel.png) 15px center no-repeat #ed7836;
	width:50px;
	height:50px;
	padding-left:0;
	text-indent: -500px;
	overflow: hidden;	
}

a.i-mail {
	display:inline-block;
	background:url(./img/mail.png) 15px center no-repeat #008cce;
	width:50px;
	height:50px;
	padding-left:0;
	text-indent: -500px;
	overflow: hidden;
}
	
a.toi {
	font-size:14px;
	letter-spacing: normal;
}
a.dl {
	font-size:14px;
	letter-spacing: normal;
}
a.boshu {
	font-size:14px;
	letter-spacing: normal;
}
	
	



.sp-view {display:block;}
.pc-view {display:none;}

	
.titsub {font-size:20px;}
ul.acorrd li {
	font-size:14px;
	}
	
.inner {text-align: left;}
	
	
.top-main {
	padding: 0 0 50%;
}	
	
	
.formList dt {
	width:100%;
	float:none;
}
.formList dd {
	margin-left:0;
}
	
form {
	width:80%;
	margin:0 auto;
}
form p {
	margin-bottom:20px;
}
form .label {
	display:block;
	clear:both;
}

input, textarea {
	padding:1em;
font-size:14px;
	width:90%;
}
input.short {
	width:90%;
}

input[type="submit"], input[type="button"]{
padding:1em;
width: 80%;
margin: 0 auto;
display:block;
max-width:300px;
font-size:16px;
border-radius:2px;
background:#000;
color:#FFF;
}
input[type="submit"]:hover, input[type="button"]:hover{
background:#666;
}

	table.tbl01 {
		border:none;
	}
.tbl01 th, .tbl01 td  {
		border:none;
		width:98%;
	padding:1%;
	display:block;
	position:relative;
	overflow: hidden;
}
	.tbl01 th {
		text-align: center;
	}
.tbl01 img {
	float:none;
	margin:10px auto;
}	
	
.senpai-r {
	float:none;
	display:block;
	width:60%;
	margin: 0 auto 30px;
}
.senpai-l {
	float:none;
	display:block;
	width:60%;
	margin: 0 auto 30px;
}	
	
	
	
	
	
	
	
	
	
	
	
	
.bg-tit {padding:40px 0 20px;text-align:center;position:relative;}	
.pagetit {padding:10px 20px;margin:0 auto;font-size:18px;}	

.title {
	font-size: 20px;
	text-align: center;
}	
	
.block-l {
		width:100%;
	}

	
.bg-rdfood {padding:50px 5% 50px 50%;background-size:contain;font-size:16px;}
	

	.block3 li {
		display:block;
		width:90%;
		margin:30px auto 0;
		float:none;
	}
	.block3 li img, .block4 li img {
		display:block;
		margin:0 auto 10px;
	}
	.block4 li {
		display:block;
		width:46%;
		margin:30px 2% 0;
		text-align: center;
		height:46%;
		line-height:1.2em;
		font-size:13px;
	}
.p-course {display:block;width:100%;margin:0;}
.data-w {width:100%;}
	
	
.tbl01 td {
	display:block;
	width:96%;
}	
	
	
	
	
	
	




.sidebar, .content-area {width:100%;position:relative;}
.sidebar {
	float:none;
	position: relative;
	top:0;
	left:0;
	margin:0 0 20px;
	clear:both;
}



.sister {width:100%;text-align:center;color:#0168B6;float:none;border-bottom:solid 1px #0168B6;}
.sister2 {width:280px;margin:0 auto;text-align:center;padding-left:10px;padding-top:10px;border-left:none;float:none;}
.sister2 img {width:48%;margin:0 1% 10px;max-height:none;}
.pc-left{float:none;}
.pc-right{float:none;margin-top:20px;}






}




.pc-menu {
	text-align:right;
	margin-top:10px;
}
.pc-menu a {
	color:#000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    letter-spacing: .1em;
	font-size:14px;
	font-weight: 600;
	display:inline-block;
	margin-left:24px;
	padding-top:35px;
	height:20px;
}
.pc-menu a.ico-01 {
	background:url(./img/ico-01.png) top center no-repeat;
	background-size: auto 30px;
}
.pc-menu a.ico-02 {
	background:url(./img/ico-02.png) top center no-repeat;
	background-size: auto 30px;
}
.pc-menu a.ico-03 {
	background:url(./img/ico-03.png) top center no-repeat;
	background-size: auto 30px;
}
.pc-menu a.ico-04 {
	background:url(./img/ico-04.png) top center no-repeat;
	background-size: auto 30px;
}
.pc-menu a.ico-05 {
	background:url(./img/ico-05.png) top center no-repeat;
	background-size: auto 30px;
}
.pc-menu a:hover {
	color:#b01f24;
}


footer .pc-menu, .foot-menu {
	width:98%;
	max-width: 1200px;
	text-align:left;
	margin:0 auto;
}
footer .pc-menu a, .foot-menu a {
	color:#000;
	font-size:12px;
	font-family:'メイリオ', Meiryo,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic', sans-serif;
	display:inline-block;
	margin-left:0;
	margin-right:20px;
	padding-left: 15px;
	background:url(./img/arr-bl.png)left center no-repeat;
}


.style-nav {
	margin: 0;
	padding: 3px;
	text-align: center;
}

.style-nav ul {
	letter-spacing: 0.1rem;
}

.style-nav ul li {
	padding: 0 2px;
	display: inline-block;
}

.style-nav ul li a {
	text-decoration: none;
	color: #FFF;
}

.style-nav ul li,.style-nav ul li a {
	font-size: 10px;
	font-size: 0.71428571rem;
}

p.fotter-text {
	display:block;
	text-align:center;
	padding:10px 0 40px;
	font-size: 11px;
	font-size: 0.657142852rem;
}


/*====/メニュー===============*/
#menuwrapp {
	position:fixed;
	top: 20px;
	left: 0;
	z-index:500;
	display:none;
}

#nav-drawer {
  position: relative;
	padding: 5px;
	display: inline-block;
	background: #86766a;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 4px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #FFF;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #5e4c3f;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
	
	text-align: center;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.nav-content-in {
	padding: 30px 10px;
	display: inline-block;
}
.nav-content-in p {
	display:inline-block;
	width:50%;
	padding: 10px 0;
	margin:0;
	float:left;
}
.nav-content-in p.l1 {
	display:block;
	width:100%;
	padding: 2px;
}
.nav-content-in p a {
	font-size: 14px;
	color: #FFF;
}
.nav-content-in p a img {
	display:block;
	width:40px;
	margin:0 auto;
	filter:brightness(250%);
}
a.nav {
	color:#FFF;
}

/*====/メニュー===============*/


/*====　新着情報　===============*/



.pc-news {
	margin:0 0 0 20px;
	font-size: 28px;
	text-align: left;
	padding-top: 10px;
}

.news li {
	display:block;
}



@media only screen and (max-width: 900px) {
.logo a {
	display:block;
	line-height:1.2em;
	width:50%;
	float:none;
	margin:0 auto 20px;
}
.pc-menu {
		text-align: center;
}
.top-main {
	padding: 0 0 50%;
}
}

@media only screen and (max-width: 768px) {
	.pc-menu {display:none;}
.inner-s {
	width:80%;
	margin-left:-40%;
	position:absolute;
	left:50%;
	z-index:10;
}
.inner-s2 {
	width:90%;
	margin:50px auto;
}
	.px40 {
		font-size:24px;
		margin-left:20%;
	}
	.px40 span {display:block;}
	
.inner-news {
	width:80%;
		
	}
	.inner-news span {
		display:block;
	}
.block2 {
	width:100%;
	float:none;
}	
a.block2 {
	width:50%;
	float:left;
}
	.contact2 {
		padding:0;
		width:90%;
		margin:0 auto;
	}
	
.foot2 {
	background:#f2f0ed;
	padding:10px 0 60px;
	text-align: center;
	font-size:11px;
}	
	
	
.logo a {
	color:#000;
	font-size:20px;
	display:block;
	padding-top:20px;
	line-height:1.2em;
	letter-spacing: 0.1em;
	width:400px;
	float:left;
}
.logo a .px11 {
	display:none;
}
.logo img {
	width:240px;
	float:left;
	margin:-18px 10px 0 40px;
}


.logo-right {
	display:none;
}
.logo-right a {
	display:block;
	margin-bottom:10px;
}
	
	
	
	
.news4 li {
	display:block;
	float:left;
	width:46%;
	margin:0 2% 5%;
}
.news4 li:nth-child(2n) {
	clear:right;
}
.news4 li:nth-child(2n+1) {
	clear:left;
}
	
	
	
	
table.table01 th, table.table01 td {
	display:block;
	width:98%;
	clear:both;
}

#menuwrapp {
	display:block;
	position:fixed;
	top:auto;
	bottom: 5px;
	left: 0;
	z-index:500;
}

#nav-drawer {
	padding: 5px 10px;
}
	
	
/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }	
	

}



a.btn-more {
	color:#FFF;
	display:inline-block;
	width:auto;
	padding:16px 30px 12px;
	font-size:22px;
	text-decoration: none;
	background:#666;
	background-size:cover;
	margin-top:30px;
}
a.btn-more:hover {
	color:#FFF;
	background:#999;
}


@media only screen and (max-width: 400px) {
	
.top-main {
	padding: 0 0 100%;
}
	
.pc-txtcenter {
	text-align:left;
}
.pc-txtcenter br {
	display:none;
}

}
	

@media only screen and (min-width: 900px) {

.pc-news {
	display:inline-block;
	float:left;
	margin:0 0 0 20px;
	font-size: 28px;
	text-align: left;
	padding-top: 10px;
	padding-left:80px;
	background:url(img/bar-news.png) 20px top no-repeat;
	width:25%;
}
.inner-news {
	display:block;
	width:65%;
	margin:10px 0;
	float:right;
}
	
}




/*--------QA----------*/
/*　Q&A
----------------------*/
.s_question{
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.8);
	padding:10px 10px 10px 50px;
	background:url(img/q.png) left -2px no-repeat #f4f3f2;
	margin:0 auto 10px;
	width:auto;
	color:#666;
	font-size:16px;
	line-height:22px;
	text-align:left;
	
}

.s_question:hover{
	color: #563B13;
	cursor:pointer;
}

.s_answer{
	color: #333;
	font-size: 14px;
	line-height: 1.8em;
	display: none;
	margin-bottom: 30px;
	padding: 15px 15px 15px 50px;
	background:url(img/a.png) left 5px no-repeat;
	border:solid 1px #d7d3cf;
}

































/*   写真左レスポンシブ   */
img.p-left {
	float:left;
	margin:0 15px 15px 0;
}
@media (max-width: 640px){
img.p-left, img.alignleft {
	display:block;
	clear:both;
	float:none;
	margin:0 auto 20px;
}
}