@charset "utf-8";

@font-face {
    font-family: cinecaption;
    src: url("./cinecaption2.28.ttf");
}
@font-face {
    font-family: zapfino;
    src: url("./zapfino.ttf");
}

/* ===================================================================
 * 此処に集うすべてのエネルギーが応援です。
 　未来は、１粒の種子から紡がれる*:･'ﾟ☆
=================================================================== */
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,
u, 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, 
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin:0;
   padding:0;
   border:0;
   font-size:100%;
   font:inherit;
   vertical-align:baseline;
}

* {box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
}
html, body {overflow-x:hidden; 
/*font-family:cinecaption;*/
}
blockquote, q { quotes:none;}
img { max-width:100%; vertical-align:middle; border:0;}
iframe {max-width:100%;}

blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
blockquote{
	border-left:5px solid #ddd;
	background: #eee;
	padding: 10px;
	margin:20px 0;
	font-family:serif;
}

table,tr,td {
   border-spacing:1;
   text-align:center;
   border:1px solid #555;
}

table.farm {width:96%; margin:0 auto;}
table.hervest,.hervest tr,.hervest td { border:1px solid #a80; color:#750;}
tr,td {  padding:2px; vertical-align:middle;}
.exist, .hervest .exist td, .hervest td.exist {color:#bbb;}
tr.herb td {font-size:82%; background:#555; color:#fff; padding:0px;}
tr.herb .exist {color:#aaa;}

hr{ border:none;}


/* 1. Default Style
 ================================================*/
h1, h2, h3, h4, h5, h6, th {
	font-size: 100%; font-family:zapfino,serif; font-weight: normal;
}
h1:first-letter {font-size:135%; letter-spacing:3px;}
h2:first-letter,h3:first-letter {font-size:120%; letter-spacing:1px;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-size:80%;}

body {
	width:100%;
	font-size: 14px;
	line-height: 144%;
	color:#63462B;
}
.big {font-size:120%;}
.small {font-size:80%;}
.f_left{ float:left;}
.f_right{ float:right;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.whiteshadow {text-shadow:
1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,
2px 2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,-2px -2px 1px #fff,
3px 3px 2px #fff,-3px 3px 2px #fff,3px -3px 2px #fff,-3px -3px 2px #fff;}
.brown {color:#620;}
.blue {color:#206;}
.green {color:#062;}
.red {color:#c20;}
.yellow {color:#990;}
.white {color:#fff;}
.clear {clear:both;}
.clearfix:after {
content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
img.grid1 {width:98%; margin:0 auto 20px; }
.grid2 {width:48%; margin-bottom:20px;}
.grid3 {width:31%; margin-bottom:20px;}
.grid4 {width:23%; margin-bottom:20px;}

.circleimg { border-radius:50%; display: inline-block; position:relative; font-size:88%;  vertical-align:middle; white-space:nowrap; }
.circleimg1 {  padding-top:30px; text-indent:100px; color:#052; width:220px; height:220px;
background:url("../images/slider/01.jpg") 90% 90% no-repeat; border:8px double #eee; 
margin-left:10%; margin-top:50px;
transform: rotate(6deg);
}
.circleimg2 { padding-top:30px; text-indent:-100px; color:#052; width:250px; height:250px;
background:url("../images/slider/02.jpg") 90% 90% no-repeat; border:8px double #eee; 
margin-left:35%;
transform: rotate(-5deg);
}

/* 2. Link Style
 ================================================*/
a { color:#63462B; text-decoration:none;}
main a { text-decoration:underline; }
main a:hover { text-decoration:none; }
a:hover {position:relative; left:1px;}
a:hover img { opacity: 0.8; filter: alpha(opacity=80);}

a.circlelink { padding:60px 30px; color:#055; text-align:center; text-decoration:none;
background:rgba(255,255,255, 0.8); border:1px solid #052; border-radius:50%; display: inline-block; font-size:220%; vertical-align:middle; width:280px; min-height:180px; line-height:50px;
}
a.circlelink:hover {font-size:250%;}


/* 3. Structure Module
 ================================================*/
.container { widh:100%; max-width: 980px; margin: 0 auto; }
.container:after { clear:both; display:block; content:"."; height:0px; visibility: hidden;}
.hr:after { clear:both; display:block; content:"."; height:40px; background:url(../images/hr.png) 50% 50% no-repeat; background-size:auto 100%;}

header { width:100%; padding:20px 0 0px;}
footer { width:100%; padding-bottom:30px; font-size:98%; margin-top:-220px;
    background: linear-gradient(top ,transparent 180px, rgba(245, 255, 230, 1.0) 175px, rgba(255, 255, 255, 1.0));
}
footer:before {background:url("../images/bg_footer.png") 50% 0% repeat-x; content:"."; display:block; height:240px; margin-top:220px;}

/*------------------------------------------------
header
--------------------------------------------------*/

header h1 { background:none; margin:0; }
header h1 a { background: url("../images/marliyuito.gif") 0 50% no-repeat; background-size:auto 60px; padding:33px 0 10px 2em; font-weight: bold; display:inline-block; font-size:22px;}
#description { margin:10px 0 8px; font-size:11px; font-weight:bold; padding-left:5px; color:#084; display:inline-block;}

header h1 a:first-letter{font-size:150%;}

#h-tel{
	float:right;
	text-align:right;
	margin:30px 20px 0 0; display:none;
}
#h-tel a {text-decoration:underline;}

ul.language { margin:5px 0 8px; color:#B28452; float:right; display:inline-block; display:none; }
ul.language li {display: inline-block; list-style:none;}
ul.language li:first-child:before {content: "▶"; display:inline-block; margin:0 8px 0 10px;}
ul.language li:after  {content: "|"; color:#ecc; display:inline-block; margin:0 8px 0 10px;}
ul.language li:last-child:after {content: "."; clear:both;}
ul.language a{ color:#B28452;}
/*------------------------------------------------
hmenu
--------------------------------------------------*/
#imenu {display:none;}
#hmenu{ position:relative; z-index:4; height:88px; margin-bottom:25px;}
#hmenu li { display:inline-block; width:12.5%; vertical-align:top; float:left; border-left:0px solid #552; border-bottom:0px solid #552; list-style:none; }
#hmenu li:last-child { border-right:0px solid #552;}
#hmenu li li,#hmenu li li:last-child  { border:0px solid #000; }
#hmenu a { background:rgba(0,50, 20, 0.4); height:108px; text-align:center; display:inline-block; padding:28px 0 0; font-size:110%; width:100%; color:#fff; border-radius:100%; border:4px double #aa0;
}
#hmenu a.current, #hmenu a:hover {font-size:120%; color:#ffc; background:#031;
	background: linear-gradient(top , rgba(90,50,0, 0.1) 0px, rgba(0,0,0, 1.0));
}
#hmenu a span {font-size:70%;}
#hmenu li ul li { width:100%; }
#hmenu li ul { display:none; position:absolute; top:100%; left:0;}
#hmenu li:hover { position:relative; top:0%;}
#hmenu li:hover > ul {z-index:1; display: block; margin:0;}
#hmenu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

li.m_food {display:none!important;}
li.m_library {display:none!important;}
li.m_trade {display:none!important;}


.index #hmenu li a {margin-bottom:-20px;}


#breadcrumbs {clear:both; background:rgba(255,255,255,0); color:#555; padding:2px 0 2px 5px; }
#breadcrumbs ol {
    margin-top:10px;
	padding:2px;
	font-size:12px;
	font-family:'Times New Roman','serif';
    list-style: none;
}

#breadcrumbs li {display:inline-block; margin:0; line-height:12px;}
#breadcrumbs a { color:#00f; text-decoration:underline; }
#breadcrumbs a:hover { text-decoration:none; }
#breadcrumbs li:after { content: ">>"; margin:0 4px; }
#breadcrumbs li:last-child:after { content: ""; display: none; margin:0;}


/*------------------------------------------------
main
--------------------------------------------------*/

.hidden_box label {padding:15px; font-weight:bold; border:solid 2px black; cursor:pointer; display:inline-block;}
.hidden_box label:hover {background:#293; color:#fff}
.hidden_box input {display:none;}
.hidden_box .hidden_show {height:0; overflow:hidden; opacity:0; transition:0.8s;}
.hidden_box input:checked ~ .hidden_show {height:auto; opacity:1;}

.hidden_box label:before {display:inline-block; content: '▶'; padding-right:10px; transition:0.2s;}
.hidden_box label:hover:before { content: '☒'; }
.hidden_box input:checked ~ label:before {  content: '▼'; transform:rotate(360deg); }


#prolog{
	background:url(../images/top01_bg.jpg) no-repeat 50% 50px;
	overflow:hidden; min-height:475px; padding:0px 10px 0; margin-bottom:30px;
}

main {clear:both;}
main h1, #prolog h1 {font-size:200%; font-weight:normal; margin:60px 0 30px; letter-spacing:2px;}
main h2 {font-size:170%; font-weight:normal; margin:60px 0 30px; letter-spacing:2px; color:#063;}
main h3 {font-size:140%; font-weight:normal; margin:50px 0 20px; color:#369;}
main h4 {font-size:120%; font-weight:normal; margin:50px 0 20px; color:#396;}
section article h3 {font-size:140%; font-weight:normal; margin:0px;}
.column {text-align:left; margin:30px auto; padding:0 30px 40px; border-radius:16px;}
.column section {margin-top:80px;}
.column section:first-child {margin-top:0;}

div.box { margin:55px auto; width:100%; }
div.box:after {
	content:""; display:block;
	background-size:100% auto;
	clear:both;
	}

main dt {
	float:left;
	padding:5px 20px 0 15px;
	font-weight:bold;
	line-height:150%;
	color:#888844;
}
main dd {
	margin:0 0 5px 0;
	padding: 5px 0px 5px 8em;
	line-height:150%;
	border-bottom:1px dotted #aaa;
}

main li {margin:15px auto 15px 15px;}
.box dl  { margin:5px 0 0 0; font-size:12px;}

div.b_left { width:45%; float:left; padding-left:5%; } div.b_left img { width:100%; max-width:200px; }
div.b_right { width:55%; text-align:left; float:right; padding:0 7% 0 2%; }
div.b_right:after { clear:both; content:""; display:block; }
div.b_right dl  { margin:0 0 20px 0; font-size:12px;}
div.b_right dt { float:left!important; }
div.b_right dd { padding: 5px 0px 5px 7em!important;}

.library table {width:95%; margin:0 auto; border:1px solid #555;}
.library thead {background:#000; color:#fff;}

.column3 h2:before , .column4 h2:before {content: "＼　"; font-size:140%; font-weight:bold;}
.column3 h2:after , .column4 h2:after {content: "　／"; font-size:140%; font-weight:bold;}
.column3 article, .column4 article {
	width:32%;
	height:520px;
	float:left;
	border-radius:16px;
	text-align:center;
	border:1px solid #666;
	background:rgba(255,255,255, 0.8);
}
.column3 article{ width:32%; height:520px; margin:8px 0.5%;}
.column4 article{ width:24%; height:490px; margin:8px 0.5%;}
.column3 p{
	min-height:125px;
	padding:20px 23px 0;
	text-align:left;
	clear:both;
}
.column4 p{
	min-height:155px;
	padding:23px 13px 0;
	clear:both;
	text-align:left;
}
.column3 article p:first-child,
.column4 article p:first-child {
background:#000; color:#fff; min-height:25px; height:25px; line-height:30px; font-size:12px; padding:0; text-align:center; margin:0 auto 15px; border-radius:16px 16px 0 0;
letter-spacing:6px; text-shadow:1px 1px 2px #6ff,-1px -1px 2px #6ff;
}

.column3 article img, .column4 article img {border-radius:16px; max-width:94%; }
.column3 article:after,
.column4 article:after {
	content: " "; display: block;
	background:url(../images/top2_2.png) no-repeat 50% 100%;
	background-size:100% auto;
}
.column3 article:after{height:55px;}
.column4 article:after{height:45px;}

.column3 h3, .column4 h3 {background:url(../images/top2.png) no-repeat 0% 50%; background-size:auto 100%; padding:30px 0 0 80px; margin-left:10px; height:60px; font-size:150%; text-align:left; vertical-align:bottom;
}
.column3 a, .column4 a {
	display:block;
	font-size:90%;
	width:98px;
	height:22px;
	float:right;
	margin:10px 16px 0 0;
}

/*------------------------------------------------
footer
--------------------------------------------------*/

#copyrights {
	clear:both;
	text-align:center;
	margin:20px auto;
    font-size:90%;
}
#copyrights a { text-decoration:underline; }
#copyrights a:hover { text-decoration:none; }

footer hr{
	width:100%;
	border-bottom:1px solid #DBD5CB;
}
footer ul{
	margin:25px auto;
	width:90%;
}
footer li{
	margin-bottom:20px;
	display:inline-block;
	width:32%;
	text-align:center;
	color:#63472B;
	line-height:100%;
}
footer li a{ color:#6347ff;}



/* 7. Footer Module
 ================================================*/
p#share {text-align:left; font-family:fantasy; margin:22px 0 44px;}
p#share a {text-decoration:underline;}
p#share a:hover {text-decoration:none;}
#bookmark {
	text-align:left;
	width:auto;
	margin:75px auto 15px;
	padding:10px 0 5px 0px;
	border-bottom:1px solid #ddd;
	font-family:fantasy;
}
#bookmark a {text-decoration:none;}
.g-plusone {vertical-align:top!important; }
.tw1 { width:72px!important; height: 62px!important; overflow:hidden;}
#fb_button, .fb_like { overflow:visible; width:70px; height:61px; vertical-align:top!important; display:inline-block; position:relative; z-index:1;}
.fb-like { vertical-align: top!important; width:70px; height: 61px!important; overflow:hidden; display:inline-block; }
.fb-like2 { width:105px!important; height: 21px; overflow:visible; float:left!important; position:relative; z-index:1;}

main .fb-like-box,main .fb-like-box iframe[style],main .fb-like-box span { width: 98.5% !important; height:280px;}
#side .fb-like-box,#side .fb-like-box iframe[style],#side .fb-like-box span { width: 98% !important; }
#copy {clear:both; text-align:center; padding:25px 0 0; font-family: 'Sofia', cursive; font-size:12px; }

#line_bm {display:none;}
.line {background:url(../images/line.png) no-repeat 0% 100%; width:36px; height:62px; display:inline-block; background-size:auto 62px; vertical-align:top!important;}

#s_social {display:none;}

aside {margin-bottom:33px;}
.thanks {font-size:88%;}


/* 5. SideNav Module
 ================================================*/
.list {
	margin-bottom:50px;
	border-radius:16px;
	padding-bottom:10px;
	background:rgba(255, 255, 255, 0.8);
}
.list:after {
	height:55px;
	content: " "; display: block;
	background:url(../images/bg_menu.png) no-repeat 50% 100%;
	background-size:100% auto;
}

#side h2 {
	margin:0 auto -8px;
	padding:22% 0 8%;
	font-size:130%;
	text-align:center;
	color:#067;
	font-weight:bold;
	font-family: Sofia;
	background:url(../images/bg_menu_h2.png) no-repeat 50% 0%;
	background-size:100% auto;
	border-radius:16px 16px 0 0;
	text-shadow: 2px 2px 3px rgba(0, 180, 163, 1);
}

.list li { margin: 0 15px; padding:0; }
.list ul ul {margin-left:4%; padding:0;}
.list li li { margin:0 5px; padding:0; }
.list li a {
	display:block;
	color:#067;
	background:url("../images/bg_nav_list.png") 5px 50% no-repeat;
	padding:6px 10px 6px 25px;
	font-weight:bold;
}

.list ul.plain { margin:3px 0 0 15px;}
.plain li { margin:0; display:inline-block;}
.list ul.plain a {
	display:inline-block;
	background:url("../images/bg_nav_list.png") 5px 50% no-repeat;
	padding:4px 10px 4px 15px;
	font-weight:bold;
}