/* ===================================================================
CSS information
 file name  :  styles.css
 style info :  リセット及び設定
 =================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
 display: block;
 }
audio[controls], canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
 }
 html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*overflow-y: scroll;*/
 }
 html,body {
	height:100%;
}
body {
	background-color:#fff;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font-family: 'Noto Serif JP', serif;
	font-size:13px;
	font-style: normal;
	font-weight: 200;
	line-height: 1.8;
	color: #000000;
	font-feature-settings : "palt";
	letter-spacing:1px
}
.min_bold {font-family: 'Noto Serif JP', serif; font-weight: 400;}
.min_eng {font-family: sans-serif;}

a, a:link, a:active, a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #252417;
}
a:focus {
/*outline: thin dotted;*/
outline: none;
}
a:hover, a:active {
outline: none;
}

abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre, code, kbd, samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 93%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
margin: 0;
padding: 0;
}
dd {
margin: 0px;
}
nav ul, nav ol {
list-style: none;
}
img {
border: 0;
vertical-align:middle;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
*margin-left: -7px;
}
button, input, select, textarea {
font-size: 12px;
font-weight: 400;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="button"], input[type="reset"], input[type="submit"], input[type="image"] {
-webkit-appearance: none;
border-radius: 0;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
img, abbr, acronym, fieldset {
border: 0;
}
li {
list-style: none;
}
.ie6_error, .no_script {
background:#F66;
padding: 100px;
text-align:center;
font-size:150%;
color:#333;
}
/*utility*/
.m05 {margin-bottom: 5px;}
.m10 {margin-bottom: 10px;}
.m12 {margin-bottom: 12px;}
.m15 {margin-bottom: 15px;}
.m20 {margin-bottom: 20px;}
.m30 {margin-bottom: 30px;}
.m40 {margin-bottom: 40px;}
.m50 {margin-bottom: 50px;}
.m60 {margin-bottom: 60px;}
.m100 {margin-bottom: 100px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml12 {margin-left: 12px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pl05 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pr05 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr30 {padding-right: 30px;}
.pr40 {padding-right: 40px;}

.p05 {padding: 5px;}

.flt {float: left;}
.flr {float: right;}
.txt_l, td.txt_l, .txt_l td {text-align: left;}
.txt_r, td.txt_r, .txt_r td {text-align: right;}
.txt_c, td.txt_c, .txt_c td {text-align: center;}
.txt_j, td.txt_j, .txt_j td {text-align: justify;}
.valign_t, td.valign_t, .valign_t td {vertical-align: top;}
.valign_m, td.valign_m, .valign_m td {vertical-align: middle;}
.valign_b, td.valign_b, .valign_b td {vertical-align: bottom;}
.clear {clear: both;}
.clearfix:before, .clearfix:after {content: "";display: block;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* form reset */
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"]/*,
input[type="checkbox"]*/ {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
	outline: 0;
	margin: 0;
	background: #ffffff;
}

/* text design */
textarea,
input[type="number"],
input[type="text"] {
	width: 90%;
	padding: 10px 10px;
	font-size: 14px;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
textarea {height: 200px;}

textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus {
	box-shadow: 0 0 7px #333333;
	border: 1px solid #333333;
}

/*placeholder*/
::-webkit-input-placeholder {color: #ccc;font-size: 12px;}
:-moz-placeholder {color: #ccc;opacity: 1;font-size: 12px;}
::-moz-placeholder {color: #ccc;opacity: 1;font-size: 12px;}
:-ms-input-placeholder {color: #ccc;font-size: 12px;}

/*文字色*/
.txt_w {color:#ffffff;}
.txt_red {color:#d50000;}
.txt_red2 {color:#8f1c16;}
.txt_brown {color:#42210b;}
.txt_blue {color:#074081;}
.txt_g4 {color:#444444;}
.txt_g8 {color:#888888;}
.txt_gb {color:#bbbbbb;}

/* ローディング画面の背景 */
#logo_loader {
	display: block;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 9999;
}
#logo_loader .f_logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 160px;
	height: 50px;
	text-align: center;
}
#logo_loader .f_logo .desvg {
	width: 100%;
	height: auto;
}
#logo_loader .f_logo .desvg path{fill: #fff;}
#logo_loader .f_logo:before {
	content: "";
	display: block;
	width: 100%;
	height: 110%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 100%;
	animation: loadLogo 1.5s;
}
@keyframes loadLogo {
0% {left: 0;}
50% {left: 0;}
100% {left: 100%;}
}
@-webkit-keyframes loadLogo{
0% {left: 0;}
50% {left: 0;}
100% {left: 100%;}
}

#logo_loader.open {
	animation-name: slideOut;
	animation-fill-mode: forwards;
	animation-duration: 2s;
	animation-delay: 2s;
}

@keyframes slideOut {
0% {transform: translateX(0%);}
50% {transform: translateX(0%);}
100% {transform: translateX(100%);}
}
@-webkit-keyframes slideOut {
0% { -webkit-transform: translateX(0%);}
50% { -webkit-transform: translateX(0%);}
100% { -webkit-transform: translateX(100%);}
}


/* フェードイン */
.fadeInUp {
	-webkit-animation-fill-mode:both;
	/*-ms-animation-fill-mode:both;*/
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	/*-ms-animation-duration:1s;*/
	animation-duration:1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@keyframes fadeInUp{
0% { opacity: 0;  transform: translateY(50px); }
100% { opacity: 1; transform: translateY(0); }
}

@-webkit-keyframes fadeInUp{
0% { opacity: 0; -webkit-transform: translateY(50px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}

/*-------------- Link ------------*/
a:link{color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: none;}
a:hover{color: #000000;text-decoration: none;}
a:active{color: #cccccc; text-decoration: none;}

a.onwhite:link{color: #000000; text-decoration: none;}
a.onwhite:visited{color: #000000; text-decoration: none;}
a.onwhite:hover{color: #000000;text-decoration: none;}
a.onwhite:active{color: #ffffff; text-decoration: none;}

a.line:link{color: #000000; text-decoration: underline;}
a.line:visited{color: #000000; text-decoration: underline;}
a.line:hover{color: #000000;text-decoration: underline;}
a.line:active{color: #ffffff; text-decoration: underline;}

a.line_b:link{color: #000000; text-decoration: underline;}
a.line_b:visited{color: #000000; text-decoration: underline;}
a.line_b:hover{color: #cccccc;text-decoration: underline;}
a.line_b:active{color: #cccccc; text-decoration: underline;}

/* 縦書き */
.vertical-writing {
	-ms-writing-mode: tb-rl;
	font-feature-settings: "pkna";
	-webkit-font-feature-settings: "pkna";
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: left;
	display: inline-block;
	letter-spacing:3px;
	/*letter-spacing:-3px;*/
}

.page_animation {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@media print, screen and (min-width: 1000px) {
 /* PC用のスタイル記述 */
 html{
	min-width: 1000px;
	height: 100%;
 }
.noscroll {overflow-y: hidden;}

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

/*-------------- global header ------------*/
.fixbar {position: relative; width:100%;  margin:0 auto 0 auto;}
.fixbar .fixbar-inner {position: relative; width:-webkit-calc(100% - 0%); width: calc(100% - 0%); margin:0 auto 0 auto;}

/* header */
.top-head {position: fixed; width:100%; margin: 0 auto; padding: 45px 0; line-height: 1; z-index: 999; background-color: rgba( 255, 255, 255, 0 );}
.top-head:after {content: ""; display: block;height: 1px; width: 100%; margin: 0 auto;}
.top-head a, .top-head {color: #000000; text-decoration: none;}
.top-head .inner {position: relative;width:100%; margin: 0 auto;}
.top-head .inner:after {content: ""; clear: both;display: block;}
.top-head .logo {float: left; width: 180px; margin-left: 10%;}
.top-head .logo .desvg path{fill: #fff;}
.top-head .linkArea {float: right; margin-right: 10%; margin-top:8px;}
.top-head .linkArea .linkBox1, .top-head .linkArea .linkBox2, .top-head .linkArea .snsBox {float: left; height: 24px; line-height:24px;}
.top-head .linkArea .linkBox1 ul li {display:inline-block; font-size: 18px; position: relative;margin-right: 30px;}
.top-head .linkArea .linkBox2 ul li {display:inline-block; font-size: 15px; position: relative;margin-right: 15px;}
.top-head .linkArea .snsBox ul li {display:inline-block; font-size: 24px; margin-right: 5px; color:#999999;}
.top-head .linkArea .snsBox ul li:last-child {margin-right: 0;}
.top-head .linkArea .snsBox ul li .fb-fb:before{font-family: 'FontAwesome' ; content: '\f230'; padding: 0 4px;}
.top-head .linkArea .snsBox ul li .fb-in:before{font-family: 'FontAwesome' ; content: '\f16d'; padding: 0 4px;}
.top-head .linkArea .snsBox ul li .fb-tw:before{font-family: 'FontAwesome' ; content: '\f099'; padding: 0 4px;}
.top-head .linkArea a {display: block; color:#ffffff;}
.top-head .linkArea a:hover {color:rgba(0, 0, 0, 1);}

/* Fixed */
.top-head.fixed {padding:20px 0; background-color: rgba( 255, 255, 255, 0.95 );}
.top-head.fixed .logo {width: 100px; margin-left: 5%;}
.top-head.fixed .logo .desvg path{fill: #000;}
.top-head.fixed:after {width: 100%; margin-top: 0px;}
.top-head.fixed .linkArea {margin-right: 5%; margin-top: 0px;}
.top-head.fixed .linkArea .linkBox1 ul li {margin-right: 30px;}
.top-head.fixed .linkArea .linkBox1 ul li:last-child {margin-right: 50px;}
.top-head.fixed .linkArea .linkBox1 ul li a {font-size: 16px; color: #000000;}
.top-head.fixed .linkArea .linkBox1 ul li a:hover {color:rgba(0, 0, 0, 0.2);}
.top-head.fixed .linkArea .linkBox2 ul li {margin-right: 15px;}
.top-head.fixed .linkArea .linkBox2 ul li a {font-size: 13px; color: #000000;}
.top-head.fixed .linkArea .linkBox2 ul li a:hover {color:rgba(0, 0, 0, 0.2);}
.top-head.fixed .linkArea .snsBox ul li {font-size: 20px; margin-right: 0px;}
.top-head.fixed .linkArea .snsBox ul li:last-child {margin-right: 0;}
.top-head.fixed .linkArea .snsBox ul li a {color: #000000;}
.top-head.fixed .linkArea .snsBox ul li a:hover {color:rgba(0, 0, 0, 0.2);}

/* transition */
.top-head,
.top-head:after,
.top-head .logo,
.top-head .linkArea ul li,
.top-head .linkArea ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* modal */
.fixArea {position: fixed; top:0; left:0; width: 100%; height: 80px; z-index: 3100; /*background-color: rgba( 255, 255, 255, 0.95 );*/ overflow: auto; -webkit-overflow-scrolling: touch;}
.fixArea .fixArea-inner {position: relative; width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:20px auto 0 auto;}
.fixArea .fixArea-inner .header_home {float: left;}
.fixArea .fixArea-inner .header_home img {width:184px;}

.fixArea .fixArea-inner .header_linkArea {float:right;}
.fixArea .fixArea-inner .header_linkArea ul {list-style:none;}
.fixArea .fixArea-inner .header_linkArea ul li {display:inline-block; float: right;}
.fixArea .fixArea-inner .header_linkArea ul li.myaccount-btn {width: 40px;height: 40px;margin-right:15px; cursor: pointer;}
.fixArea .fixArea-inner .header_linkArea ul li.myaccount-btn img {width:40px; height:40px;}
.fixArea .fixArea-inner .header_linkArea ul li.cart-btn {width: 40px;height: 40px;margin-right:15px; cursor: pointer;}
.fixArea .fixArea-inner .header_linkArea ul li.cart-btn img {width:40px; height:40px;}
.fixArea .fixArea-inner .header_linkArea ul li.close-btn {width: 40px;height: 40px; cursor: pointer;}
.fixArea .fixArea-inner .header_linkArea ul li.close-btn img {width:40px; height:40px;}

/*Menu*/
.modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;background: rgba(0, 0, 0, 0.5);}
.modal-content-box {position: relative;width: 100%;height: 100%;margin: 0 auto; background:url(../images/bg_modal.png) repeat-y center; overflow: auto;-webkit-overflow-scrolling: touch;}

/*mainbtnArea*/
.modal-mainbtnArea {margin-top:150px;}
.modal-mainbtnArea .modal-mainbtnBox {position: relative; width:-webkit-calc(100% - 0%) ; width: calc(100% - 0%); height: auto; margin:0 auto 0 auto;}
.modal-mainbtnArea .modal-mainbtnBox .mainlinkBox {float:left;width:40%;padding:0 5%;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox {float:right;width:40%;padding:0 5%;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .subleftBox {float:left;width:50%; margin-bottom:30px;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .subrightBox {float:right;width:50%; margin-bottom:30px;}
.modal-mainbtnArea .modal-mainbtnBox .eng_title {font-size: 14px; margin-bottom:5px; color:#ffffff;}
.modal-mainbtnArea .modal-mainbtnBox .mainbtn {font-size: 14px; margin-bottom:30px;}
.modal-mainbtnArea .modal-mainbtnBox .mainbtn span {font-size: 30px; line-height:1.2;}
.modal-mainbtnArea .modal-mainbtnBox .subbtn {font-size: 13px; margin-bottom:10px;}
.modal-mainbtnArea .modal-mainbtnBox .subbtn2 {font-size: 13px; margin-bottom:30px;}

.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .linktxt a {font-size: 14px; position: relative;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .linktxt a:hover {color: #ffffff;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .linktxt a:after {
font-family: 'FontAwesome' ;
content: '\f14c';
font-size: 14px;
font-weight: 400;
color: #000000;
transform: translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
margin-left:4px;
}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox .linktxt a:hover:after {color: #ffffff;}

.modal-mainbtnArea .modal-mainbtnBox .snsBox {margin-top:50px;}
.modal-mainbtnArea .modal-mainbtnBox .sns_btn {float:left;  margin-right:15px;}
.modal-mainbtnArea .modal-mainbtnBox .sns_btn .fb-fb:before{font-family: 'FontAwesome' ; content: '\f230'; font-size: 24px; padding: 0 4px;}
.modal-mainbtnArea .modal-mainbtnBox .sns_btn .fb-in:before{font-family: 'FontAwesome' ; content: '\f16d'; font-size: 24px; padding: 0 4px;}
.modal-mainbtnArea .modal-mainbtnBox .sns_btn .fb-tw:before{font-family: 'FontAwesome' ; content: '\f099'; font-size: 24px; padding: 0 4px;}

/*-------------------------------------------------------------
top
-------------------------------------------------------------*/
/* top main photo */
.mainArea {position: relative;width: 100%;height: 100%; overflow: hidden;}
.mainArea .topcontentsArea {
	position: relative;
	padding:0;
	width: 100%;
	height: 100%;
	background-color:#000000;
	overflow: hidden;
	text-align:left;
	z-index: 4;
}
.mainArea .topcontentsArea .opening {position:relative;}
.mainArea .topcontentsArea .opening ul li {position: relative;overflow: hidden;width: 100%;text-align: center;}
.mainArea .topcontentsArea .opening ul li img.photo_img{
	max-width: inherit;
	width: 100%;
	height: auto;
}
.mainArea .topcontentsArea .titleBox {position: absolute;bottom:12%;left: 10%; z-index: 10;}
.mainArea .topcontentsArea .titleBox h2 {font-size: 72px; color:#fff; line-height:1.4;}
.mainArea .topcontentsArea .titleBox .coname {font-size: 16px; color:#fff;}

/* top product */
.top-product-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.top-product-wrap .top-product-inner { width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:1000px; margin:50px auto 100px auto; }
.top-product-wrap .top-product-inner .title {font-size:18px; margin-bottom:30px; text-align:left;}
.top-product-wrap .top-product-inner .toplinkArea {margin-left: -7%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox {position:relative; width:43%; margin-left:7%; margin-bottom: 50px; float: left; color:#000000;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea {position:relative; width:100%; height:345px; margin-bottom:10px; text-align:center;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .photoBox {position:absolute; top:0: left:0: z-index:1;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .photoBox img {width:100%; height:100%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .mpArea {position:absolute; width:56px; height:56px; top:0%; left: 50%; transform: translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index:2;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .mpArea .mpBox {font-size:14px; line-height: 56px; display:block;color:#fff;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox {position:relative; padding:0 3%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox .date {font-size:12px; font-weight:400; margin-bottom:4px;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox h3 {font-size:18px; line-height:1.6; text-align:left; margin-bottom:10px;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox h4 {font-size:14px; line-height:1.6; text-align:justify;  margin-bottom:15px;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox:hover {color: #000000; text-decoration: underline;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox:hover img {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.2s linear;
}
/* VIEW MORE */
.top-product-wrap .top-product-inner .view_btnArea { width:100%; margin:0 auto 50px auto; text-align:center;}
.top-product-wrap .top-product-inner .view_btnArea .view_btnBox {clear: both; width: 280px; margin:0 auto 0 auto; font-size:14px; font-weight:400; text-align:center;}
.top-product-wrap .top-product-inner .view_btnArea .view_btnBox span {display:block; color: #000000; background-color:#ffffff; padding:12px 0; border: solid 1px #bbbbbb; text-align:center;}
.top-product-wrap .top-product-inner .view_btnArea .view_btnBox span:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
.top-product-wrap .top-product-inner .category-linkArea {clear: both; width:93%; margin-left:7%; padding-top:50px; text-align: center; border-top:solid 1px #eeeeee;}

/* top about */
.top-about-wrap {clear: both; position: relative; width:100%; margin:0 auto 0 auto; overflow:visible;}
.top-about-wrap .top-about-inner {width:-webkit-calc(100% - 0px) ; width: calc(100% - 0px); height:450px; text-align:center; background:url(../images/pc_top_about_bg.jpg) no-repeat center; background-size:cover;}
/* top move */
#text-path {fill: #333; font-size:20px;}
/* top text */
.top-text-wrap {clear: both; width:100%; margin:-100px auto 0 auto; overflow:visible;}
.top-text-wrap .top-text-inner { width:-webkit-calc(100% - 100px) ; width: calc(100% - 100px); max-width:800px; margin:100px auto 100px auto; padding-bottom:0px; text-align:center;}
.top-text-wrap .top-text-inner h5 {text-align: center; margin-bottom:50px;}
.top-text-wrap .top-text-inner h5 .txt {font-size:16px; line-height:2.4;}
.top-text-wrap .top-text-inner h5 .txt span {font-size:18px;}
.top-text-wrap .top-text-inner h6 {font-size:18px; margin-bottom:150px;}
.top-text-wrap .top-text-inner .btnBox {clear: both; width: 280px; margin:0 auto 0 auto; font-size:14px; font-weight:400; text-align:center;}
.top-text-wrap .top-text-inner .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.top-text-wrap .top-text-inner .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
/* top-news */
.top-news-wrap {clear: both; position: relative; width:100%; margin:0 auto 0 auto; overflow:visible;}
.top-news-wrap .top-news-inner {width:-webkit-calc(100% - 0%); width: calc(100% - 0%); max-width:1000px; margin:150px auto 150px auto; text-align:left;}
.top-news-wrap .top-news-inner .newsTitleBox {margin-bottom:10px; height:24px; line-height:24px;}
.top-news-wrap .top-news-inner .newsTitleBox .newstitle {float:left; font-size:18px; text-align:left; }
/*.top-news-wrap .top-news-inner .newsTitleBox .newsall {float:right; text-align:right; }
.top-news-wrap .top-news-inner .newsTitleBox .newsall a:before {
font-family: 'FontAwesome' ;
content: '\f138';
font-size: 15px;
font-weight: bold;
color: #d50000;
transform: translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
margin-right:4px;
}*/
.top-news-wrap .top-news-inner .newsList {clear:both; margin:2px 0 0 0; text-align:left; border-top:solid 1px #bbbbbb;}
.top-news-wrap .top-news-inner .newsList dl {width: 100%; border-bottom:solid 1px #bbbbbb;}
.top-news-wrap .top-news-inner .newsList dt {width: 15%; float:left; font-size:14px; padding:10px; color:#777777;}
.top-news-wrap .top-news-inner .newsList dd {margin-left: 16%; font-size:14px; padding:10px;}

/*-------------------------------------------------------------
title
-------------------------------------------------------------*/
.title-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#000;}
.title-wrap .title-wrap-inner {width:100%; height:100%; margin:0px auto 0 auto; text-align:center; position:relative; overflow:hidden;}
/*about*/
.title-wrap .title-wrap-inner .about_photoBox { width:100%; height:600px; position: relative;}
.title-wrap .title-wrap-inner .about_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.title_bg_about {background-image: url(../images/mainphoto_about_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 600px;}
/*common*/
.title-wrap .title-wrap-inner .common_photoBox { width:100%; height:200px; position: relative;}
.title-wrap .title-wrap-inner .common_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.title-wrap .title-wrap-inner .common_photoBox .photoBox img {width:104%; height:104%; filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.title_bg_common {background-image: url(../images/mainphoto_common_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 600px;}
/*category*/
.title-wrap .title-wrap-inner .cate_photoBox { width:100%; height:600px; position: relative;}
.title-wrap .title-wrap-inner .cate_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea {position:absolute; bottom:10%; left: 10%; width:50%; height:40%; z-index:2; }
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox {position:relative; color:#ffffff; filter: drop-shadow(0 0 8px rgba(0,0,0,0.5)); text-align:left;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox h2 {position:absolute; top:0%;left: 18%; font-size:60px; line-height:1; }
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .catetitle {font-size:14px; line-height:1.4;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .catetitle span {font-size:12px; letter-spacing:0.1em; }
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .subtitle {font-size:24px; margin-top: 60px;}
.title_bg_meeting {background-image: url(../images/mainphoto_meeting_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height:600px;}
.title_bg_study {background-image: url(../images/mainphoto_study_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 600px;}
.title_bg_harvest {background-image: url(../images/mainphoto_harvest_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 600px;}
.title_bg_food {background-image: url(../images/mainphoto_food_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 600px;}
/*single*/
.title-wrap .title-wrap-inner .single_photoBox { width:100%; height:200px; position: relative;}
.title-wrap .title-wrap-inner .single_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:100%; transform: translate(-52%, -50%); -webkit-transform:translate(-52%, -50%);}
.title-wrap .title-wrap-inner .single_photoBox .photoBox img {width:104%; height:104%; filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
/*blur*/
.blur{-ms-filter: blur(6px);filter: blur(6px);}

/*-------------------------------------------------------------
category
-------------------------------------------------------------*/
.category-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.category-wrap .category-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); max-width:1000px; margin:80px auto 0 auto; }
.category-wrap .category-inner .toplinkArea {margin-left: -7%;}
.category-wrap .category-inner .toplinkArea .toplinkBox {position:relative; width:43%; margin-left:7%; margin-bottom: 50px; float: left; color:#000000;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea {position:relative; width:100%; height:345px; margin-bottom:10px; text-align:center;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .photoBox {position:absolute; top:0: left:0: z-index:1;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .photoBox img {width:100%;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .mpArea {position:absolute; width:56px; height:56px; top:0%; left: 50%; transform: translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index:2;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .mpArea .mpBox {font-size:14px; line-height: 56px; display:block;color:#fff;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox {position:relative; padding:0 3%;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox .date {font-size:12px; font-weight:400; margin-bottom:4px;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox h3 {font-size:18px; line-height:1.6; text-align:left; margin-bottom:10px;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox h4 {font-size:14px; line-height:1.6; text-align:justify; margin-bottom:15px;}
.category-wrap .category-inner .toplinkArea .toplinkBox:hover {color: #000000; text-decoration: underline;}
.category-wrap .category-inner .toplinkArea .toplinkBox:hover img {-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.2s linear;}

/* pagenation */
.category-wrap .category-inner .pagenationArea {clear:both; margin: 0; padding:50px 0; text-align:center; border-top:solid 1px #eeeeee;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span {vertical-align: middle;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span.txt12 {font-size:12px; letter-spacing:0.1em;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span.txt20 {font-size:20px; padding:0 4px;}

/*calendar*/
.category-wrap .category-inner .calendarArea {clear: both; margin-bottom:50px;}
.category-wrap .category-inner .calendarArea iframe {width:100%;}

/*-------------------------------------------------------------
category link
-------------------------------------------------------------*/
.category-link-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.category-link-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); max-width:1000px; margin:0 auto 150px auto; padding-top:50px;text-align: center; border-top:solid 1px #eeeeee;}
.catelinktitle {font-size:14px; line-height:1.6; margin-bottom:30px;}
.catelinktitle span {font-size:12px; letter-spacing:0.1em; }
.catelinkArea {width:720px; margin:0 auto 50px auto; text-align:center;}
.catelinkArea .catelinkBox {position:relative; width:110px; height:110px; text-align:left; margin:0 15px 0 15px; float: left; padding:20px;}
.catelinkArea .catelinkBox .txt01 {font-size:20px;}
.catelinkArea .catelinkBox .txt02 {font-size:12px; text-align:justify; letter-spacing:0px}
.catelinkArea a {display: block; color: #ffffff;}
.catelinkArea a:hover {color: #ffffff; filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; transition: all 0.2s linear;}

/*-------------------------------------------------------------
single
-------------------------------------------------------------*/
.single-wrap {clear: both; width:100%; margin:0 auto 0 auto; /*overflow:visible;*/}
.single-wrap .single-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); max-width:1000px; margin:100px auto 0 auto; }
.single-wrap .single-inner .sinleArea {margin-bottom:150px;position: relative;}
.single-wrap .single-inner .sinleArea .sideArea {
	float:left;
	width:15%;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 100px;
}
.single-wrap .single-inner .sinleArea .sideArea .titleBox {color:#000; text-align:left;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catetitle {font-size:14px; line-height:1.4;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catetitle span {font-size:12px; letter-spacing:0.1em; }
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catename {font-size:60px; line-height:1.4; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .date {font-size:12px;}
.single-wrap .single-inner .sinleArea .mainArea {float:right;width:80%; font-size:16px; line-height:2;}
.single-wrap .single-inner .sinleArea .mainArea h2 {font-size:30px; line-height:1.6; margin-bottom: 50px;}
.single-wrap .single-inner .sinleArea .mainArea .mainphoto img {width:100%; margin-bottom: 50px;}
.single-wrap .single-inner .sinleArea .mainArea .mainContents p {margin-bottom: 2em; text-align:justify;}
.single-wrap .single-inner .sinleArea .mainArea .mainContents img {width:100%; height:100%; /*margin-bottom: 30px;*/}
.single-wrap .single-inner .sinleArea .mainArea .infoBox {margin-top: 100px; padding:50px; background-color: #f4f3f3; border:solid 1px #eeeeee;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_photo img {width:100%; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_title {font-size:24px; line-height:1.6; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text {font-size:16px; line-height:2; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text a {color: #000000; text-decoration: underline;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text a:hover{color: #cccccc;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox {clear: both; width: 280px; font-size:14px; text-align:center;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
/*pagenation*/
.single-wrap .single-inner .sinleArea .mainArea .pagenationArea {clear:both; margin-top: 50px; border-top:solid 1px #eeeeee;}
/*calendar*/
.single-wrap .single-inner .calendarArea {clear: both; margin-bottom:50px;/*border:solid 1px #0000ff;*/}
.single-wrap .single-inner .calendarArea img {width:100%;}

/*-------------------------------------------------------------
about
-------------------------------------------------------------*/
/*first*/
.about-wrap {clear: both; width:100%; margin:0 auto 150px auto; overflow:visible; background:url(../images/about_wrap_pc.png) no-repeat top right; background-size: 800px 480px;}
.about-wrap .about-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); max-width:1000px; margin:0 auto 0 auto; position: relative; text-align:left;}
.about-wrap .about-inner .aboutTxetBox {width:47%; padding-top: 100px;}
.about-wrap .about-inner .aboutTxetBox h2 {font-size:30px; margin-bottom: 50px; line-height:1.6;}
.about-wrap .about-inner .aboutTxetBox .txt01 {font-size:16px; margin-bottom: 20px; line-height:2; text-align:justify;}
.about-wrap .about-inner .aboutTxetBox .btnBox {clear: both; width: 280px; font-size:14px; text-align:center;}
.about-wrap .about-inner .aboutTxetBox .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.about-wrap .about-inner .aboutTxetBox .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
/*second*/
.about-second-wrap {clear: both; width:100%; margin:0 auto 150px auto; overflow:visible;}
.about-second-wrap .about-second-inner { width:-webkit-calc(100% - 0px) ; width: calc(100% - 0px); margin:0 auto 0 auto; padding:0; text-align:center;}
.about-second-wrap .about-second-inner .secondArea {position: relative;}
.about-second-wrap .about-second-inner .secondArea .photoArea {float:left; width: 50%; position:relative; margin:0 auto 0 auto;}
.about-second-wrap .about-second-inner .secondArea .photoArea img {width: 100%; height:100%; border-bottom-right-radius : 100px;}
.about-second-wrap .about-second-inner .secondArea .txtArea {position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox {width:430px;}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox h3 {font-size:24px; line-height:1.6; text-align:left; margin-bottom: 30px;}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox .txt02 {font-size:15px; line-height:2; text-align:justify;}
/*third*/
.about-third-wrap {clear: both; width:100%; margin:0 auto 150px auto; overflow:visible; background-color:#f3f3f3;}
.about-third-wrap .about-third-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); max-width:800px; margin:0 auto 0 auto; padding:100px 0 100px 0; position: relative; text-align:center;}
.about-third-wrap .about-third-inner .lli_logo { width: 312px; margin:0 auto 30px auto;}
.about-third-wrap .about-third-inner .lli_logo img {width: 100%; height:100%;}
.about-third-wrap .about-third-inner h4 {font-size:30px; margin-bottom: 20px;}
.about-third-wrap .about-third-inner .txt03 {font-size:14px; margin-bottom: 50px;}
.about-third-wrap .about-third-inner .txt04 {font-size:16px; margin-bottom: 20px; line-height:2; text-align:justify;}
.about-third-wrap .about-third-inner .txt05 {font-size:14px; margin-bottom: 100px; line-height:2; text-align:right;}
.about-third-wrap .about-third-inner .pic { width: 100%;}
.about-third-wrap .about-third-inner .pic img {width: 100%; height:100%;}
/*map*/
.about-map-wrap {clear: both; width:100%; margin:-100px auto 150px auto; padding-top:100px; overflow:visible;}
.about-map-wrap .about-map-inner { width:-webkit-calc(100% - 10px) ; width: calc(100% - 10px); max-width:1000px; margin:0 auto 0 auto; text-align:left;}
.about-map-wrap .about-map-inner h5 {font-size:30px; margin-bottom: 30px;}
.about-map-wrap .about-map-inner .txt06 {font-size:16px; margin-bottom: 20px;}
.about-map-wrap .about-map-inner .mapArea {width:100%; margin-bottom:20px;}
.about-map-wrap .about-map-inner .mapArea iframe {width:100%; height:420px;}

/*-------------------------------------------------------------
news
-------------------------------------------------------------*/
.news-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.news-wrap .news-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); max-width:800px; margin:100px auto 100px auto; position: relative; text-align:left;}
.news-wrap .news-inner .newsArea {width:100%;}
.news-wrap .news-inner .newsArea h2 {font-size:24px; margin-bottom: 50px; line-height:1.2; text-align:center;}
.news-wrap .news-inner .newsArea .newsBox {clear:both; margin-top: 0px; padding-top:30px; margin-bottom:30px; border-top:solid 1px #bbbbbb;}
.news-wrap .news-inner .newsArea .newsBox h3 {font-size:18px; font-weight:400; margin-bottom: 20px;}
.news-wrap .news-inner .newsArea .newsBox h3 a:hover {color: #ffffff; text-decoration: underline;}
.news-wrap .news-inner .newsdetailArea {width:100%;}
.news-wrap .news-inner .newsdetailArea h2 {font-size:24px; font-weight:400; color:#000000; margin-bottom: 30px;}
.news-wrap .news-inner .news_date {font-size:12px; margin-bottom: 0px;}
.news-wrap .news-inner .news_contents {clear:both; font-size:14px; margin-bottom: 50px; line-height:2; text-align:justify;}
.news-wrap .news-inner .news_contents p {clear:both; padding-bottom:30px;}
.news-wrap .news-inner .news_contents a {font-weight:700; text-decoration: underline;}
.news-wrap .news-inner .news_contents a:hover {color: #cccccc; text-decoration: underline;}
/*
.news-wrap .news-inner .newsArea .newsBox .news_contents table.info_table {margin-bottom: 20px; padding:0; border-collapse:collapse;}
.news-wrap .news-inner .newsArea .newsBox .news_contents table.info_table td{font-size:13px;}
.news-wrap .news-inner .newsArea .newsBox .news_contents table.info_table td.txt01{ padding: 5px 20px 5px 0; text-align:left;}
.news-wrap .news-inner .newsArea .newsBox .news_contents table.info_table td.txt02{ padding: 5px 0 5px 0; text-align:left;
}*/
.news-wrap .news-inner .news_contents .movieArea {position: relative;width:100%;margin-bottom:5px;padding-top: 56.25%;}
.news-wrap .news-inner .news_contents .movieArea iframe {position: absolute;top:0;right:0;width:100% !important;height:100% !important;}
.news-wrap .news-inner .pagenationArea {clear:both; margin-bottom: 150px; padding-top:30px; text-align:center; border-top:solid 1px #bbbbbb;}
/* sidebar 
#sidebarArea {float:left; text-align: left; width:20%; margin-top:0px;}
#sidebarArea .sideTitle {font-size:14px; font-weight:bold; height: 40px;display: block;line-height: 40px;padding-left: 10px; background-color: #cccccc; color:#000000; text-decoration:none;}
#sidebarArea .sidemenu ul { margin-bottom:20px;}
#sidebarArea .sidemenu ul li {width: 100%; border-bottom:solid 1px #cccccc;}
#sidebarArea .sidemenu ul li a {height: 40px;display: block;line-height: 40px;padding: 0 0 0 10px; color:#444444; text-decoration:none;}
#sidebarArea .sidemenu ul li a:hover {color:#ffffff; background-color: #6e9bc8;}
*/

/*-------------------------------------------------------------
contact
-------------------------------------------------------------*/
.contact-wrap {clear: both; width:100%; margin:0px auto 0 auto; overflow:visible;}
.contact-wrap .contact-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); max-width:800px; margin:100px auto 100px auto; position: relative;  text-align:left;}
.contact-wrap .contact-inner h2 {font-size:24px; margin-bottom: 50px; line-height:1.2; text-align:center;}
.contact-wrap .contact-inner h3 {font-size:18px; margin: 50px 0 30px 0; text-align:left;}
.contact-wrap .contact-inner h4 {font-weight:100; text-align:left;}
/*formArea*/
.contact-wrap .contact-inner .formArea{ width: 100%; text-align:center;}
.contact-wrap .contact-inner table.formtable{ width: 100%; margin-bottom:30px; padding:0; border-collapse:collapse; border-bottom:solid 1px #dddddd; text-align:left;}
.contact-wrap .contact-inner table.formtable td.txt01{ width: 30%; font-size:14px; padding: 20px 0; vertical-align:middle; white-space:nowrap; border-top:solid 1px #dddddd;}
.contact-wrap .contact-inner table.formtable td.txt02{ width: 70%; font-size:14px; padding: 20px 0; border-top:solid 1px #dddddd;}
.contact-wrap .contact-inner .check_txt {margin: 0 0 30px 0;}

.contact-wrap .contact-inner textarea,
.contact-wrap .contact-inner input[type="email"],
.contact-wrap .contact-inner input[type="tel"],
.contact-wrap .contact-inner input[type="number"],
.contact-wrap .contact-inner input[type="text"] {
	width: 90%;
	padding: 6px 6px;
	font-size: 14px;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.contact-wrap .contact-inner input[type="file"] {
	padding: 6px 6px;
	font-size: 14px;
}
.contact-wrap .contact-inner textarea {height: 200px;}
.contact-wrap .contact-inner input[type="submit"] {margin-left:250px; font-size:16px; font-weight:bold;width: 280px; padding: 12px 0; padding-left:0; color:#000000; border: solid 1px #bbbbbb; display:block; background-color:#ffffff;}
.contact-wrap .contact-inner input[type="submit"]:hover {color:#ffffff; background-color:#333333; display:block; transition: all 0.2s linear;}

/*-------------------------------------------------------------
privacy
-------------------------------------------------------------*/
.privacy-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.privacy-wrap .privacy-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); max-width:800px; margin:100px auto 100px auto; padding:0; text-align:left;}
.privacy-wrap .privacy-inner h2 {font-size:24px; margin-bottom: 50px; line-height:1.2; text-align:center;}
.privacy-wrap .privacy-inner h3 {font-size:14px; margin-bottom: 50px;line-height: 2;}
.privacy-wrap .privacy-inner dl {margin:50px 0 0 0; padding: 0;}
.privacy-wrap .privacy-inner dt {font-size:14px; font-weight:700; margin:0 0 10px 0; }
.privacy-wrap .privacy-inner dd {line-height: 2; margin:0 0 50px 0;}
.privacy-wrap .privacy-inner dd.txt_r {text-align: right;}
.privacy-wrap .privacy-inner ol, .privacy-wrap .privacy-inner ul {margin-left: 25px;} 
.privacy-wrap .privacy-inner ol li {margin: 0.5em 0 0 0; list-style-type: decimal;} 
.privacy-wrap .privacy-inner ul li {margin: 0.5em 0 0 0; list-style-type: disc;} 
/*.privacy-wrap .privacy-inner ol li ul li, .privacy-wrap .privacy-inner ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;} */

/*-------------------------------------------------------------
footer
-------------------------------------------------------------*/
#footer-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#333333;}
#footer-wrap #footer-inner {width:-webkit-calc(100% - 0%); width: calc(100% - 0%); max-width:80%; margin: 0px auto; padding: 70px 0 70px 0; text-align:center;}
#footer-wrap #footer-inner .footer_logo {width: 100%; margin: 0px auto; text-align:center;}
#footer-wrap #footer-inner .footer_logo .desvg {width: 280px;}
#footer-wrap #footer-inner .footer_logo .desvg path{fill: #fff;}
#footer-wrap #footer-inner .footer_logo .coname {font-size: 12px; color:#fff;}
#footer-wrap #footer-inner .footer_linkBox1 {width:100%; margin: 50px 0 30px 0; padding:30px 0; border-top: 1px solid #464646; border-bottom: 1px solid #464646;}
#footer-wrap #footer-inner .footer_linkBox1 .footer_title {font-size: 14px; color:rgba(255, 255, 255, 0.5); margin-bottom:10px;}
#footer-wrap #footer-inner .footer_linkBox1 ul {}
#footer-wrap #footer-inner .footer_linkBox1 li {display:inline-block; font-size: 22px;}
#footer-wrap #footer-inner .footer_linkBox1 li a {display: block; position: relative; margin: 0 20px; color: #ffffff;}
#footer-wrap #footer-inner .footer_linkBox1 li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_linkBox2 {width:100%; margin-bottom:30px;}
#footer-wrap #footer-inner .footer_linkBox2 ul {}
#footer-wrap #footer-inner .footer_linkBox2 li {display:inline-block; font-size: 14px;}
#footer-wrap #footer-inner .footer_linkBox2 li a {display: block; position: relative; margin: 0 20px; color: #ffffff;}
#footer-wrap #footer-inner .footer_linkBox2 li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_snsBox {margin-bottom:30px;}
#footer-wrap #footer-inner .footer_snsBox ul {}
#footer-wrap #footer-inner .footer_snsBox li {display:inline-block; font-size: 24px; color:#777777;}
#footer-wrap #footer-inner .footer_snsBox li a {display: block; position: relative; margin: 0 6px; color: #ffffff;}
#footer-wrap #footer-inner .footer_snsBox li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_snsBox li .fb-fb:before{font-family: 'FontAwesome' ; content: '\f230'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_snsBox li .fb-in:before{font-family: 'FontAwesome' ; content: '\f16d'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_snsBox li .fb-tw:before{font-family: 'FontAwesome' ; content: '\f099'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_copy {clear:both; font-size: 13px; color:#a7a7a7; padding:0 0;}

/*-------------------------------------------------------------
WP共通
-------------------------------------------------------------*/
.widget_title {display:none;}

/*Pagenation*/
.pagenation {margin: 20px 0;position: relative; overflow: hidden;}
.pagenation:after, .pagenation ul:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.pagenation ul {margin: 0;position: relative;left: 50%;float: left;}
.pagenation li {position: relative;left: -50%;float: left;list-style: none outside none;margin-left: 15px; font-size:14px; width: 58px; height:58px; line-height:58px; display: inline-block;}
.pagenation li:first-child {margin-left: 0;}
.pagenation li.active {background-color: #eeeeee; color: #000000; cursor: not-allowed; border:solid 1px #000000;}
.pagenation li a {background-color: #ffffff; color: #000000; display: block; text-decoration: none; border:solid 1px #bbbbbb;}
.pagenation li a:hover {background-color: #cccccc; color: #ffffff; /*border:solid 1px #000000;*/ border:solid 1px #bbbbbb;}
.pagenation li.prev a, .pagenation li.next a, .pagenation li.up a {background-color: #ffffff; color: #000000; border:none;}
.pagenation li.prev a:hover, .pagenation li.next a:hover, .pagenation li.up a:hover {background-color: #ffffff; color: #cccccc;}
.pagenation li.prev span.arrow-left:before {font-family: 'FontAwesome' ; content: '\f177' ; padding: 0; font-size:28px;}
.pagenation li.next span.arrow-right:before {font-family: 'FontAwesome' ; content: '\f178' ; padding: 0; font-size:28px;}
.pagenation li.up span.arrow-up:before {font-family: 'FontAwesome' ; content: '\f176' ; padding: 0; font-size:28px;}
.nocomments {display: none;}

/*-------------------------------------------------------------
404
-------------------------------------------------------------*/
.notfound-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.notfound-wrap .notfound-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); max-width:900px; margin:100px auto 100px auto; padding:0; text-align:left;}
.notfound-wrap .notfound-inner h2 {font-size:24px; margin-bottom: 50px; line-height:1.2; text-align:center;}
.notfound-wrap .notfound-inner h3 {font-size:15px; margin-bottom: 50px; line-height:1.6;}
.notfound-wrap .notfound-inner .btnBox {clear: both; width: 280px; font-size:14px; margin:0 auto 0 auto; text-align:center;}
.notfound-wrap .notfound-inner .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.notfound-wrap .notfound-inner .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}

/*-------------------------------------------------------------
common
-------------------------------------------------------------*/
.bg_meeting {background: rgba(55, 147, 146, 1);}
.bg_food {background: rgba(218, 99, 93, 1);}
.bg_study {background: rgba(101, 102, 135, 1);}
.bg_harvest {background: rgba(236, 146, 66, 1);}
.font_small {font-size:12px; line-height:1.8;}
.font_big {font-size:18px;}

/*/PC*/
}


@media screen and (max-width: 999px) {
/* スマートフォン用のスタイル記述 */
body {
	font-feature-settings:"pkna";
	height: 100%;
	font-size:13px;
}

body.overflow-hidden {overflow: hidden;}
img, object, embed {max-width: 100%;height: auto;}
img {-ms-interpolation-mode: bicubic;}
input {font-size: 16px;}

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

/*-------------- spNavi ------------*/
.fixbar {position: fixed; top:0; left:0; width: 100%; z-index: 3000; overflow: auto; -webkit-overflow-scrolling: touch;}
.fixbar .fixbar-inner {position: relative; width:-webkit-calc(100% - 0%) ; width: calc(100% - 0%); margin:0 auto 0 auto; }

/* header */
.top-head {position: fixed; width:100%; margin: 0 auto; padding:24px 0 20px 0; line-height: 1; z-index: 999; background-color: rgba( 255, 255, 255, 0 );}
.top-head:after {content: ""; display: block;height: 1px; width: 100%; margin: 0 auto;}
.top-head a, .top-head {color: #000000; text-decoration: none;}

.top-head .inner {position: relative;width:100%; margin: 0 auto;}
.top-head .inner:after {content: ""; clear: both;display: block;}
.top-head .logo {float: left; width: 140px; margin-left: 5%;}
.top-head .logo .desvg path{fill: #fff;}
.top-head .linkArea {float:right; margin-right: 5%;}
.top-head .linkArea .open-btn {width: 32px;height: 32px; cursor: pointer;}
.top-head .linkArea .open-btn path{fill: #fff;}

/* Fixed */
.top-head.fixed {background-color: rgba( 255, 255, 255, 1 );}
.top-head.fixed .logo {margin-left: 5%;}
.top-head.fixed .logo .desvg path{fill: #000;}
.top-head.fixed .linkArea .open-btn path{fill: #000;}
.top-head.fixed:after {width: 100%; margin-top: 0px;}

/* transition */
.top-head,
.top-head:after,
.top-head .logo,
.top-head .linkArea ul li,
.top-head .linkArea ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/* modal */
.fixArea {position: fixed; top:0; left:0; width: 100%; z-index: 3100; background-color: rgba( 255, 255, 255, 0.95 ); overflow: auto; -webkit-overflow-scrolling: touch;}
.fixArea .fixArea-inner {position: relative; width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto; padding:15px 0 10px 0;}
.fixArea .fixArea-inner .header_home {float: left; width:140px;}
.fixArea .fixArea-inner .header_home .desvg path{fill: #000;}

.fixArea .fixArea-inner .header_linkArea {float:right;}
.fixArea .fixArea-inner .header_linkArea .close-btn {width: 32px;height: 32px; cursor: pointer;}
.fixArea .fixArea-inner .header_linkArea .close-btn path{fill: #000;}

/*Menu*/
.modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;background: rgba(0, 0, 0, 0.5);}
.modal-content-box {position: relative;width: 100%;height: 100%;margin: 0 auto;background: #fff;overflow: auto;-webkit-overflow-scrolling: touch;}

/*mainbtnArea*/
.modal-mainbtnArea {margin-top:70px;}
.modal-mainbtnArea .modal-mainbtnBox {position: relative; width:-webkit-calc(100% - 0%) ; width: calc(100% - 0%); height: auto; margin:0 auto 0 auto; text-align:center;}
.modal-mainbtnArea .modal-mainbtnBox .title {font-size: 14px; margin-bottom:20px;}
.modal-mainbtnArea .modal-mainbtnBox .mainlinkBox {width:90%; margin:0 5% 0 5%; border-bottom: 1px solid #999999;}
.modal-mainbtnArea .modal-mainbtnBox .mainlinkBox ul li {display:block; font-size: 24px; margin-bottom:20px;}
.modal-mainbtnArea .modal-mainbtnBox .mainlinkBox ul li a {display: block; position: relative;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox {width:90%; margin:5% 5% 0% 5%;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox ul li {display:block; font-size: 14px; margin-bottom:10px;}
.modal-mainbtnArea .modal-mainbtnBox .sublinkBox ul li a {display: block; position: relative;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox {width:90%; margin:0 5% 0 5%;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox ul {}
.modal-mainbtnArea .modal-mainbtnBox .snsBox li {display:inline-block; font-size: 24px; color:#999999;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox li a {display: block; position: relative; margin: 0 6px;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox li .fb-fb:before{font-family: 'FontAwesome' ; content: '\f230'; padding: 0 4px;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox li .fb-in:before{font-family: 'FontAwesome' ; content: '\f16d'; padding: 0 4px;}
.modal-mainbtnArea .modal-mainbtnBox .snsBox li .fb-tw:before{font-family: 'FontAwesome' ; content: '\f099'; padding: 0 4px;}

/*-------------------------------------------------------------
top
-------------------------------------------------------------*/
/* top main photo */
.mainArea {position: relative;width: 100%;height: 100%; overflow: hidden;}
.mainArea .topcontentsArea {
	position: relative;
	padding:0;
	width: 100%;
	height: 100%;
	background-color:#ffffff;
	overflow: hidden;
	text-align:left;
	z-index: 4;
}
.mainArea .topcontentsArea .opening {position:relative;}
.mainArea .topcontentsArea .opening ul li{position: relative;overflow: hidden;width: 100%;text-align: center;}
.mainArea .topcontentsArea .opening ul li img.photo_img{max-width: inherit;width: 100%;height: auto;}
.mainArea .topcontentsArea .titleBox {position: absolute;bottom:30%;left: 10%; transform: translate(0%, 0%);-webkit-transform:translate(0%, 0%);z-index: 10;}
.mainArea .topcontentsArea .titleBox h2 {font-size: 40px; color:#fff; line-height:1.4; margin-bottom:10px;}
.mainArea .topcontentsArea .titleBox .coname {font-size: 13px; color:#fff;}

/* top product */
.top-product-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.top-product-wrap .top-product-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 50px auto; padding:0;}
.top-product-wrap .top-product-inner .title {font-size:18px; margin-bottom:30px; text-align:center;}
.top-product-wrap .top-product-inner .toplinkArea {position:relative; width: 100%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox {position:relative; width:100%;float: left;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea {position:relative; width:100%; margin-bottom:10px; text-align:center;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .photoBox {}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .photoBox img {width:100%; height:100%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .mpArea {position:absolute; width:56px; height:56px; top:0%; left: 50%; transform: translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index:2;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .photoArea .mpArea .mpBox {font-size:14px; line-height: 56px; display:block;color:#fff;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox {padding-bottom:5%;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox .date {font-size:12px; font-weight:400; margin-bottom:4px;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox h3 {font-size:16px; line-height:1.6; text-align:left; margin-bottom:10px;}
.top-product-wrap .top-product-inner .toplinkArea .toplinkBox .txtBox h4 {font-size:14px; line-height:1.6; text-align:justify;  margin-bottom:10px;}
.top-product-wrap .top-product-inner .toplinkArea .btnBox {clear:both; width: 50%; margin:0 auto 50px auto; font-size:14px; text-align:center;}
.top-product-wrap .top-product-inner .toplinkArea .btnBox a {display:block; color: #ffffff; background-color:#000000; padding:8px 0; border-radius: 20px;}
.top-product-wrap .top-product-inner .toplinkArea .btnBox a:hover{color: #ffffff; background-color:#cccccc; }

/* VIEW MORE */
.top-product-wrap .top-product-inner .view_btnArea {width:100%; margin:0 auto 50px auto; text-align:center;}
.top-product-wrap .top-product-inner .view_btnArea button {clear: both; width: 280px; font-size:14px; color: #000000; background-color:#ffffff; padding:12px 0; border: solid 1px #bbbbbb; text-align:center;}
.top-product-wrap .top-product-inner .category-linkArea {width:100%; padding-top:30px; text-align: center; border-top:solid 1px #eeeeee;}

/* top about */
.top-about-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.top-about-wrap .top-about-inner {width:-webkit-calc(100% - 0px) ; width: calc(100% - 0px); height:300px; text-align:center; background:url(../images/sp_top_about_bg.jpg) no-repeat center; background-size:cover;}
/* top move */
.top-move-wrap {clear: both; position: relative; width:100%; margin:30px auto 0 auto; overflow:visible; }
.top-move-wrap .top-move-inner {width:-webkit-calc(100% - 0px) ; width: calc(100% - 0px);}
#text-path {fill: #000; font-size:36px;}

/* top text */
.top-text-wrap {clear: both; width:100%; margin:-50px auto 0 auto; overflow:visible;}
.top-text-wrap .top-text-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:100px auto 100px auto; padding-bottom:0px; text-align:center;}
.top-text-wrap .top-text-inner h5 {text-align: center; margin-bottom:50px;}
.top-text-wrap .top-text-inner h5 .txt {font-size:16px; line-height:3;}
.top-text-wrap .top-text-inner h5 .txt span {font-size:18px;}
.top-text-wrap .top-text-inner h6 {font-size:14px; line-height:1.6; margin-bottom:50px;}
.top-text-wrap .top-text-inner .btnBox {clear: both; width: 280px; margin:0 auto 0 auto; font-size:14px; font-weight:400; text-align:center;}
.top-text-wrap .top-text-inner .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.top-text-wrap .top-text-inner .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}

/* top-news */
.top-news-wrap {clear:both; width:100%; overflow:visible; background-color:#ffffff;}
.top-news-wrap .top-news-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:100px auto 100px auto; position: relative; text-align:left;}
.top-news-wrap .top-news-inner .newsTitleBox {margin-bottom:10px; height:20px; line-height:20px;}
.top-news-wrap .top-news-inner .newsTitleBox .newstitle {float:left; font-size:16px; text-align:left; }
.top-news-wrap .top-news-inner .newsTitleBox .newsall {float:right; text-align:right; }
.top-news-wrap .top-news-inner .newsTitleBox .newsall a:before {
font-family: 'FontAwesome' ;
content: '\f138';
font-size: 15px;
font-weight: bold;
color: #d50000;
transform: translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
margin-right:4px;
}
.top-news-wrap .top-news-inner .newsList {clear:both; margin:2px 0 0 0; text-align:left; border-top:solid 1px #bbbbbb;}
.top-news-wrap .top-news-inner .newsList dl {width: 100%; border-bottom:solid 1px #bbbbbb;}
.top-news-wrap .top-news-inner .newsList dt {width: 100%; font-size:12px; padding:8px 0 0 0; color:#777777;}
.top-news-wrap .top-news-inner .newsList dd {width: 100%; padding:0 0 8px 0;}
.top-news-wrap .top-news-inner .news_btArea {margin:8px 0 0 0; text-align:right;}
/*.top-news-wrap .top-news-inner .newsList dl:first-child dd {font-weight:700;}*/


/*-------------------------------------------------------------
title
-------------------------------------------------------------*/
.title-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#000;}
.title-wrap .title-wrap-inner {width:-webkit-calc(100% - 0) ; width: calc(100% - 0); margin:0 auto 0 auto; text-align:center; position:relative; overflow:hidden;}

/*about*/
.title-wrap .title-wrap-inner .about_photoBox { width:100%; height:500px; position: relative;}
.title_bg_about {background-image: url(../images/mainphoto_about_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}

/*common*/
.title-wrap .title-wrap-inner .common_photoBox { width:100%; height:120px; position: relative;}
.title-wrap .title-wrap-inner .common_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:104%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.title-wrap .title-wrap-inner .common_photoBox .photoBox img {width:104%; height:104%; filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.title_bg_common {background-image: url(../images/mainphoto_common_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}

/*category*/
.title-wrap .title-wrap-inner .cate_photoBox { width:100%; height:500px; position: relative;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea {position:absolute; top:50%; left:50%; width:80%; transform: translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index:2; }
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox {position:relative; color:#ffffff; filter: drop-shadow(0 0 8px rgba(0,0,0,0.5)); text-align:left;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox h2 {font-size:50px; line-height:1; margin-bottom: 30px;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .catetitle {font-size:14px; line-height:1.4; margin-bottom: 10px;}
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .catetitle span {font-size:12px; letter-spacing:0.1em; }
.title-wrap .title-wrap-inner .cate_photoBox .titleArea .titleBox .subtitle {font-size:18px;}
.title_bg_meeting {background-image: url(../images/mainphoto_meeting_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}
.title_bg_study {background-image: url(../images/mainphoto_study_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}
.title_bg_harvest {background-image: url(../images/mainphoto_harvest_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}
.title_bg_food {background-image: url(../images/mainphoto_food_sp.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}

/*single*/
.title-wrap .title-wrap-inner .single_photoBox { width:100%; height:120px; position: relative;}
.title-wrap .title-wrap-inner .single_photoBox .photoBox {position: absolute; top: 50%; left: 50%; width:104%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.title-wrap .title-wrap-inner .single_photoBox .photoBox img {width:104%; height:104%; filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

/*blur*/
.blur{-ms-filter: blur(6px);filter: blur(6px);}

/*-------------------------------------------------------------
category
-------------------------------------------------------------*/
.category-wrap {clear:both; width:100%; margin: 0 auto; overflow:visible;}
.category-wrap .category-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:50px auto 0 auto; padding:0;}

.category-wrap .category-inner .toplinkArea {position:relative; width: 100%;}
.category-wrap .category-inner .toplinkArea .toplinkBox {position:relative; width:100%;float: left;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea {position:relative; width:100%; margin-bottom:10px; text-align:center;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .photoBox {}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .photoBox img {width:100%; height:100%;}

.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .mpArea {position:absolute; width:56px; height:56px; top:0%; left: 50%; transform: translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index:2;}
.category-wrap .category-inner .toplinkArea .toplinkBox .photoArea .mpArea .mpBox {font-size:14px; line-height: 56px; display:block;color:#fff;}

.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox {padding-bottom:5%;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox .date {font-size:12px; font-weight:400; margin-bottom:4px;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox h3 {font-size:16px; line-height:1.6; text-align:left; margin-bottom:10px;}
.category-wrap .category-inner .toplinkArea .toplinkBox .txtBox h4 {font-size:14px; line-height:1.6; text-align:justify;  margin-bottom:15px;}
.category-wrap .category-inner .toplinkArea .btnBox {clear:both; width: 50%; margin:0 auto 50px auto; font-size:14px; text-align:center;}
.category-wrap .category-inner .toplinkArea .btnBox a {display:block; color: #ffffff; background-color:#000000; padding:8px 0; border-radius: 20px;}
.category-wrap .category-inner .toplinkArea .btnBox a:hover{color: #ffffff; background-color:#cccccc; }

/*pagenation*/
.category-wrap .category-inner .pagenationArea {clear:both; margin: 0; padding:30px 0; text-align:center; border-top:solid 1px #eeeeee;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span {vertical-align: middle;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span.txt12 {font-size:12px; letter-spacing:0.1em;}
.category-wrap .category-inner .pagenationArea .pagenation_catetitle span.txt20 {font-size:18px; padding:0 4px;}

/*calendar*/
.category-wrap .category-inner .calendarArea {clear: both; margin-bottom:50px;}
.category-wrap .category-inner .calendarArea iframe {width:100%;max-width:800px;height:400px;}

/*-------------------------------------------------------------
category link
-------------------------------------------------------------*/
.category-link-wrap {clear:both; width:100%; margin: 0 auto; overflow:visible;}
.category-link-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:0 auto 50px auto; padding-top:30px;text-align: center; border-top:solid 1px #eeeeee;}
.catelinktitle {font-size:14px; line-height:1.6; margin-bottom:20px;}
.catelinktitle span {font-size:12px; letter-spacing:0.1em; }
.catelinkArea {width:100%; margin:0 auto 0 auto; text-align:center;}
.catelinkArea .catelinkBox {position:relative; width:40%; text-align:left; margin:2% 2% 2% 2%; float: left; padding:6% 3% 8% 3%;}
.catelinkArea .catelinkBox .txt01 {font-size:20px;}
.catelinkArea .catelinkBox .txt02 {font-size:12px; text-align:justify;}
.catelinkArea a {display: block; color: #ffffff;}
.catelinkArea a:hover {color: #ffffff; filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; transition: all 0.2s linear;}

/*-------------------------------------------------------------
single
-------------------------------------------------------------*/
.single-wrap {clear:both; width:100%; margin: 0 auto; overflow:visible;}
.single-wrap .single-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:20px auto 0 auto; padding:0;}
.single-wrap .single-inner .sinleArea {margin-bottom:50px;position: relative;}
.single-wrap .single-inner .sinleArea .sideArea {width:100%; margin-bottom: 0px;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox {color:#000;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catetitle {font-size:13px; line-height:1.4; text-align:right;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catetitle span {font-size:10px; letter-spacing:0.1em; }
.single-wrap .single-inner .sinleArea .sideArea .titleBox .catename {font-size:24px; line-height:1.4; margin-bottom: 10px; text-align:right;}
.single-wrap .single-inner .sinleArea .sideArea .titleBox .date {font-size:12px;  text-align:left; }
.single-wrap .single-inner .sinleArea .mainArea {width:100%; font-size:14px;}
.single-wrap .single-inner .sinleArea .mainArea h2 {font-size:18px; line-height:1.6; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .mainArea .mainphoto img {width:100%; margin-bottom: 40px;}
.single-wrap .single-inner .sinleArea .mainArea .mainContents p {margin-bottom: 1em; text-align:justify;}
.single-wrap .single-inner .sinleArea .mainArea .mainContents img {width:100%; /*margin-bottom: 20px;*/}
.single-wrap .single-inner .sinleArea .mainArea .infoBox {margin-top: 50px; padding:10px; background-color: #f4f3f3; border:solid 1px #eeeeee;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_photo img {width:100%; margin-bottom: 10px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_title {font-size:18px; line-height:1.6; margin-bottom: 10px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text {font-size:14px; line-height:1.8; margin-bottom: 20px;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text a {color: #000000; text-decoration: underline;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .info_text a:hover{color: #cccccc;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox {clear: both; width: 280px; margin:0 auto 10px auto; font-size:14px; text-align:center;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.single-wrap .single-inner .sinleArea .mainArea .infoBox .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
/*pagenation*/
.single-wrap .single-inner .sinleArea .mainArea .pagenationArea {clear:both; margin-top: 30px; border-top:solid 1px #eeeeee;}
/*calendar*/
.single-wrap .single-inner .calendarArea {clear: both; margin-bottom:50px;/*border:solid 1px #0000ff;*/}
.single-wrap .single-inner .calendarArea img {width:100%;}

/*-------------------------------------------------------------
about
-------------------------------------------------------------*/
/*first*/
.about-wrap {clear:both; width:100%; margin: 0 auto; overflow:visible;}
.about-wrap .about-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:30px auto 0 auto; padding:0;}
.about-wrap .about-inner .aboutTxetBox {width:100%; padding-top: 0px;}
.about-wrap .about-inner .aboutTxetBox h2 {font-size:20px; margin-bottom: 20px; line-height:1.8;}
.about-wrap .about-inner .aboutTxetBox .txt01 {font-size:14px; margin-bottom: 0px; line-height:1.8; text-align:justify;}
.about-wrap .about-inner .aboutTxetBox .sp_map {width: 100%; margin-bottom: 20px;}
.about-wrap .about-inner .aboutTxetBox .sp_map img {width: 100%; height:100%;}
.about-wrap .about-inner .aboutTxetBox .btnBox {clear: both; width: 280px; margin:0 auto 50px auto; font-size:14px; text-align:center;}
.about-wrap .about-inner .aboutTxetBox .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.about-wrap .about-inner .aboutTxetBox .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}
/*second*/
.about-second-wrap {clear: both; width:100%; margin:0 auto 50px auto; overflow:visible;}
.about-second-wrap .about-second-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto 0 auto; padding:0; text-align:center;}
.about-second-wrap .about-second-inner .secondArea {position: relative;}
.about-second-wrap .about-second-inner .secondArea .photoArea {width: 100%; position:relative; margin:0 auto 30px auto;}
.about-second-wrap .about-second-inner .secondArea .photoArea img {width: 100%; height:100%; border-bottom-right-radius : 30px;}
.about-second-wrap .about-second-inner .secondArea .txtArea {width: 100%;}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox {}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox h3 {font-size:18px; line-height:1.8; text-align:left; margin-bottom: 30px;}
.about-second-wrap .about-second-inner .secondArea .txtArea .txtBox .txt02 {font-size:14px; line-height:2; text-align:justify;}
/*third*/
.about-third-wrap {clear: both; width:100%; margin:0 auto 50px auto; overflow:visible; background-color:#f3f3f3;}
.about-third-wrap .about-third-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:0 auto 0 auto; padding:50px 0 5% 0; position: relative; text-align:center;}
.about-third-wrap .about-third-inner .lli_logo { width: 100%; margin:0 auto 30px auto;}
.about-third-wrap .about-third-inner .lli_logo img {width:80%; height:80%;}
.about-third-wrap .about-third-inner h4 {font-size:20px; margin-bottom: 0px;}
.about-third-wrap .about-third-inner .txt03 {font-size:12px; margin-bottom: 30px;}
.about-third-wrap .about-third-inner .txt04 {font-size:14px; margin-bottom: 20px; line-height:2; text-align:justify;}
.about-third-wrap .about-third-inner .txt05 {font-size:12px; margin-bottom: 30px; line-height:2; text-align:right;}
.about-third-wrap .about-third-inner .pic { width: 100%;}
.about-third-wrap .about-third-inner .pic img {width: 100%; height:100%;}
/*map*/
.about-map-wrap {clear: both; width:100%; margin:-70px auto 50px auto; padding-top:70px; overflow:visible;}
.about-map-wrap .about-map-inner { width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:0 auto 0 auto; padding:0;}
.about-map-wrap .about-map-inner h5 {font-size:18px; margin-bottom: 10px; text-align:center;}
.about-map-wrap .about-map-inner .txt06 {font-size:13px; margin-bottom: 20px; text-align:justify;}
.about-map-wrap .about-map-inner .mapArea {position: relative; width:100%; margin-bottom:15px; padding-top: 100%;}
.about-map-wrap .about-map-inner .mapArea iframe {position: absolute; top:0; right:0; width:100% !important;height:100%;}

/*-------------------------------------------------------------
news
-------------------------------------------------------------*/
.news-wrap {clear:both; width:100%; margin: 0 auto; overflow:visible;}
.news-wrap .news-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:50px auto 100px auto; padding:0;}
.news-wrap .news-inner .newsArea {width:100%;}
.news-wrap .news-inner .newsArea h2 {font-size:20px; margin-bottom: 30px; text-align:center;}
.news-wrap .news-inner .newsArea .newsBox {clear:both; margin-top: 0px; padding-top:30px; margin-bottom:30px; border-top:solid 1px #bbbbbb;}
.news-wrap .news-inner .newsArea .newsBox h3 {font-size:16px; font-weight:400; margin-bottom: 20px;}
.news-wrap .news-inner .newsArea .newsBox h3 a:hover {color: #ffffff; text-decoration: underline;}
.news-wrap .news-inner .newsdetailArea {width:100%;}
.news-wrap .news-inner .newsdetailArea h2 {font-size:20px; font-weight:400; color:#000000; margin-bottom: 20px; line-height:1.6;}
.news-wrap .news-inner .news_date {font-size:12px; margin-bottom: 0px;}
.news-wrap .news-inner .news_contents {clear:both; font-size:14px; margin-bottom: 50px; line-height:2; text-align:justify;}
.news-wrap .news-inner .news_contents p {clear:both; padding-bottom:20px;}
.news-wrap .news-inner .news_contents a {font-weight:700; text-decoration: underline;}
.news-wrap .news-inner .news_contents a:hover {color: #ffffff; text-decoration: underline;}
.news-wrap .news-inner .news_contents .movieArea {position: relative;width:100%;margin-bottom:5px;padding-top: 56.25%;}
.news-wrap .news-inner .news_contents .movieArea iframe {position: absolute;top:0;right:0;width:100% !important;height:100% !important;}
.news-wrap .news-inner .pagenationArea {clear:both; padding-top:30px; text-align:center; border-top:solid 1px #bbbbbb;}

/*-------------------------------------------------------------
contact
-------------------------------------------------------------*/
.contact-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible;}
.contact-wrap .contact-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:50px auto 0px auto; position: relative; text-align:left;}
.contact-wrap .contact-inner h2 {font-size:20px; margin-bottom: 30px; text-align:center;}
.contact-wrap .contact-inner h3 {font-size:18px; margin: 50px 0 30px 0; line-height:1.8; text-align:center;}
.contact-wrap .contact-inner h4 {font-weight:100; text-align:left;}
.contact-wrap .contact-inner .eng_cate {font-weight:400; margin-bottom: 20px; color:#888888; text-align:center;}
.contact-wrap .contact-inner .eng_name {font-size:16px; font-weight:400; margin-bottom: 40px; text-align:center;}
/*formArea*/
.contact-wrap .contact-inner .formArea{ width: 100%; text-align:center;}
.contact-wrap .contact-inner table.formtable{ width: 100%; margin-bottom:30px; padding:0; border-collapse:collapse; border-bottom:solid 1px #dddddd;}
.contact-wrap .contact-inner table.formtable td{display: block; text-align:left;}
.contact-wrap .contact-inner table.formtable td.txt01{ width: 100%; font-size:14px; padding: 4px 0 4px 0; vertical-align:middle; white-space:nowrap;}
.contact-wrap .contact-inner table.formtable td.txt02{ width: 100%; font-size:14px; padding: 4px 0 20px 0;}
.contact-wrap .contact-inner .check_txt {margin: 0 0 30px 0;}

.contact-wrap .contact-inner textarea,
.contact-wrap .contact-inner input[type="email"],
.contact-wrap .contact-inner input[type="tel"],
.contact-wrap .contact-inner input[type="number"],
.contact-wrap .contact-inner input[type="text"] {
	width: 90%;
	padding: 6px 6px;
	font-size: 14px;
	border: 1px solid #c8c8c8;
	border-radius: 6px;
}
.contact-wrap .contact-inner input[type="file"] {
	width: 90%;
	padding: 6px 6px;
	font-size: 14px;
	border: 1px solid #c8c8c8;
	background-color:#eeeeee;
}
.contact-wrap .contact-inner textarea {height: 200px;}
.contact-wrap .contact-inner input[type="submit"] {clear: both; width: 280px; margin:0 auto 50px auto; font-size:14px; display:block; color: #000000; background-color:#ffffff; padding:12px 0; border: solid 1px #bbbbbb; text-align:center;}
.contact-wrap .contact-inner input[type="submit"]:hover {color: #ffffff; background-color:#333333; transition: all 0.2s linear;}

/*-------------------------------------------------------------
privacy
-------------------------------------------------------------*/
.privacy-wrap {clear:both; width:100%; overflow:visible;}
.privacy-wrap .privacy-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 100px auto; position: relative; text-align:left;}
.privacy-wrap .privacy-inner h2 {font-size:20px; margin-bottom: 30px; text-align:center;}
.privacy-wrap .privacy-inner h3 {font-size:14px; margin-bottom: 30px; line-height:1.8;}
.privacy-wrap .privacy-inner dl {margin:30px 0 0 0; padding:0;}
.privacy-wrap .privacy-inner dt {font-size:13px; font-weight:700; margin:0 0 10px 0; }
.privacy-wrap .privacy-inner dd {font-size:12px; line-height: 1.8; margin:0 0 30px 0; text-align: justify;}
.privacy-wrap .privacy-inner dd.txt_r {text-align: right;}
.privacy-wrap .privacy-inner ol, .privacy-wrap .privacy-inner ul {margin-left: 20px;} 
.privacy-wrap .privacy-inner ol li {margin: 0.5em 0 0 0; list-style-type: decimal;} 
.privacy-wrap .privacy-inner ul li {margin: 0.5em 0 0 0; list-style-type: disc;} 
/*.privacy-wrap .privacy-inner ol li ul li, .privacy-wrap .privacy-inner ol li ol li {margin: 0.5em 0 0 0; list-style-type: disc;}*/

/*-------------------------------------------------------------
footer
-------------------------------------------------------------*/
#footer-wrap {clear: both; width:100%; margin:0 auto 0 auto; overflow:visible; background-color:#333333;}
#footer-wrap #footer-inner {width:-webkit-calc(100% - 10%); width: calc(100% - 10%); margin:0 auto 0 auto; padding:40px 0 30px 0; text-align:center;}
#footer-wrap #footer-inner .footer_logo { width: 100%;margin: 0px auto; text-align:center;}
#footer-wrap #footer-inner .footer_logo .desvg {width: 50%;}
#footer-wrap #footer-inner .footer_logo .desvg path{ fill: #fff;}
#footer-wrap #footer-inner .footer_logo .coname {font-size: 12px; color:#fff;}
#footer-wrap #footer-inner .footer_linkBox1 {width:100%; margin: 30px 0 20px 0; padding:20px 0; border-top: 1px solid #464646; border-bottom: 1px solid #464646;}
#footer-wrap #footer-inner .footer_linkBox1 .footer_title {font-size: 13px; color:rgba(255, 255, 255, 0.5); margin-bottom:10px;}
#footer-wrap #footer-inner .footer_linkBox1 ul {}
#footer-wrap #footer-inner .footer_linkBox1 li {display:inline-block; font-size: 16px;}
#footer-wrap #footer-inner .footer_linkBox1 li a {display: block; position: relative; margin: 0 20px; color: #ffffff;}
#footer-wrap #footer-inner .footer_linkBox1 li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_linkBox2 {width:100%; margin-bottom:0px;}
#footer-wrap #footer-inner .footer_linkBox2 ul {}
#footer-wrap #footer-inner .footer_linkBox2 li {display:inline-block; font-size: 13px;}
#footer-wrap #footer-inner .footer_linkBox2 li a {display: block; position: relative; margin: 0 5px; color: #ffffff;}
#footer-wrap #footer-inner .footer_linkBox2 li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_snsBox {margin-bottom:30px;}
#footer-wrap #footer-inner .footer_snsBox ul {}
#footer-wrap #footer-inner .footer_snsBox li {display:inline-block; font-size: 24px; color:#777777;}
#footer-wrap #footer-inner .footer_snsBox li a {display: block; position: relative; margin: 0 6px; color: #ffffff;}
#footer-wrap #footer-inner .footer_snsBox li a:hover {color: rgba(255, 255, 255, 0.5);}
#footer-wrap #footer-inner .footer_snsBox li .fb-fb:before{font-family: 'FontAwesome' ; content: '\f230'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_snsBox li .fb-in:before{font-family: 'FontAwesome' ; content: '\f16d'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_snsBox li .fb-tw:before{font-family: 'FontAwesome' ; content: '\f099'; padding: 0 4px;}
#footer-wrap #footer-inner .footer_copy {clear:both; font-size: 11px; color:#a7a7a7; padding:0 0;}

/*-------------------------------------------------------------
WP共通
-------------------------------------------------------------*/
.widget_title {display:none;}

/*Pagenation*/
.pagenation {margin: 20px 0;position: relative; overflow: hidden;}
.pagenation:after, .pagenation ul:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.pagenation ul {margin: 0;position: relative;left: 50%;float: left;}
.pagenation li {position: relative;left: -50%;float: left;list-style: none outside none;margin-left: 10px; font-size:14px; width: 38px; height:38px; line-height:38px; display: inline-block;}
.pagenation li:first-child {margin-left: 0;}
.pagenation li.active {background-color: #eeeeee; color: #000000; cursor: not-allowed; border:solid 1px #000000;}
.pagenation li a {background-color: #ffffff; color: #000000; display: block; text-decoration: none; border:solid 1px #bbbbbb;}
.pagenation li a:hover {background-color: #cccccc; color: #ffffff; /*border:solid 1px #000000;*/ border:solid 1px #bbbbbb;}
.pagenation li.prev a, .pagenation li.next a, .pagenation li.up a {background-color: #ffffff; color: #000000; border:none;}
.pagenation li.prev a:hover, .pagenation li.next a:hover, .pagenation li.up a:hover {background-color: #ffffff; color: #cccccc;}
.pagenation li.prev span.arrow-left:before {font-family: 'FontAwesome' ; content: '\f177' ; padding: 0; font-size:24px;}
.pagenation li.next span.arrow-right:before {font-family: 'FontAwesome' ; content: '\f178' ; padding: 0; font-size:24px;}
.pagenation li.up span.arrow-up:before {font-family: 'FontAwesome' ; content: '\f176' ; padding: 0; font-size:24px;}
.nocomments {display: none;}

/*-------------------------------------------------------------
404
-------------------------------------------------------------*/
.notfound-wrap {clear:both; width:100%; overflow:visible;}
.notfound-wrap .notfound-inner {width:-webkit-calc(100% - 10%) ; width: calc(100% - 10%); margin:50px auto 100px auto; position: relative; text-align:left;}
.notfound-wrap .notfound-inner h2 {font-size:20px; margin-bottom: 30px; text-align:center;}
.notfound-wrap .notfound-inner h3 {font-size:14px; margin-bottom: 30px; line-height:1.8; text-align:justify;}
.notfound-wrap .notfound-inner .btnBox {clear: both; width: 50%; margin:0 auto 50px auto; font-size:14px; text-align:center;}
.notfound-wrap .notfound-inner .btnBox a {display:block; color: #000000; background-color:#ffffff; padding:8px 0; border: solid 1px #bbbbbb; text-align:center;}
.notfound-wrap .notfound-inner .btnBox a:hover{color: #ffffff; background-color:#333333; transition: all 0.2s linear;}

/*-------------------------------------------------------------
common
-------------------------------------------------------------*/
.bg_meeting {background: rgba(55, 147, 146, 1);}
.bg_food {background: rgba(218, 99, 93, 1);}
.bg_study {background: rgba(101, 102, 135, 1);}
.bg_harvest {background: rgba(236, 146, 66, 1);}

.font_small {font-size:11px; line-height:1.8;}
.font_big {font-size:16px;}

/*/スマホ*/
}

@media print {
.header{display:none;}
}