@charset "UTF-8";

@font-face {

}
html {
margin-top: 0 !important;	
} 
/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,embed,object,map,frame,frameset,iframe,select,option,address,button,figure,input,textarea,select,i,b   { text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; font-size: 100%;font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;-webkit-text-size-adjust: none;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: transparent;border: none;border-radius: 0;outline: none;}


img {
	display: block;}
.lock {
	overflow: hidden;
	display: block;
}
.overlay {
	z-index: 1000;
	overflow: scroll!important;
}
.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}
.txtright {text-align: right!important;}
.txtleft {text-align: left!important;}
.txtcenter {text-align: center!important;}

/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;right: 0;}	
div.tothetopfixed a  {display: block;float: right;background-color: #fff;}
div.tothetopfixed a:hover {
transition: opacity 0.2s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
}
div.tothetopfixed a {
    display: block;
    color: #fff;
    border-radius: 5px;
    font-size: 0.8em;width: 40px;height: 40px;background: url(../img/b_gototop.png) no-repeat 0 0;background-size:contain;margin: 0 20px 20px 0;text-indent: -9999px;
transition: opacity 0.2s ease-in-out;
opacity:0.75;
filter: alpha(opacity=75);
}

/*hover*/
a.hover {
opacity:1;
filter: alpha(opacity=100);
display: block;
transition: all 250ms 0ms ease;}
a.hover:hover  {
opacity:0.50;
filter: alpha(opacity=50);
cursor:pointer;
transition: all 250ms 0ms ease;}

/*hover2*/
a.hover2,a.hover2 img,button.hover2 {
opacity:1;
filter: alpha(opacity=100);
display: block;
transition: all 250ms 0ms ease;}
a.hover2:hover ,a.hover2 img:hover,button.hover2:hover {
opacity:0.50;
filter: alpha(opacity=50);
cursor:pointer;
transition: all 250ms 0ms ease;}

/*hover3*/
a.hover3 {
opacity:1;
filter: alpha(opacity=100);
display: block;background-color: #fff;
transition: all 250ms 0ms ease;}
a.hover3:hover  {
opacity:1;
filter: alpha(opacity=100);
background-color: #eee;color: #333!important;
transition: all 250ms 0ms ease;}

/*hovertext*/
a.thover:hover {
	text-decoration: underline;
}

@media screen and (max-width: 34em) {
	.overlay {
		font-size: 90%;
	}
	.overlay .overlay-close {

	}
}


@media screen and (max-width: 25em) {
	.codrops-icon span {
		display: none;
	}
}

/* @group PersonalComputer */
@media print, screen and (min-width: 768px) {
.nopc {display: none!important;}

#trigger-overlay {
	display: none;
}

.img-btm50 {
	margin-bottom: 40px;
}
.div-submid {
	background: url(../img/base_text_line.gif) center top no-repeat;
	width: 25px;
}
.body-body {
display:flex;
justify-content:left;
flex-direction :row-reverse;
width: 1000px;
margin-right: auto;
		margin-left: auto;
margin-top: 25px;
}
.main-cont {
	width: 660px;
	background-color: #e1d7c7;
	padding: 10px;
}
.div-cont {

border: 1px solid #c7b8a1;
padding-bottom: 40px;
}

.h1-home {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
		margin-top: 10px;
}


.div-topimg {
	width: 100%;
	height: 640px;
	margin-bottom: 40px;
	background: url(../img/p_topimg.jpg?100) center center no-repeat;
}

.img-toptit {
	width: 377px;
	margin-right: auto;
		margin-left: auto;
	padding-top: 50px;
		margin-bottom: 50px;
}

.p-topcopy {
	color: #fff;
	font-size: 13px;
	line-height: 2;
	text-align: center;
}

.ul-toplink {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 80px;
		margin-right: 30px;
margin-left: 30px;
}
.ul-toplink li {
	width: calc(100% / 5　-　10px);
}
.ul-toplink a {
	color: #000;
	font-size: 15px;
	text-align: center;
	display: block;
}
.ul-toplink li a img {
	width: 110px;
	height: 110px;
	margin-right: auto;
		margin-left: auto;
	margin-bottom: 10px;
}

.ul-toplink li a:before {
content: '　';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}

.ul-toplink li a:hover:before {
content: '▼';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}



.h2-top {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-bottom: 1px solid #c0ae96;
	margin-bottom: 20px;
		margin-right: auto;
	padding-bottom: 10px;
	margin-left: auto;
	width: 600px;
}
.a-gotoshop {

	margin-right: auto;
		margin-left: auto;
	display: block;
}
.img-gotoshop {
	height: auto;
	margin-bottom: 80px;
		margin-right: auto;
	width: 600px;
		margin-left: auto;
}


.h2-top {
	
}

.ul-topnews {
		margin: -15px auto 20px;
		width: 600px;
	}
.ul-topnews li  {
	border-bottom: 1px dotted #c0ae96;
}
.ul-topnews li a {
	padding-top: 15px;
		padding-bottom: 15px;
	display: inline-block;
	color: #000;
}

.ul-topnews li a b:hover {
	text-decoration: underline;
}



.ul-topnews li a i {
	color: #000;
	font-size: 15px;
	display: inline-block;
	margin-right: 2em;
}
.ul-topnews li a b {
	color: #000;
	font-size: 18px;
	display: inline-block;
}

.a-gotonews {
	color: #000;
	font-size: 18px;
	text-align: center;
	background-color: #fff;
	width: 20em;
	margin-right: auto;
		margin-left: auto;
	padding-top: 10px;
		padding-bottom: 10px;
	display: block;
	border: 1px solid #000;
}

.div-footer {
	border-bottom: 1px solid #c0ae96;
	border-left: 1px solid #c0ae96;
	border-right: 1px solid #c0ae96;
	display:flex;
justify-content:space-between;
padding: 15px;

flex-direction: row-reverse;
}


.p-copyright {
	font-size: 12px;
	color: #000;
}


.ul-footer {
	display:flex;
justify-content:space-between;
flex-wrap: wrap;	
}
.ul-footer li {
	
}
.ul-footer li:nth-child(2) {
		border-right: 1px solid #c0ae96;
		border-left: 1px solid #c0ae96;
}
.ul-footer li a {
	font-size: 12px;
	color: #000;
	padding-right: 1em;
		padding-left: 1em;
}
.ul-footer li a:hover {
	text-decoration: underline;
}


.ul-footer li a i {
	
}



.aside-sidemenu {
/*	width: 280px;*/
	background-color: #b07f68;
	padding: 10px;
}
.div-sidemenu {
border: 1px solid #956651;
height: 100%;
padding-bottom: 25px;
}

.img-sidelogo {
	width: 140px;
	height: 140px;
	margin: 30px auto;
}

.div-sidetit {
	background-color: #996851;
	color: #000;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
		padding-bottom: 5px;
}


.ul-sidemenu {
		
}
.ul-sidemenu li {
	border-bottom: 1px solid #8a5b46;
}
.ul-sidemenu li a {
	color: #000;
	font-size: 14px;
	text-align: center;
	display: block;
	padding-top: 10px;
		padding-bottom: 10px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 Pro W5","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	transition: all 0.2s ease-in-out 0s;
}
.ul-sidemenu li a:hover {
	color: #fff;
	transition: all 0.2s ease-in-out 0s;
}

.add-sidetit {
	padding: 10px;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.p-phone {
	color: #000;
	font-size: 14px;
	text-align: center;
	padding: 10px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.p-phone b {
	color: #000;
	font-weight: bold;
	font-size: 24px;
}

.ul-sidesns {
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-right: 20px;
		margin-left: 20px;
}
.ul-sidesns li {
	
}
.ul-sidesns li a {
	display: block;
}
.ul-sidesns li a img {
	width: 40px;
	height: 40px;
}

.img-newstit {
	width: 26px;
	height: 76px;
	float: left;
	margin-top: -60px;
		margin-left: -14px;
}


/*subpage*/

.sec-subpage {
	
}

.h2-subpage {
	color: #000;
	font-size: 25px;
	border-top: 1px solid #c0ae96;
	border-right: 1px solid #c0ae96;
	border-left: 1px solid #c0ae96;
	padding-top: 40px;
		padding-bottom: 20px;
	padding-left: 40px;
}
.h2-subpage i {
	color: #000;
	font-size: 12px;
	display: block;
}



.ul-link {
display:flex;
justify-content:left;
flex-wrap: wrap;
margin-right: 20px;
		margin-left: 20px;
margin-top: 40px;
}
.li-link {
	margin-right: 20px;
		margin-left: 20px;
	margin-bottom: 40px;
}
.li-link a {
	color: #000;
	font-size: 14px;
	text-align: left;
	display: block;
}
.li-link a img {
	margin-bottom: 10px;
}


.div-footmenu {
	border-top: 1px solid #a79f91;
	padding-top: 40px;
}

.ul-footmenu {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 580px;
margin-right: auto;
		margin-left: auto;
margin-top: 50px;
}
.ul-footmenu li {
	
}
.ul-footmenu li a {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #000;
}
.ul-footmenu li a img {
	margin-bottom: 10px;
		margin-top: 5px;
}
.ul-footmenu li a:before {
content: '　';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}

.ul-footmenu li a:hover:before {
content: '▼';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}


.ul-footmenu li.nowfl a:before {
content: '▼';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}
.p-privacy {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	padding: 40px;
}
.p-privacy b {
	display: block;
	margin-bottom: 3px;
	font: 15px "ヒラギノ明朝 Pro W5","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: bold;
}

.p-imobatake {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	padding: 40px;
}


.p-thanx {
	color: #000;
	font-size: 14px;
	line-height: 2em;
	text-align: center;
	padding: 40px;
}





/*form*/
.p-form {
	text-align: center;
	color: #aa5959;
	font-size: 25px;
	line-height: 1.75em;
	font-weight: bold;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
}
.p-form i {
	text-align: center;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 3em;
	display: block;
}



#mailformpro {
	width:80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	padding-top: 40px;
}
*:focus {
    outline: none;
}
.form100 {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	background-color: #fff;
}
.form100x6 {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%!important;
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	height: 20em!important;
	background-color: #fff;
}






.tab-contact {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.tab-contact th {
	display: block;
	text-align: left;
	color: #666;
	font-size: 18px;
}
.tab-contact td {
	display: block;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: left;
	color: #666;
	font-size: 18px;
}
.tab-contact th b {
	color: #eb5f60;
	font-size: 16px;
	margin-left: 0.5em;
}
.tab-contact td i {
	color: #666;
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	padding-top: 1em;
}
.tab-contact td i span {
	color: #a95959;
}

.cont_submit {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background-color: #eb5f60;
	
border-radius: 50px;
	width: 400px;
margin-right: auto;
	margin-left: auto;
transition: all 0.25s ease-in-out 0s;
}
.cont_submit:hover {
cursor: pointer;
background-color: #f19a9b;
transition: all 0.25s ease-in-out 0s;
}

.h2-mailform {
	text-align: center;
	color: #666;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 50px;
	margin-top: 50px;
}

.f-mailform i {
	font-weight: normal;
	font-style: normal;
}

::placeholder{
  -webkit-color:#666;
  color:#666;
}

.p-exp01 {
	background-color: #fff;
	padding: 30px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	color: #666;
	font-size: 18px;
	line-height: 1.5em;
}


.img-aboutus0 {
	
}

.tab-office {
	width: 100%;
	border-top: 1px solid #a79f91;
}
.tab-office th {
	border-bottom: 1px dashed #a79f91;
	
padding: 15px;
	width: 200px;
	text-align: right;
color: #000;
font-size: 14px;
line-height: 1.5em;
vertical-align: top;
}

.tab-office td {
	border-bottom: 1px dashed #a79f91;
	padding: 15px;
	width: 460px;
	text-align: left;
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	vertical-align: top;
}

.last {
	border-bottom-style: none!important;
		border-bottom-width: 0!important;
}





.img-aboutus0 {
	width: 500px;
	margin: 40px auto;
}

.tab-office td iframe {
	
}

.h3-office {
	color: #000;
	font-size: 25px;
	margin-bottom: 20px;
		margin-left: 80px;
}


.div-howto01 {
	padding: 40px;
	overflow: hidden;
}
.img-howto01 {
	margin-right: auto;
		margin-left: auto;
			margin-bottom: 15px;
}
.img-howto02 {

}
.a-howto01 {
	float: right;
}



.div-howto02 {
	padding-top: 40px;
		padding-bottom: 40px;
	border-top: 1px solid #c0ae96;
}
.div-inhowto02 {
	width: 560px;
	margin-right: auto;
		margin-left: auto;		
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.img-howto03 {
	
}
.p-howto02 {
	width: 340px;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
}
.p-howto02 b {
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}
.a-howto02 {
	display: block;
	float: right;
	width: 150px;
	height: 47px;
	background: url(../img/howto_5.gif) center center no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
}
.a-howto02:hover {
	background: url(../img/howto_5_over.gif) center center no-repeat;
}



.div-howto03 {
	padding-top: 40px;
		padding-bottom: 40px;
	border-top: 1px solid #c0ae96;

}
.p-howto03 {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	margin-right: auto;
		margin-left: auto;
	width: 560px;
}
.p-howto03 b {
	color: #d47024;
	display: block;
}


.div-howto04 {
	padding-top: 40px;
		padding-bottom: 40px;
	border-top: 1px solid #c0ae96;
	border-bottom: 1px solid #c0ae96;
	margin-bottom: 40px;
}


.div-lecip01 {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 560px;
margin-right: auto;
		margin-left: auto;
padding-top: 40px;
		padding-bottom: 40px;
}

.img-howto01 {
	
}

.p-lecip {
	width: 360px;
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
}
.p-lecip b {
	font-weight: bold;
	display: block;
	color: #000;
	font-size: 20px;
}

.div-lecip02 {
	overflow: hidden;
}
.img-lecip02 {
	margin-bottom: 40px;
}
.a-lecip02 {
	float: right;
	margin-right: 40px;
		margin-bottom: 40px;
}
.img-lecipdp {
	
}
.lecipfoot {
	border-bottom: 1px solid #c0ae96;
	margin-bottom: 40px;
}

/*HEADTEXT*/
.div-txtabout {
	background: url(../img/bg_about001.jpg) center top no-repeat;
		padding-top: 410px;
		padding-bottom: 100px;
	position: relative;
	margin-bottom: 30px;
}
.p-txtabout {
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
width: 560px;
height: 230px;
margin-right: auto;
		margin-left: auto;
color: #fff;
font-size: 12px;
line-height:1.95em;
display: block;
  text-align: justify;
}
.p-txtabout b {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	float: left;
	margin-right: 6px;
		margin-bottom: 0.25em;
}




.div-txthowto {
	background: url(../img/bg_howto001.jpg) center top no-repeat;
		padding-top: 70px;
		padding-bottom: 600px;
	position: relative;
}
.p-txthowto {
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
width: 370px;
height: 200px;
color: #fff;
display: block;
  text-align: justify;
margin-right: 200px;
float: right;
font-size: 12.5px;
line-height: 2.35em;
}
.p-txthowto b {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
		margin-bottom: 0.25em;
}

.div-txtabout3 {
	background: url(../img/bg_about003.jpg) center top no-repeat;
		padding-top: 265px;
		padding-bottom: 170px;
	position: relative;
}
.p-txtabout3 {
-ms-writing-mode: tb-rl;

width: 550px;
height: 140px;
color: #fff;
display: block;
  text-align: justify;
float: left;
font-size: 12.5px;
margin-left: 60px;
line-height: 1.8em;
}

.dash2x {
	letter-spacing: -5px;
}

.div-lecip {
	background: url(../img/bg_lecip001.jpg) center top no-repeat;
		padding-top: 355px;
		padding-bottom: 200px;
	position: relative;
}
.p-lecip2 {
-ms-writing-mode: tb-rl;

width: 550px;
height: 140px;
color: #fff;
display: block;
  text-align: justify;
float: left;
font-size: 13px;
margin-left: 70px;
line-height: 1.9em;
}




.img-fno01 {
	width: 67px;
	height: auto;
	float: right;
	position: absolute;
	top: 80px;
	right: 43px;
}


.img-fno02 {
	width: 67px;
	height: auto;
	float: right;
	position: absolute;
	top: 70px;
	right: 76px;
}

.img-fno04 {
	width: 257px;
	float: right;
	position: absolute;
	top: 180px;
	height: auto;
	left: 60px;
}


.img-fno04 {
	width: 257px;
	float: right;
	position: absolute;
	top: 180px;
	height: auto;
	left: 60px;
}

.img-fno05 {
	width: 354px;
	float: right;
	position: absolute;
	top: 260px;
	height: auto;
	left: 70px;
}


.img-fno06 {
	width: 120px;
	float: right;
	position: absolute;
	top: 300px;
	height: auto;
	right: 80px;
	transform: rotate(-10deg);
}

/*POST*/
.div-postmain {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
	border: 1px solid #b7a48b;
	padding: 20px;
}

.art-post {
	width: 475px;
}


.sec-side {
	width: 165px;
	border-left: 1px solid #ad9980;
	padding-left: 20px;
}
.main-blog {
	width: 730px!important;

}
.div-postcat {
	font-size: 12px;
	margin-bottom: 10px;
	color: #666;
}
.h2-posttit {
	font-size: 20px;
	font-weight: bold;
	border-top: 3px solid #ad9980;
	border-bottom: 3px solid #ad9980;
	padding-top: 15px;
		padding-bottom: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.div-postdate {
	font-size: 12px;
	margin-bottom: 30px;
	text-align: right;
	color: #666;
}

.art-post p {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.art-post p img {
	width: 50%;
	margin-bottom: 10px;
	height: auto;
	padding: 5px;
	background-color: #f1ece5;
	border: 1px solid #fff;
}

.ul-postfoot {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
border-top: 1px solid #ad9980;
padding-bottom: 30px;
		padding-top: 50px;
}

.ul-postfoot li {

}
.ul-postfoot li a {
	color: #000;
	font-size: 14px;
}

.ul-postfoot li a:hover {
	text-decoration: underline;
}

.h4-side {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	border-bottom: 1px solid #a38e75;
	padding-bottom: 10px;
}

.ul-side {
	margin-bottom: 30px;
}


.ul-side li {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;	
	border-bottom: 1px dotted #ad9980;
}

.ul-side li a {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 10px;
		padding-bottom: 10px;
	display: block;
	}
.ul-side li a i {
	display: block;
	color: #666;
	font-size: 10px;
	margin-bottom: 10px;
	text-align: left;
}
		
	
	
.ul-side li a:hover {
	text-decoration: underline;
}



.selct-list {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	background-color: #fff;
	border: 1px solid #ad9980;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 30px;
}


.div-postlist {
	
}
.div-postlist a {
	padding-top: 20px;
		padding-bottom: 20px;
	border-bottom: 1px dotted #ad9980;
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 1.5em;
}
.div-postlist a i {
	color: #666;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}
.div-postlist a b {
	color: #000;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
.div-postlist a:hover {
	text-decoration: underline;
}

.div-catlistname {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.div-catlistbody {
	margin-bottom: 100px;
}


.wp-pagenavi {
display:flex;
justify-content:center;
flex-wrap: wrap;	
}
.wp-pagenavi a {
	display: inline-block;
	background-color: #a6745c;
	border-radius: 100%;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-right: 5px;
		margin-left: 5px;
	font-size: 18px;
}
.wp-pagenavi span.current {
display: inline-block;
    background-color: #fff;
    border-radius: 100%;
color: #a6745c;
    font-weight: bold;
    text-align: center;
    width: 40px;
    height: 28px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 22px;
padding-top: 12px;
}

/*recip*/
.h3-lec {
		background: url(../img/icon_lectit.png) left 0 no-repeat;
		background-size: 25px auto;
		color: #241410;
		font-size: 25px;
		padding-left: 30px;
		border-bottom: 1px solid #ad9980;
		margin-bottom: 20px;
		padding-bottom: 10px;
}
.art-lec-body {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 690px;
margin-right: auto;
		margin-left: auto;
margin-bottom: 25px;
}

.div-addtoany {
	margin-top: 40px;
		margin-left: 40px;
}

.div-recipemain {

    border: 1px solid #b7a48b;
    padding: 20px;}

.div-lec-l {
	width: 280px;
	border-top: 1px solid #b7a48b;
	border-right: 1px solid #b7a48b;
	border-left: 1px solid #b7a48b;
}
.div-lec-l img {
	width: 280px;
	height: auto;
}
.div-lec-r {
	width: 380px;
}

.tab-mat {
	width: 100%;
	border-bottom: 1px solid #b7a48b;
}
.tab-mat th {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #b7a48b;
	padding: 5px 5px 5px 15px;
}
.tab-mat td {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: right;
	border-left: 1px dotted #b7a48b;
	border-bottom: 1px solid #b7a48b;
	padding: 5px 15px 5px 5px;
}

.tr-mat-name th,.tr-mat-name td {
	background-color: #a6745c;
}


.tab-mat-number {
	color: #333;
	font-size: 14px;
}
.tab-mat-number b {
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

.tab-mat-number i {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}



.tr-mat-name {
	
}
.tr-mat-mat {
	
}

.h4-lec {
		background: url(../img/icon_lechow.png) left -3px no-repeat;
		background-size: 25px auto;
		color: #241410;
		font-size: 20px;
		padding-left: 30px;
		margin-bottom: 20px;
		padding-bottom: 10px;
}

.h5-lec {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}

.ol-lec {
	margin-bottom: 40px;
}
.ol-lec li {

list-style-type: decimal;
color: #333;
font-size: 14px;
line-height: 1.5em;
margin-left: 1.5em;
		margin-bottom: 1em;
}

.ul-leclist {
	width: 400px;
	margin-right: auto;
		margin-left: auto;
	border-top: 1px dotted #c0ae96;
	margin-bottom: 25px;
}
.ul-leclist li {
	border-bottom: 1px dotted #c0ae96;
}
.a-leclist {
display:flex!important;
justify-content:left;
flex-wrap: wrap;	
align-items: center;
position: relative;
	padding-top: 10px;
		padding-bottom: 10px;
}

.a-leclist:after {
	content: '▶';
	color: #cc7f0c;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 40%;

}

.a-leclist img {
	width: 75px;
	height: 75px;
	margin-right: 20px;
}
.a-leclist b {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 230px;
}

.h3-leclist {
	color: #333;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
		margin-right: auto;
		margin-left: auto;
	background: url(../img/icon_lechow.png) left center no-repeat;
		background-size: 30px auto;
	width: 8em;
}
.h3-newlec {
	margin-top: 50px;
}





}/* @end group PersonalComputer */
/* @end group PersonalComputer */
/* @end group PersonalComputer */
/* @end group PersonalComputer */
/* @end group PersonalComputer */


/*——————————————————————————————————————————*/
/*——————————————————————————————————————————*/
/*——————————————————————————————————————————*/

/* @group SmartPhone */
@media screen and (max-width: 767px) {

.nosp {
		display: none!important;
}



.body-body {


margin-right: auto;
		margin-left: auto;
}

.head-sp {
	background-color: #996851;
	padding: 2.5%;
}





.main-cont {

	background-color: #e1d7c7;

}
.div-cont {


}

.h1-home {
	color: #000;
	font-weight: bold;
	font-size: 3.5vw;
	text-align: center;
	padding-top: 2.5%;
		padding-bottom: 2.5%;
	background-color: #996851;
}


.div-topimg {

	margin-bottom: 5%;
	background: url(../img/p_topimg.jpg?001) center top no-repeat #000;
		background-size: 100% auto;
	width: 100%;
	height: auto;
	padding-bottom: 10%;
}

.img-toptit {

	margin-right: auto;
		margin-left: auto;
padding-top: 5%;
		margin-bottom: 5%;
	width: 90%;
}

.p-topcopy {
	color: #fff;
	font-size: 13px;
	line-height: 2;
	text-align: center;
}

.ul-toplink {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 90%;
margin-bottom: 10%;
		margin-right: auto;
		margin-left: auto;
}
.ul-toplink li {
	width: calc(100% / 2 - 2.5%);
	margin-bottom: 5%;
}
.ul-toplink a {
	color: #000;
	font-size: 15px;
	text-align: center;
	display: block;
}
.ul-toplink li a img {
	margin-right: auto;
		margin-left: auto;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}


.h2-top {
	color: #000;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-bottom: 1px solid #c0ae96;
	width: 90%;
	margin-bottom: 5%;
		margin-right: auto;
		margin-left: auto;
	padding-bottom: 5%;
}
.a-gotoshop {

	margin-right: auto;
		margin-left: auto;
	display: block;
	padding-bottom: 10%;
}
.img-gotoshop {
	width: 90%;
	height: auto;
	margin-bottom: 10%;
		margin-right: auto;
	margin-left: auto;
}


.h2-top {
	
}

.ul-topnews {
		margin: -2.5% auto 5%;
		width: 90%;
	}
.ul-topnews li  {
	border-bottom: 1px dotted #c0ae96;
}
.ul-topnews li a {
	display: inline-block;
	padding-top: 5%;
		padding-bottom: 5%;
	line-height: 1.5;
	color: #000;
}
.ul-topnews li a i {
	color: #000;
	font-size: 12px;
	display: block;
	margin-right: 2em;
		margin-bottom: 10px;
}
.ul-topnews li a b {
	color: #000;
	font-size: 16px;
	display: block;
	line-height: 1.5;
}

.a-gotonews {
	color: #000;
	font-size: 18px;
	text-align: center;
	background-color: #fff;
	margin-right: auto;
		margin-left: auto;
	display: block;
	border: 1px solid #000;
	width: 90%;
	padding-top: 1.5%;
		padding-bottom: 1.5%;
	margin-bottom: 10%;
}

.div-footer {

padding: 2.5%;
flex-direction: row-reverse;
}


.p-copyright {
	font-size: 10px;
	color: #000;
	text-align: center;
	display: block;
}


.ul-footer {
	display:flex;
justify-content:center;
flex-wrap: wrap;
margin-bottom: 5%;
}
.ul-footer li {
	
}
.ul-footer li:nth-child(2) {
		border-right: 1px solid #c0ae96;
		border-left: 1px solid #c0ae96;
}
.ul-footer li a {
	font-size: 12px;
	color: #000;
	padding-right: 1em;
		padding-left: 1em;
}
.ul-footer li a i {
	
}



.aside-sidemenu {
	background-color: #b07f68;
	padding: 20px;
}
.div-sidemenu {
border: 1px solid #956651;
height: 100%;
}

.img-sidelogo {

	height: auto;
	width: 75%;
}

.div-sidetit {
	background-color: #996851;
	color: #000;
	font-size: 3vw;
	text-align: center;
	padding-top: 5px;
		padding-bottom: 5px;
}


.ul-sidemenu {
		
}
.ul-sidemenu li {
	border-bottom: 1px solid #8a5b46;
}
.ul-sidemenu li a {
	color: #000;
	font-size: 4vw;
	text-align: center;
	display: block;
	padding-top: 10px;
		padding-bottom: 10px;
	font-weight: bold;	font-family: "ヒラギノ明朝 Pro W5","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
}


.add-sidetit {
	padding: 10px;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

.p-phone {
	color: #000;
	font-size: 3.5vw;
	text-align: center;
	padding: 5%;
	line-height: 1.5;
	margin-bottom: 5%;
}
.p-phone b {
	color: #000;
	font-weight: bold;
	font-size: 24px;
}

.ul-sidesns {
	display:flex;
justify-content:center;
flex-wrap: wrap;
margin-bottom: 10%;
}
.ul-sidesns li {
	margin-right: 5px;
		margin-left: 5px;
}
.ul-sidesns li a {
	display: block;
}
.ul-sidesns li a img {
	width: 40px;
	height: 40px;
}



.menubtn,.overlay-close{
	position: fixed;
	right: 5px;
	top: 0;
	width: 50px;
	padding-right: 10px;
		padding-top: 10px;
	color: #000;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		letter-spacing: -2px;
}


.menubtn i ,.overlay-close i {
		color: #000;
	font-size: 50px;

}

/*ABOUT*/
.img-about1 {
	width: 100%;
	height: auto;
}

.div-footmenu {
	border-top: 1px solid #a79f91;
	padding-top: 5%;
}

.ul-footmenu {
display:flex;
justify-content:left;
flex-wrap: wrap;

margin-right: auto;
		margin-left: auto;
width: 90%;
		margin-bottom: 10%;
}
.ul-footmenu li {
	width: 47.5%;
	margin-bottom: 5%;
}
.ul-footmenu li:nth-child(odd) {
	margin-right: 5%;
}

.ul-footmenu li a {
	display: block;
	font-size: 12px;
	text-align: center;
	color: #000;
}
.ul-footmenu li a img {
	margin: 5px auto 10px;
	width: 100%;
	height: auto;
}
.ul-footmenu li a:before {
content: '　';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}

.ul-footmenu li a:hover:before {
content: '▼';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}


.ul-footmenu li.nowfl a:before {
content: '▼';
color: #bd7a13;
font-size: 20px;
font-weight: bold;
}

.img-shokunin {
	width: 100%;
	margin-right: auto;
		margin-left: auto;
}

.img-imobatake {
	width: 100%;
	margin-right: auto;
		margin-left: auto;	
}

.p-imobatake {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	padding: 5%;
}

/*HOWTO*/
.img-howto01 {
	width: 100%;
	margin-right: auto;
		margin-left: auto;
}
.img-howto03 {
	width: 90%;
	margin: 5% auto 2.5%;
}
.img-howto02 {
	width: 100%;
	height: auto;
}
.a-howto01 {
	float: right;
	display: block;
	width: 75%;
	margin-right: 5%;
}
.div-howto01 {
	margin-bottom: 10%;
	overflow: hidden;
}

.div-howto02 {
	padding-top: 5%;
		padding-bottom: 5%;
	border-top: 1px solid #c0ae96;
}
.div-inhowto02 {

	margin-right: auto;
		margin-left: auto;		

}
.img-howto03 {
	width: 60%;
	margin-right: auto;
		margin-left: auto;
}
.img-howto05 {
	width: 90%;
	margin: 5% auto 2.5%;
}
.p-howto02 {

	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	width: 90%;
	margin-right: auto;
		margin-left: auto;
	margin-top: -2.5%;
}
.p-howto02 b {
	display: block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}
.a-howto02 {


	background: url(../img/howto_5.gif) center center no-repeat;
	text-indent: -9999px;
	margin-right: auto;
		margin-left: auto;
	display: block;
	width: 200px;
	height: 50px;
	background-size: 100% auto;
}
.a-howto02:hover {

}

.div-howto03 {
	padding-top: 5%;
		padding-bottom: 5%;
	border-top: 1px solid #c0ae96;

}
.p-howto03 {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	margin-right: auto;
		margin-left: auto;
	width: 90%;
}
.p-howto03 b {
	color: #d47024;
	display: block;
	line-height: 1.5em;
}


.div-howto04 {
	padding-top: 5%;
		padding-bottom: 5%;
	border-top: 1px solid #c0ae96;
	border-bottom: 1px solid #c0ae96;
	margin-bottom: 5%;
}



.div-lecip01 {


margin-right: auto;
		margin-left: auto;
padding-top: 5%;
		padding-bottom:  5%;
width: 90%;
margin-bottom: 10%;
}

.img-lecip00{
	width: 60%;
	margin-right: auto;
		margin-left: auto;
	margin-bottom: 10%;
}

.p-lecip {

	color: #000;
	font-size: 14px;
	line-height: 1.5em;
}
.p-lecip b {
	font-weight: bold;
	display: block;
	color: #000;
	font-size:4.75vw;
}

.div-lecip02 {
	overflow: hidden;
}
.img-lecip02 {
	margin-right: auto;
		margin-left: auto;
	width: 80%;
	}
.a-lecip02 {
	float: right;
	margin-right: 10%;
		margin-bottom: 10%;
	width: 35%;
	display: block;
}
.img-lecipdp {
	width: 100%;
	height: auto;
}
.lecipfoot {
	border-bottom: 1px solid #c0ae96;
	margin-bottom: 5%;
}


/*mailformpro*/
#mailformpro {
	width:90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10%;
	padding-top: 10%;
}
*:focus {
    outline: none;
}
.form100 {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	background-color: #fff;
}
.form100x6 {
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%!important;
	color: #333;
	font-size: 18px;
	line-height: 1.5em;
	height: 20em!important;
	background-color: #fff;
}

.tab-contact {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.tab-contact th {
	display: block;
	text-align: left;
	color: #666;
	font-size: 18px;
}
.tab-contact td {
	display: block;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: left;
	color: #666;
	font-size: 18px;
}
.tab-contact th b {
	color: #eb5f60;
	font-size: 16px;
	margin-left: 0.5em;
}
.tab-contact td i {
	color: #666;
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	padding-top: 1em;
}
.tab-contact td i span {
	color: #a95959;
}

.cont_submit {
	display: block;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background-color: #eb5f60;
	
border-radius: 50px;
	width: 90%;
margin-right: auto;
	margin-left: auto;
transition: all 0.25s ease-in-out 0s;
}
.cont_submit:hover {
cursor: pointer;
background-color: #f19a9b;
transition: all 0.25s ease-in-out 0s;
}

.h2-mailform {
	text-align: center;
	color: #666;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 50px;
	margin-top: 50px;
}

.f-mailform i {
	font-weight: normal;
	font-style: normal;
}

::placeholder{
  -webkit-color:#666;
  color:#666;
}

.h2-subpage {
	color: #000;
	font-size: 20px;
;
	border-bottom: 1px solid #c0ae96;
	padding-top: 5%;
		padding-bottom: 2.5%;
	padding-left: 5%;
font-weight: bold;
}
.h2-subpage i {
	color: #000;
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

.ul-link {
display:flex;
justify-content:left;
flex-wrap: wrap;
margin: 5% 2.5% 20%;
}
.li-link {
	margin-right: 2.5%;
		margin-left: 2.5%;
	margin-bottom: 5%;
	width: 45%;
}
.li-link a {
	color: #000;
	font-size: 12px;
	text-align: left;
	display: block;
}
.li-link a img {
	margin-bottom: 5px;
}

.p-privacy {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	padding: 10%;
}
.p-privacy b {
	display: block;
	margin-bottom: 5px;
	font: 15px "ヒラギノ明朝 Pro W5","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight: bold;
}



.p-thanx {
	color: #000;
	font-size: 13px;
	line-height: 2em;
	text-align: center;
	padding: 40px;
}





.tab-office {
	width: 90%;
	border-top: 1px solid #a79f91;
	margin-right: auto;
		margin-left: auto;
}
.tab-office th {

padding: 2.5%;

	text-align: left;
color: #000;
font-size: 13px;
line-height: 1.5em;
vertical-align: top;
display: block;
background-color: #d5c7b2;
}

.tab-office td {
	padding: 2.5% 2.5% 5%;
	text-align: left;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	vertical-align: top;
	display: block;
}

.last {
	border-bottom-style: none!important;
		border-bottom-width: 0!important;
}

.img-aboutus0 {
	width: 100%;
	margin-right: auto;
	margin-bottom: 10%;
	margin-left: auto;
	height: auto;
}

.tab-office td iframe {
	
}

.h3-office {
	color: #000;
	font-size: 20px;
	margin-bottom: 2.5%;
		margin-right: auto;
	width: 90%;
		margin-left: auto;
}




/*HEADTEXT*/
.div-txtabout {
	background: url(../img/bg_about001.jpg) center top no-repeat #000;
	padding-bottom: 10%;
	position: relative;
	padding-top: 75vh;
}
.p-txtabout {
margin-right: auto;
		margin-left: auto;
color: #fff;
font-size: 13px;
line-height:1.95em;
display: block;
  text-align: justify;
width: 90%;
height: auto;
}
.p-txtabout b {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	float: left;
	margin-right: 6px;
		margin-top: 6px;
}




.div-txthowto {
	background: url(../img/bg_howto001.jpg) center top no-repeat;
	position: relative;
	padding-bottom: 70%;
		padding-top: 30%;
}
.p-txthowto {

width: 90%;
color: #fff;
display: block;
  text-align: justify;
font-size: 13px;
line-height: 2em;
margin-right: auto;
		margin-left: auto;
}
.p-txthowto b {
	color: #fff;
	font-size: 38px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
		margin-top: 6px;
}

.div-txtabout3 {
	background: url(../img/bg_about003.jpg) center top no-repeat #000;
	position: relative;
	padding-top: 60vh;
		padding-bottom: 10%;
}
.p-txtabout3 {
-ms-writing-mode: tb-rl;

width: 90%;
color: #fff;
display: block;
  text-align: justify;
font-size: 12.5px;
margin-left: auto;
line-height: 1.8em;
margin-right: auto;
}

.dash2x {
	letter-spacing: -5px;
}

.div-lecip {
	background: url(../img/bg_lecip001.jpg) center top no-repeat #000;
		background-size: 100% auto;
	position: relative;
		padding-top: 40vh;
		padding-bottom: 10%;
}
.p-lecip2 {
-ms-writing-mode: tb-rl;

width: 90%;
color: #fff;
display: block;
  text-align: justify;
font-size: 13px;
line-height: 1.9em;
margin-right: auto;
		margin-left: auto;
}




.img-fno01 {
    width: 70%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 60vh;
}


.img-fno02 {
	width: 70%;
	height: auto;
	float: left;
	position: absolute;
	left: 5%;
	top: 5%;
}

.img-fno04 {
	width: 70%;
	position: absolute;
	top: 48vh;
	height: auto;
	left: 5%;
}



.img-fno05 {
	width: 60%;
	float: right;
	height: auto;
	position: absolute;
	top: 30vh;
	left: 5%;
}


.img-fno06 {
	width: 30%;
	float: right;
	height: auto;
	position: absolute;
	top: 20vh;
	transform: rotate(-10deg);
	right: 5px;
}


/*POST*/
.div-postmain {


	padding: 20px;
}

.art-post {

}
.sec-side {



}
.main-blog {


}
.div-postcat {
	font-size: 12px;
	margin-bottom: 10px;
	color: #666;
}
.h2-posttit {
	font-size: 20px;
	font-weight: bold;
	border-top: 3px solid #ad9980;
	border-bottom: 3px solid #ad9980;
	padding-top: 15px;
		padding-bottom: 15px;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.div-postdate {
	font-size: 12px;
	margin-bottom: 30px;
	text-align: right;
	color: #666;
}

.art-post p {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.art-post p img {
	width: 100%;
	margin-bottom: 10px;
	height: auto;
	padding: 5px;
	background-color: #f1ece5;
	border: 1px solid #fff;
}

.ul-postfoot {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
border-top: 1px solid #ad9980;
padding-bottom: 30px;
		padding-top: 50px;
}

.ul-postfoot li {

}
.ul-postfoot li a {
	color: #000;
	font-size: 14px;
}

.ul-postfoot li a:hover {
	text-decoration: underline;
}

.h4-side {
	color: #000;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	border-bottom: 1px solid #a38e75;
	padding-bottom: 10px;
}

.ul-side {
	margin-bottom: 30px;
}


.ul-side li {
	color: #000;
	font-size: 13px;
	line-height: 1.5em;	
	border-bottom: 1px dotted #ad9980;
}

.ul-side li a {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 10px;
		padding-bottom: 10px;
	display: block;
	}
.ul-side li a i {
	display: block;
	color: #666;
	font-size: 10px;
	margin-bottom: 10px;
	text-align: left;
}
		
	
	
.ul-side li a:hover {
	text-decoration: underline;
}



.selct-list {
	color: #000;
	font-size: 14px;
	line-height: 1.5em;
	background-color: #fff;
	border: 1px solid #ad9980;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 30px;
}


.div-postlist {
	
}
.div-postlist a {
	padding-top: 20px;
		padding-bottom: 20px;
	border-bottom: 1px dotted #ad9980;
	display: block;
	color: #000;
	font-size: 12px;
	line-height: 1.5em;
}
.div-postlist a i {
	color: #666;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}
.div-postlist a b {
	color: #000;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}
.div-postlist a:hover {
	text-decoration: underline;
}

.div-catlistname {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}

.div-catlistbody {
	margin-bottom: 20%;
}


.wp-pagenavi {
display:flex;
justify-content:center;
flex-wrap: wrap;
margin-bottom: 10%;
}
.wp-pagenavi a {
	display: inline-block;
	background-color: #a6745c;
	border-radius: 100%;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 40px;
	margin-right: 5px;
		margin-left: 5px;
	font-size: 18px;
}
.wp-pagenavi span.current {
	display: inline-block;
	background-color: #fff;
	border-radius: 100%;
	color: #a6745c;
	font-weight: bold;
	text-align: center;
	width: 40px;
	height: 28px;
	margin-right: 5px;
		margin-left: 5px;
	font-size: 22px;
	padding-top: 12px;
}

/*recep*/


.h3-lec {
		background: url(../img/icon_lectit.png) left 0 no-repeat;
		background-size: 25px auto;
		color: #241410;
		font-size: 25px;
		padding-left: 30px;
		border-bottom: 1px solid #ad9980;
		margin-bottom: 20px;
		padding-bottom: 10px;
}
.art-lec-body {


}

.div-addtoany {
	margin-top: 5%;
		margin-left: 5%;
	margin-bottom: 10%;
}

.div-recipemain {

    border: 1px solid #b7a48b;
    padding: 20px;}

.div-lec-l {
	width: 100%;	border-top: 1px solid #b7a48b;
	border-right: 1px solid #b7a48b;
	border-left: 1px solid #b7a48b;
}
.div-lec-l img {
	width: 100%;
	height: auto;
}
.div-lec-r {

}

.tab-mat {
	width: 100%;
	border-bottom: 1px solid #b7a48b;
	margin-bottom: 10%;
}
.tab-mat th {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #b7a48b;
	padding: 5px 5px 5px 15px;
}
.tab-mat td {
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: right;
	border-left: 1px dotted #b7a48b;
	border-bottom: 1px solid #b7a48b;
	padding: 5px 15px 5px 5px;
}

.tr-mat-name th,.tr-mat-name td {
	background-color: #a6745c;
}


.tab-mat-number {
	color: #333;
	font-size: 14px;
}
.tab-mat-number b {
	color: #333;
	font-size: 20px;
	font-weight: bold;
}

.tab-mat-number i {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}



.tr-mat-name {
	
}
.tr-mat-mat {
	
}

.h4-lec {
		background: url(../img/icon_lechow.png) left -3px no-repeat;
		background-size: 25px auto;
		color: #241410;
		font-size: 20px;
		padding-left: 30px;
		margin-bottom: 20px;
		padding-bottom: 10px;
}

.h5-lec {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}

.ol-lec {
	margin-bottom: 40px;
}
.ol-lec li {

list-style-type: decimal;
color: #333;
font-size: 14px;
line-height: 1.5em;
margin-left: 1.5em;
		margin-bottom: 1em;
}



.ul-leclist {

	margin-right: auto;
		margin-left: auto;
border-top: 1px dotted #c0ae96;
width: 90%;
margin-bottom: 2.5%;
}
.ul-leclist li {
	border-bottom: 1px dotted #c0ae96;
}
.a-leclist {
display:flex!important;
justify-content:left;
flex-wrap: wrap;	
align-items: center;
position: relative;
padding-top: 2.5%;
		padding-bottom: 2.5%;
}

.a-leclist:after {
	content: '▶';
	color: #cc7f0c;
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 40%;

}

.a-leclist img {
	width: 15%;
	height: auto;
	margin-right: 5%;
}
.a-leclist b {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 65%;
}

.h3-leclist {
	color: #333;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5%;
		margin-right: auto;
		margin-left: auto;
	background: url(../img/icon_lechow.png) left center no-repeat;
		background-size: 30px auto;
	width: 8em;
}


.h3-newlec {
	margin-top: 10%;
}









}/* @end group SmartPhone */
/* @end group SmartPhone */
/* @end group SmartPhone */
/* @end group SmartPhone */













/*BG*/
.bg_lecip {
	background-image: url(../img/bg_lecip.gif);
}



/*cssanimation*/

.fadein {
	opacity: 0;
}
.animfadein.forimg01 {
	opacity: 1;
	transition: all 1000ms 250ms ease;
}
.animfadein.forimg02 {
	opacity: 1;
	transition: all 1000ms 500ms ease;
}
.animfadein.forimg03 {
	opacity: 1;
	transition: all 1000ms 750ms ease;
}
.animfadein.forimg04 {
	opacity: 1;
	transition: all 1000ms 1000ms ease;
}

.fadein {
	opacity: 0;
	margin-top: 20px;
	margin-bottom: -20px;
}
.animfadein.forimg01 {
	opacity: 1;
	transition: all 1000ms 250ms ease;
	margin-top: 0;
	margin-bottom: 0;
}
.animfadein.forimg02 {
	opacity: 1;
	transition: all 1000ms 500ms ease;
	margin-top: 0;
	margin-bottom: 0;
}
.animfadein.forimg03 {
	opacity: 1;
	transition: all 1000ms 750ms ease;
	margin-top: 0;
	margin-bottom: 0;
}
.animfadein.forimg04 {
	opacity: 1;
	transition: all 1000ms 1000ms ease;
	margin-top: 0;
	margin-bottom: 0;
}
.animfadein.forimg05 {
	opacity: 1;
	transition: all 1000ms 1250ms ease;
	margin-top: 0;
	margin-bottom: 0;
}
.animfadein.forimg06 {
	opacity: 1;
	transition: all 1000ms 1500ms ease;
	margin-top: 0;
	margin-bottom: 0;
}


.fadezoom0 {
	opacity: 0;
	transform: scale(2,2);
}
.animzoom0.forimg01 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 250ms ease;
}
.animzoom0.forimg02 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 500ms ease;
}
.animzoom0.forimg03 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 750ms ease;
}
.animzoom0.forimg04 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 1000ms ease;
}
.animzoom0.forimg05 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 1250ms ease;
}

.animzoom0.forimg06 {
	opacity: 1;
	transform: scale(1,1);
	transition: all 1000ms 1500ms ease;
}



/*wideslider*/ 

.mainList {position: relative;}



.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;background-color: #fff;}


.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(https://www.sakura-db.jp/wp-content/themes/sakuradb2017/img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(https://www.sakura-db.jp/wp-content/themes/sakuradb2017/img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
		filter:alpha(opacity=50)!important;
	-moz-opacity: 0.5!important;
	opacity: 0.5!important;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}





/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}