@charset "utf-8";


/*---------------------------
 reset
---------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

.clear { clear:both;}


img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
figure.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 12px 12px;
	display: inline;
	/*border:1px #bcbcbc solid;
	padding:5px;
	background:#fff;*/
padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4);
	}

img.alignleft {
	margin: 0 12px 12px 0;
	display: inline;
	/*border:1px #bcbcbc solid;
	padding:5px;
	background:#fff;*/
padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4);
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


.wp-caption {
	/*margin: 0 13px 35px 0;*/margin: 0 6px 35px;
	/*display: inline;*/ display:block;
padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4);
}


img.border {/*border:1px #bcbcbc solid;	padding:5px; background:#fff;*/ padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4); }


@media screen and (min-width:1000px) {
    .sp-only { display:none;}
}
@media screen and (max-width:999px) {
    .pc-only { display:none;}
}



/*---------------------------
 start
---------------------------*/
img { max-width:100%; height: auto;}
table { width:100%; }



/*---------------------------
 common
---------------------------*/
body {
	margin:0 auto;
	width:100%;
	font-size:16px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'Noto Serif JP', serif,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
	background:#fff url(/img/bg_header01.jpg);
}

#wrapper { font-size:16px;}

#header {}
	#header .inner { width:1000px; margin:0 auto; background:url(/img/bg_header_sakura.png) top center no-repeat;}
	#header .inner h1 { margin-bottom:15px; font-size:12px; color:#6f3e05;}
		#header .inner #h-box #logo { float:left; }
		#header .inner #h-box #h-nav { float:left; margin:25px 50px 50px 30px;}
			#header .inner #h-box #h-nav li { float:left; background:url(/img/bg_h-nav.png) center left no-repeat; font-size:12px; padding-left:12px; margin-right:14px;}
			#header .inner #h-box #h-nav li a { color:#6f3e05; }
		#header .inner #h-box #h-contact { float:right; background-color: rgba(111,62,5,0.07); color:#6f3e05; padding:7px 14px ; line-height:160%;}
		#header .inner #h-box #h-contact { background-color:#ebe9db\9; } /* ie8以下 */
			#header .inner #h-box #h-contact #h-tel { font-size:24.5px;}


#container { background:url(/img/bg_content01.jpg); padding:30px 0; font-size:18px;}
	#container .inner { width:1000px; margin:0 auto; padding-bottom:30px;}
	#container .inner p { margin:0 0 30px 0;}


#pankuzu { width:1000px; margin:10px auto 15px; font-size:14px;}

#mainimg_sub { width:1000px; margin:0 auto 10px;}

#mainimg { background:#000;}
	#mainimg .inner { width:1000px; margin:0 auto 35px;}
	.nivo-controlNav { display:none;}

#global { background:url(/img/bg_gmenu.jpg) ; height:74px;}
	#global #gnav { width:1000px; margin:0 auto; background:url(/img/bg_gmenu_list.jpg) center left no-repeat;}
		#global #gnav li { float:left; text-align:center; line-height:74px;}
			#global #gnav li.first { background:url(/img/bg_gmenu_list.jpg) left center no-repeat;}
		#global #gnav li a { color:#fff; text-decoration:none; display:block; height:74px; width:142px; background:url(/img/bg_gmenu_list.jpg) center right no-repeat; }
			#global #gnav li a.gmenu6 { width:148px;}
		#global #gnav li a:hover { color:#fff; text-decoration:underline;}

			#global #gnav li ul li { margin:0; height:auto; widht:280px; padding:0; line-height:150%;}
			#global #gnav li ul li a { font-size:12px; margin:0; padding:10px; height:auto; background:#b68a4b; border:1px #ab793e solid; padding:10px; widht:200px;}




.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 70px;
	height: 56px;
}



#footer #f-contact { background:#fff url(/img/bg_footer_line.jpg) left bottom repeat-x; padding:30px 0 50px;}
	#footer #f-contact .inner { width:1000px; margin:0 auto;}

	#footer #f-contact-l { float:left; width:60%;}
		#footer #f-contact-desc { font-size:18px; line-height:200%;}
		#footer #f-contact-tel { font-size:48px; color:#6f3e05; background:url(/img/bg_tel.png) left center no-repeat; padding:10px 0 0 70px; line-height:120%;}
	#footer #f-contact-r { float:right; width:40%; text-align:right; color:#6f3e05; padding-top:5px; font-size:18px;}


#footer #fnav { clear:both; background:url(/img/bg_footer_hasu.png) center bottom no-repeat; padding-top:40px; font-size:14px;}
	#footer #fnav .inner { width:1000px; margin:0 auto;}
	#footer #fnav #fnav_list { }
	#footer #fnav #fnav_list li  { float:left; width:245px; margin-top:10px;}
	#footer #fnav #fnav_list li a { background:url(/img/bg_footer_nav1.png) left center no-repeat; padding-left:20px; color:#6f3e05; text-decoration:none;}
	#footer #fnav #fnav_list li a:hover { text-decoration:underline;}
		#footer #fnav #fnav_list li ul.children { margin-top:0; margin-left:20px;}
		#footer #fnav #fnav_list li ul.children li { width:230px; margin-top:0;}
		#footer #fnav #fnav_list li ul.children li a { background:url(/img/bg_footer_nav2.png) left center no-repeat; padding-left:15px;}


#footer #copy { text-align:center; padding:40px 0 30px; font-size:14px; clear:both;}




/*---------------------------
 sitemap
---------------------------*/
#contents .ddsg-wrapper ul { list-style-type:none; margin-left:0;}

#contents .ddsg-wrapper ul li  { float:left; width:90%; margin-top:40px;}
#contents .ddsg-wrapper ul li a { background:url(/img/bg_footer_nav1.png) left center no-repeat; padding-left:20px; color:#6f3e05; text-decoration:none;}
#contents .ddsg-wrapper ul li a:hover { text-decoration:underline;}
	#contents .ddsg-wrapper ul li ul { margin-top:0; margin-left:20px;}
	#contents .ddsg-wrapper ul li ul li { width:90%; margin-top:0;}
	#contents .ddsg-wrapper ul li ul li a { background:url(/img/bg_footer_nav2.png) left center no-repeat; padding-left:15px;}
#contents .ddsg-xml-link { clear:both; text-align:right;}






/*---------------------------
 img hover
---------------------------*/
.img_link_list a:hover img, .pagetop a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background-color:rgba(255,255,255,0.2);
}



/*---------------------------
 page_common
---------------------------*/

.img_title { text-align:center; margin:30px 0 50px 0;}

.pagelink { background:#6f3e05 url(/img/bg_link_arrow.jpg) right center no-repeat; background-position:right 5px center; text-align:center; width:380px; margin:40px auto; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	.pagelink a { display:block; color:#fff; padding:13px; text-decoration:none;}
	.pagelink a:hover { text-decoration:underline;}

.pagelink_small { background:#6f3e05; text-align:center; margin:0; float:right; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.pagelink_small a { display:block; color:#fff; padding:3px 20px; text-decoration:none; font-size:14px;}
	.pagelink_small a:hover { text-decoration:underline;}
	.pagelink_small a:before { content: "»";}

.shadow { padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4);}


#contents { margin:20px 0 150px;}
	#contents h2 { text-align:center; font-size:26px; margin:50px 0 40px;}
	#contents h2 { margin:0 0 50px;}

/*#contents h3{
    margin: 0 0 1.5em;
    padding: 0.8em;
    font-size: 1.143em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #eee;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

#contents h3{
    margin: 0 0 1.5em;
    padding: 0.8em;
    font-size: 1.143em;
    font-weight: bold;
    border: 2px solid #B92A2C;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}*/

#contents h3{
    margin: 50px 0 40px;
    padding: 15px;
    border-top: 4px double #B92A2C;
    border-bottom: 4px double #B92A2C;
    font-size: 20px;
    font-weight: bold;
clear:both;
}




#contents h4{
    margin: 40px 0 30px;
    padding: 10px;
    border-left: 7px solid #B92A2C;
    border-bottom: 1px dashed #B92A2C;
    font-size: 16px;
    font-weight: bold;
clear:both;
}

#contents h5, #contents h6 { clear:both;}


#contents ul { list-style-type:disc; margin-left:20px;}
	#contents ul li { }
#contents ul.img_link_list { list-style-type:none; margin-left:0;}




strong { font-weight: bold !important; }
strong span { font-weight: bold !important; }
em { font-style: italic !important; }
em span{ font-style: italic !important; }

/*
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
*/

blockquote{
background-color:#fff;
padding:2em 4em 0.5em;
position:relative;
margin-bottom: 30px;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
blockquote:after{
content:"”";
font-size:600%;
line-height:0em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
right:0;
bottom:0;
}







/*---------------------------
 index
---------------------------*/
.content_bg2 { background:url(/img/bg_content02.jpg); padding:30px 0 0; margin-bottom:40px;}
	.img_link_list {}
	.img_link_list li { float:left;  margin:0 20px 30px 0; width:320px;}
	.img_link_list li.first { clear:both;}
	.img_link_list li.last { margin:0 0 30px 0;}
		.img_link_list li .title { display:block; text-align:center; font-size:18px;}
		.img_link_list li a { color:#000; text-decoration:none;}
		.img_link_list li a:hover { text-decoration:underline;}

		.img_link_list li img { padding:10px; background:#fff; -moz-box-shadow:0px 3px 3px rgba(0,0,0,0.4); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.4); box-shadow:0px 3px 3px rgba(0,0,0,0.4);}

.news-box { width:460px; float:left;}
.blog-box { width:460px; float:right;}
dl.news-dl { height:300px; padding:15px 15px; overflow-y:scroll; border:1px #c7c7c7 solid; margin:10px 0 10px; background:#fff;}
	dl.news-dl dt { clear:both; float:left; margin:0 0 0.8em; width:110px; padding-bottom:3px;}
	dl.news-dl dd { margin-bottom:0.8em; padding-left:110px; border-bottom:1px #888888 dotted; padding-bottom:3px;}
	dl.news-dl dd a { text-decoration:none; color:#000;}
	dl.news-dl dd a:hover { text-decoration:underline;}



.img_link_list-flex { display:flex; justify-content:center;}
	.img_link_list-flex li { margin:30px 20px; }
	.img_link_list-flex li img { padding: 10px; background: #fff; -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.4); box-shadow: 0px 3px 3px rgba(0,0,0,0.4);}
	.img_link_list-flex li a:hover { opacity:0.7; transition:0.5s;}

@media screen and (max-width:480px) {
	.img_link_list-flex { display:block;}
	.img_link_list-flex li { width:100%; text-align:center; margin:30px 0;}
}





/*---------------------------
 contact
---------------------------*/
table.table_contact { width:100%; margin-left:auto; margin-right:auto; border:1px #ccc solid;}
	table.table_contact th, table.table_contact td { border-bottom:1px #ccc dotted; padding:15px 20px;}
	table.table_contact th { background:#f3f3f3; width:30%; vertical-align:middle;}
	table.table_contact td { background:#fff;}
		table.table_contact th span { background:red; color:#fff; font-size:10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; padding:1px 5px; margin-left:10px; }
	.contact_button { margin:20px auto; width:20%; }
		table.table_contact td label { display:block;}
.contact_button input { padding:10px 20px;}




/*---------------------------
 eidaikuyo
---------------------------*/
.eidai_table { width:100%; }
	.eidai_table th, .eidai_table td { border:1px #ccc solid; padding:15px 20px;}
	.eidai_table th { background:#f3f3f3; }
		.eidai_table th.th3 { width:10%;}
		.eidai_table th.th4 { width:50%;}
		.eidai_table th.th_t2 { width:20%;}
	.eidai_table td { background:#fff; }
		.eidai_table td.td2 {width:20%;}
	.eidai_table tr:hover td { background:#fdffda; }




#contents ul.eitai-kobetsu-list { border:5px #ccc solid; border-radius:10px; padding:20px 10px;  background:url(/img/kobetsu-list-bg1.jpg) no-repeat; background-size:cover; list-style-type:none;}
    #contents ul.eitai-kobetsu-list li { background:url(/img/checkmark1.png) left center no-repeat; padding:10px 0 9px 45px; font-weight:bold; }




/*---------------------------
 sp menu
---------------------------*/
.gnav-sp-title { background:url(/img/gnav-sp-bg4.jpg) center center no-repeat; color:#fff; text-align:center; padding:15px 0;}

#gnav-sp { margin-top: 0; flex-wrap: wrap; display: flex; }
    #gnav-sp li { display:block; width:100%; background:#fff; padding-left:20px;  border:1px #d0e1cf dashed; }
        #gnav-sp li a { display:block; padding:10px 0 10px 30px; color:brown;  background: url(/img/bg_footer_nav1.png) left center no-repeat;}

details { transition: 0.5s; }
    details summary { cursor: pointer; }
    details summary { list-style: none; }
    details summary::-webkit-details-marker { display: none; }



/*---------------------------
 event
---------------------------*/
.gyoji_table { width:100%; }
	.gyoji_table th { border:1px #ab793e solid; padding:10px 20px; background:#f2f2f2;}
		.gyoji_table th.th1 { width:15%;}
		.gyoji_table th.th2 { width:25%;}
		.gyoji_table th.th3 { width:60%;}
	.gyoji_table td { border:1px #ab793e solid; padding:10px 20px; background:#fff;}





/*---------------------------
 kito
---------------------------*/
.kito_table { width:100%; }
	.kito_table th { border:1px #ccc solid; padding:15px 20px;}
	.kito_table th { background:#f3f3f3; }
		.kito_table th.th1 { width:40%;}
		.kito_table th.th2 { width:20%;}
		.kito_table th.th3 { width:40%;}
	.kito_table td { background:#fff; border-bottom:1px #ccc dashed; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:8px 20px;}





/*---------------------------
 blog
---------------------------*/
#blog_main { width:64%; float:left; }
	#blog_main .blog_content { padding:20px; background:#fff; border:1px #ccc solid; margin-bottom:30px;}
#blog_sidebar { width:32%; float:right; }
	#blog_sidebar .blog_sidebar_box { background:#fff; padding:20px; margin-bottom:30px; border:1px #ccc solid;}
#blog_main, #blog_sidebar { /*border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; */}

#contents #blog_sidebar h3{
    margin:40px 0 10px;
    padding:2px 0 2px 12px;
    border-top:0;
    border-bottom:0;
    border-left:8px #6f3e05 solid;
    margin-left:-20px;
    font-size:18px;
    font-weight:bold;
    clear:both;
}

.blog_content .entry-header {
  border-top: 4px solid #333333;
  border-bottom: 4px solid #333333;
  position: relative;
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog_content .entry-header .title {
	font-size: 20px;
	margin: 25px 0 15px;
}

.blog_content .entry-header .date {
  border-right: 10px solid #fff;
  background: #1487bd;
  background: #ba8e4f;
  display: inline-block;
  font-family: 'Oswald', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif;
  text-transform: uppercase;
  font-weight: normal !important;
  font-size: 18px;
  line-height: 1.3;
  padding: 5px 15px;
  position: absolute;
  top: -20px;
  left: -40px;
  margin-top: 5px;
  color:#fff;
}
.blog_content .entry-header .date:before {
  content: '';
  position: absolute;
  border-top: 15px solid #0f5373;
  border-top: 15px solid #744400;
  border-right: 0px solid transparent;
  border-left: 20px solid transparent;
  bottom: -15px;
  left: 0px;
}

.blog_content .cat { text-align:right; font-size:80%; margin-bottom:30px;}




/*---------------------------
 faq
---------------------------*/

ul.accordion { margin-top:80px;
}
ul.accordion a { 
}
ul.accordion span { 
display:block; 
background-position:100% top; 
background-repeat:no-repeat;
padding-right: 20px;
}
ul.accordion span:hover { color:#666;}
ul.accordion ul { display:none;}
ul.accordion > li { 
list-style:none;
margin: 0;
}
ul.accordion > li > p { 
  padding: 8px 0 10px 60px;
  background:url(/img/bg_faq_q.png) left top no-repeat;
  cursor: pointer;
}
ul.accordion > li > p span { 
background-image:url(/img/bg_faq_q_open.png);
}
ul.accordion > li > p span.open {
background-image:url(/img/bg_faq_q_close.png);
}
ul.accordion > li > ul > li { 
  background:url(/img/bg_faq_a.png) 20px 15px no-repeat;
  margin: 0 10px 40px;
  padding: 25px 30px 0 80px;
  border:2px #6f3e05 dashed;
}
ul.accordion > li > ul > li :last-child { border:none;}

#contents ul.accordion ul { list-style-type:none;}












/*---------------------------
 flexnav style
---------------------------*/
.flexnav {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-height: 0; }
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav li {
    font-size: 100%;
    position: relative;
    overflow: hidden; }
  .flexnav li a {
    position: relative;
    display: block;
    /*padding: .96em;*/
    z-index: 1000;
    overflow: hidden;
    color: #222222;
    /*background: #a6a6a2;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/ }
  .flexnav li ul {
    width: 100%; }
    .flexnav li ul li {
      font-size: 100%;
      position: relative;
      overflow: hidden; }
  .flexnav li ul.flexnav-show li {
    overflow: visible; }
  .flexnav li ul li a {
    display: block;
    /*background: #b2b2af;*/ background:#b68a4b; border:1px #ab793e solid; padding:10px; text-align:left; font-size:12px;}

  .flexnav ul li ul li a {
    background: #bfbfbc; }
  .flexnav ul li ul li ul li a {
    background: #cbcbc9; }
  .flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
/*custom*/ display:none;
    background: #acaca1;
    background: rgba(0, 0, 0, 0.075);
    text-align: center; }
    .flexnav .touch-button:hover {
      cursor: pointer; }
    .flexnav .touch-button .navicon {
      position: relative;
      top: 1.4em;
      font-size: 12px;
/*custom*/top:-5px; font-size:10px; -webkit-transform: scale3d(0.5, 0.5, 1); -webkit-transform-origin: 0px 0px;
     color: #666; }

.menu-button {
  position: relative;
  display: block;
  padding: 1em 60px;
/*custom*/  /*background: #f3f3f3;*/ background-color:#f3f3f3; background-image:url(/img/menu_sphone_icon.png); background-position:10px 13px; background-repeat:no-repeat;
  border:1px #bcbcbc solid;
  margin-top:20px;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-size: 16px;
      position: relative;
      top: 1em;
      color: #666; }







.menu-button {
  position: relative;
  display: block;
  padding: 1em 60px;
/*custom*/  /*background: #f3f3f3;*/ background-color:#f3f3f3; background-image:url(/img/menu_sphone_icon.png); background-position:10px 13px; background-repeat:no-repeat;
  border:1px #bcbcbc solid;
  margin-top:20px;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
margin-left:10px;
margin-right:10px;
}







@media all and (min-width: 999px) {
  body.one-page {
    padding-top: 70px; }

  .flexnav {
    overflow: visible; }
    .flexnav.opacity {
      opacity: 1; }
    .flexnav.one-page {
      top: 0;
      right: auto;
      max-width: 1080px; }
    .flexnav li {
      position: relative;
      list-style: none;
      float: left;
      display: block;
      /*background-color: #a6a6a2;*/
      overflow: visible;
      width: 142px; }
    .flexnav li a {
      /*border-left: 1px solid #acaca1;*/
      border-bottom: none; }
    .flexnav li > ul {
      position: absolute;
      z-index:1000; /*custom*/
      top: auto;
      left: 0; }
      .flexnav li > ul li {
        width: 100%; }
    .flexnav li ul li > ul {
      margin-left: 100%;
      top: 0; }
    .flexnav li ul li a {
      border-bottom: none; }
    .flexnav li ul.open {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 1; }
      .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px; }
      .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0; }

  .menu-button {
    display: none; }
}


.oldie body.one-page {
  padding-top: 70px; }
.oldie .flexnav {
  overflow: visible; }
  .oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px; }
  .oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    /*background-color: #a6a6a2;*/
    width: 20%;
    min-height: 50px;
    overflow: visible; }
  .oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li:hover > ul li {
      width: 100%;
      float: none; }
  .oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible; }
  .oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible; }
  .oldie .flexnav li ul li ul {
    top: 0; }
  .oldie .flexnav li ul li a {
    border-bottom: none; }
  .oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible; }
    .oldie .flexnav li ul.open li {
      width: 100%; }
    .oldie .flexnav li ul.open ul.open {
      margin-left: 100%;
      top: 0;
      display: block;
      width: 100%;
      overflow: visible; }
  .oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0; }
.oldie .menu-button {
  display: none; }
.oldie.ie7 .flexnav li {
  width: 19.9%; }







/*---------------------------
 pc
---------------------------*/
@media screen and (min-width: 999px) { /*769px*/

}/* pc */




/*---------------------------
 tablet and sphone
---------------------------*/
@media screen and (max-width: 999px) {

body { width:100%; overflow: hidden; }
img { max-width:100%; height:auto;}
#header .inner { width:100%;}
#container .inner { width:100%;}
#contents { width:95%; margin-left:auto; margin-right:auto;}
#pankuzu { width:100%;}
#mainimg_sub { width:100%;}
#mainimg .inner { width:100%;}
#global #gnav { width:100%;}
	#global #gnav li.first { background:#fff;}
#footer #f-contact .inner { width:100%;}
#footer #fnav .inner { width:90%; margin-right:auto;}
.pagelink { width:80%;}

#header .inner #h-box #logo { float:none; text-align:center;}
#header .inner #h-box #h-contact { clear:both; float:none; margin:0 auto 30px; width:300px; text-align:center;}

#footer #f-contact-l { float:none; width:100%; text-align:center;}
	#footer #f-contact-desc { font-size:100%; line-height: 150%;}
	#footer #f-contact-tel { font-size: 150%; background:none; padding:0; line-height: 150%; margin-bottom:10px;}
	#footer #f-contact-tel:before { content:"TEL:";}
#footer #f-contact-r { float:none; width:100%; text-align:center; font-size:100%;}

.pagetop { bottom:0; right:0;}

.news-box { width:90%; float:none; margin:50px auto;}
.blog-box { width:90%; float:none; margin:50px auto;}

.pagelink_small { float:none; width:50%; margin:0 auto;}

iframe { width:85%; border:1px #bcbcbc solid; margin:0 auto;}





#global { background:none; height:auto; margin-left:10px; margin-right:10px;}
	#global #gnav { width:100%; margin:0 auto; background:none;}
		#global #gnav li { float:left; text-align:center; line-height:150%; width:29%; margin:10px; background:#e8e7d9; border:2px #b18551 dashed;}
		#global #gnav li a { color:#6f3e05; text-decoration:none; display:block; height:auto; width:100%; padding:10px 0; background:none;}
			#global #gnav li a.gmenu6 { width:100%;}
		#global #gnav li a:hover { color:#6f3e05; text-decoration:underline;}

nav#global ul#gnav li ul li { display:none;}



table.table_contact { width:100%; margin-left:auto; margin-right:auto; border:0;}
	table.table_contact tr { display:block; width:100%;}
	table.table_contact th, table.table_contact td { display:block; border-bottom:1px #ccc dotted; padding:10px;}
	table.table_contact th { background:#f3f3f3; width:93%; vertical-align:middle;}
	table.table_contact td { background:#fff; width:93%;}
		table.table_contact th span { background:red; color:#fff; font-size:10px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; padding:1px 5px; margin-left:10px; }
	.contact_button { margin:20px 0; width:20%; }

	input[type="text"], select, textarea { width:100%;}




}/* tablet and sphone */





/*---------------------------
 tablet
---------------------------*/
@media screen and (min-width: 481px) and (max-width: 999px) {

.img_link_list li { width:28%; margin: 0 40px 30px 0;}
#header .inner #h-box #h-nav { float:none; margin:0 auto 20px; padding-bottom:20px;}
	#header .inner #h-box #h-nav { margin:0 auto; width:480px;}
	#header .inner #h-box #h-nav li { display:block; width:46%; float: left; background:#e8e7d9; border:2px #b18551 dashed; text-align:center; padding-top:10px; padding-bottom:10px; padding-left:0; margin-right:0; margin-left:0;  font-size:100%; margin:5px;}

#header .inner #h-box #h-nav { display:none;}

#global #gnav li.first {background: #e8e7d9;}

}/* tablet */




/*---------------------------
 sphone
---------------------------*/
@media screen and (min-width: 0px) and (max-width: 480px) {

img { max-width:100%; height:auto;}
img.alignright { margin:20px auto 30px; display:block; width:90%;}
.alignright { float:none; }
img.alignleft { margin:20px auto 30px; display:block; width:90%;}
.alignleft { float:none; }

#mainimg { /*display:none;*/}
.wp-caption { margin: 20px auto 35px;}
figcaption { }
figure { max-width:90% !important;}

#header .inner #h-box #h-nav { display:none;}
#header .inner #h-box #h-contact { margin-bottom:0;}

.img_link_list li { float:none; margin: 0 0 30px 0; text-align:center; width:auto;}


#global #gnav li { float:none; text-align:left; width:100%; margin:0; background:#fff; border-bottom:1px #b18551 solid; border-top:0; border-left:0; border-right:0; }
#global #gnav li a { padding-left:30px; background:url(/img/bg_footer_nav1.png) left center no-repeat; margin-left:10px;}

.top_content { margin:0 10px;}

#blog_main { width:100%; float:none; }
#blog_sidebar { width:100%; float:none; }







}/* sp */




.flex { display:flex; flex-wrap:wrap; justify-content: space-between; align-items: top;}
#contents ul.flex { list-style-type:none; margin-left: 0;}
.flex .column2 { width:49%; }
.flex .column3 { width:32%; }
.flex .column4 { width:23%; }

@media screen and (max-width:480px) {
	.flex { }
	.flex .column2 { width:100%; }
	.flex .column3 { width:100%; }
	.flex .column4 { width:49%; }
}