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

/* Reset -------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none outside none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html {overflow-y: scroll;}
body{
font:80%/1.5 'Roboto Condensed',Arial,"YuGothic", "Yu Gothic","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#000;
-webkit-text-size-adjust: 100%;
background:#fff;
}
html>/**/body {}
* + html body {font-family: "メイリオ","Meiryo";}

object, embed	{vertical-align: top;}
hr, legend	{display: none;}
img {-ms-interpolation-mode: bicubic; }
li	{list-style-type: none;}
p, dd, blockquote {text-align: justify;text-justify: inter-ideograph;}
a	{overflow: hidden;outline: none;}

strong {font-weight: bold;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* -------------------------------------------- */


/* Style -------------------------------------------- */

body {
	color: #000;
	font-size: 16px;
	line-height: 1.7;
	background-color: #fff;
	
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN", "HiraMinProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #000;
	transition: all 0.2s linear;
}




/* --------------------------------------------------
  Page Header
-------------------------------------------------- */

header.page {
	width: 100%;
	height: 120px;

	position: relative;
	z-index: 100;
	
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
header.page.sub {
	height: 90px;
}

header.page .title{
	width: 35%;
	position: relative;
	
	background-color: #f99a5b;
}
header.page .menu{
	width: 65%;
	max-width: 680px;
	
	display: flex;
	align-items: stretch;
	
	background-color: #fff;
}


header.page #logo{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	
	width: 95%;
	max-width: 350px;
}
header.page #logo img{
	width: 100%;
	height: auto;
}


/* --------------------------------------------------
  Content
-------------------------------------------------- */

#content{
	width: 100%;
	position: relative;
	z-index: 10;
}



/* --------------------------------------------------
  Home
-------------------------------------------------- */

#homeMainImage{
	width: 95%;
	margin-left: 5%;
	
	position: relative;
	z-index: 10;
}
#homeMainImage .imageArea{
	width: 100%;
	display: block;
	position: relative;
	z-index: 20;
	overflow: hidden;
	
	line-height: 0;
}
#homeMainImage .imageArea:before{
	content:"";
	display: block;
	padding-top: 45%;
}
#homeMainImage .imageArea img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
ul#mainSlide li{
	display: none;
}






@media only screen{



/* --------------------------------------------------
  Index
-------------------------------------------------- */


h2.homeIndex{
	width: 100%;
	text-align: center;

	font-size: 30px;
	line-height: 1.3;
	
	padding-bottom: 40px;
	margin-bottom: 60px;
	
	background-image: url(img/bg_title_ul.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
h2.homeIndex.newsTitle{
	padding-bottom: 20px;
	margin-bottom: 40px;
}
h2.homeIndex .note{
	display: block;
	font-size: 16px;
}

#newsIndex{

	width: 100%;
	padding: 120px 0 40px;
	background-color: #fcfbed;
	
	position: relative;
	z-index: 20;
}

#pickup{
	width: 100%;
	text-align: center;
	
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -20px;
	
	z-index: 100;
}

#pickup p{
	display: inline-block;
	max-width: 80%;
	
	background-color: #f99a5b;
	background-image: url(img/arrow_linkBtn_r.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;

	transition: all 0.2s linear;
}
#pickup p:hover{
	background-color: #f2853d;
}
#pickup p a{
	display: block;
	font-size: 15px;
	color: #fff;
	
	padding: 10px 60px 10px 5px;
}
#pickup p a > span{
	display: block;
	white-space: nowrap;
	overflow: hidden;
}
#pickup p a > span:before {
    content: url(./img/icon_pickup.png);
    margin: 8px;
    position: relative;
    top: 3px;
}
#pickup p a > span >span.date{
	padding-right: 14px;
}


#newsIndex .content{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;

	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#newsIndex .blog{
	width: 47%;
}
#newsIndex .blog.sub{
	width: 100%;
	
	margin-top: -120px;
}
#newsIndex .info{
	width: 47%;
	
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

#newsIndex ul{
	width: 100%;
}

#newsIndex .blog > ul li{
	width: 100%;
	
	background-color: #fff;
	
	display: flex;
	flex-wrap: nowrap;
	
	margin-bottom: 20px;
}
#newsIndex .blog > ul li .photo{
	width: 100px;
	line-height: 0;
}
#newsIndex .blog > ul li .photo img{
	width: 100%;
	height: auto;
}
#newsIndex .blog > ul li .link{
	width: 80%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
}
#newsIndex .blog > ul li .link a{
	display: block;
	width: 100%;

	box-sizing: border-box;
	padding: 15px 15px;
	
	overflow: hidden;
}
#newsIndex .blog > ul li .link a:hover{
	opacity: 0.7;
}
#newsIndex .blog > ul li .link a .date{
	font-size: 15px;
}
#newsIndex .blog > ul li .link a .category{
	display: inline-block;
	font-size: 13px;
	color: #fff;

	background-color: #eb5591;
	margin-left: 5px;
	padding: 2px 5px;
	line-height: 1.0;
}
#newsIndex .blog > ul li .link a .title{
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 1.5;
}
#newsIndex .blog > ul li .link a .category.community{
	background-color: #10a88a;
}
#newsIndex .blog > ul li .link a .category.community.hiyoko-gumi{
	background-color: #ea758c;
}
#newsIndex .blog > ul li .link a .category.community.risu-gumi{
	background-color: #efc300;
}
#newsIndex .blog > ul li .link a .category.community.koara-gumi{
	background-color: #0099f2;
}


#newsIndex .news{
	width: 100%;
	
	padding-bottom: 20px;
}
#newsIndex .news.sub{
	margin-top: -120px;
}
#newsIndex .news > ul{
	border-bottom: 1px solid #e7e7e7;
	
	margin-bottom: 20px;
}

#newsIndex .news > ul li{
	width: 100%;
	
	border-top: 1px solid #e7e7e7;
}
#newsIndex .news > ul li a{
	width: 100%;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
}
#newsIndex .news > ul li a:hover{
	background-color: #fff;
}
#newsIndex .news > ul li .date{
	box-sizing: border-box;
	
	width: 7em;
	padding: 8px 5px 8px 0;
	font-size: 15px;
	white-space: nowrap;
}
#newsIndex .news > ul li .category{
	box-sizing: border-box;
	
	width: 5em;
	padding: 5px 10px 5px 0;
	
	text-align: center;

}
#newsIndex .news > ul li .category span{
	width: 3em;
	display: inline-block;
	font-size: 13px;
	color: #fff;

	background-color: #2dadac;
	margin-left: 5px;
	padding: 2px 5px;
	line-height: 1.0;

	white-space: nowrap;
}
#newsIndex .news > ul li .title{
	display: block;
	font-size: 15px;
	line-height: 1.5;

	width: 100%;
	padding: 8px 0 8px 0;
}


#newsIndex .member{
	width: 100%;
}
#newsIndex .member .link{
	width: 100%;

	background-color: #f99a5b;
	background-image: url(img/arrow_linkBtn_r.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: right 8px bottom 10px;
	
	border-radius: 5px;

	transition: all 0.2s linear;
}
#newsIndex .member .link:hover{
	background-color: #452c0a;
}
#newsIndex .member .link a{
	display: block;
	font-size: 14px;
	color: #fff;
	
	line-height: 2.0;
	
	padding: 12px 25px 15px 25px;
}
#newsIndex .member .link a > .title{
	display: inline-block;
	white-space: nowrap;
	
	font-size: 18px;
}
#newsIndex .member .link a > .predesc{
	padding-right: 20px;
}
#newsIndex .member .link a > .desc{
	display: block;
	padding-left: 5px;
}


#newsIndex .linkToList{
	display: block;
	width: 230px;
	margin: 0 auto;
	
	background-color: #fff;
	border: 2px solid #ffd680;
	
	background-image: url(img/arrow_linkBtn2_r.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;	
	
	transition: all 0.2s linear;
}
#newsIndex .linkToList:hover{
	opacity: 0.8;
}
#newsIndex .linkToList a{
	display: block;
	text-align: center;
	padding: 6px;
	
	font-size: 16px;
	color: #ff9036;
}


#newsIndex .member .banner{
	width: 100%;
    
/*    padding-top: 25px;*/
    padding-bottom: 20px;
}
#newsIndex .member .banner.v2{
    padding-bottom: 15px;
}
#newsIndex .member .banner a{
    box-sizing: border-box;
    display: block;
	width: 100%;
}
#newsIndex .member .banner a:hover{
    opacity: 0.9;
    filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.3));
    will-change: filter;
}
#newsIndex .member .banner a img{
	width: 100%;
    height: auto;
}




#homeMovie{
	width: 100%;
	padding: 60px 0 50px;
	
	background-color: #fff7dc;
}
#homeMovie .youtube{
	display: block;
	position: relative;

	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	overflow:hidden;
	
	margin-bottom: 15px;
}
#homeMovie .youtube:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
#homeMovie .youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



#homePreIndex{
	width: 100%;
	padding: 60px 0 20px;
	
	background-color: #fff;
}

#homePreIndex ul{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
#homePreIndex li{
	width: 29%;
	
	padding-bottom: 20px;
}
#homePreIndex li a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
	
	padding-bottom: 20px;
}
#homePreIndex li a:hover{
	color: #666;
}
#homePreIndex li .photo{
	display: block;
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;

	margin-bottom: 15px;
}
#homePreIndex li .photo:before {
	content:"";
	display: block;
	padding-top: 40%;
}

#homePreIndex li .photo img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	transition: all 0.3s linear;
}
#homePreIndex li .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homePreIndex li .title{
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.3;
	
	padding-bottom: 10px;
}





/*
#homeMovieIndex{
	width: 100%;
	padding: 90px 0 0;
	
	background-color: #f9f7f4;
}

#homeMovieIndex ul{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
#homeMovieIndex li{
	width: 29%;
	
	padding-bottom: 20px;
}
#homeMovieIndex li a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
	
	padding-bottom: 20px;
}
#homeMovieIndex li a:hover{
	color: #666;
}
#homeMovieIndex li .photo{
	display: block;
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;

	margin-bottom: 15px;
}
#homeMovieIndex li .photo:before {
	content:"";
	display: block;
	padding-top: 61%;
}

#homeMovieIndex li .photo img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	transition: all 0.3s linear;
}
#homeMovieIndex li .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homeMovieIndex li .title{
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.3;
	
	padding-bottom: 10px;
}
*/




#homeGuide{
	width: 100%;
	padding: 70px 0 0px;
	
	background-image: url(img/bg_guide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

#homeGuide ul{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
/*	align-items: flex-start;*/
	justify-content: space-between;
}
#homeGuide li{
	width: 47%;
	
	margin-bottom: 70px;
	
	background-color: #f99a5b;
}
#homeGuide li a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
	
	color: #fff;
}
#homeGuide li .photo{
	display: block;
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;
}
#homeGuide li .photo:before {
	content:"";
	display: block;
	padding-top: 40%;
}

#homeGuide li .photo img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	transition: all 0.3s linear;
}
#homeGuide li .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homeGuide li .text{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 25px;

	font-size: 14px;
	line-height: 1.3;
}

#homeGuide li .title{
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 1.3;
	
	
	padding-bottom: 20px;
	margin-bottom: 20px;
	
	background-image: url(img/bg_title_ul_w.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}



#homeLink{
	width: 100%;
	padding: 60px 0 0px;
	
	background-color: #fcfbed;
}

#homeLink .content{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
#homeLink .titleArea{
	width: 30%;
}
#homeLink .listArea{
	width: 64%;
}
#homeLink ul{
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}
#homeLink li{
	width: 47%;
	
	margin-bottom: 60px;
	
	background-color: #fff;
}
#homeLink li a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
}
#homeLink li .photo{
	display: block;
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;
}
#homeLink li .photo:before {
	content:"";
	display: block;
	padding-top: 40%;
}

#homeLink li .photo img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	transition: all 0.3s linear;
}
#homeLink li .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#homeLink li .text{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 25px;

	font-size: 14px;
	line-height: 1.3;
}

#homeLink li .title{
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.3;

}




#homeIndex{
	width: 100%;
	padding: 60px 0 60px;

	background-color: #fff;
}


#homeIndex ul{
	width: 90%;
	max-width: 1150px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
#homeIndex ul li{
	width: 16%;
	padding: 0 1% 20px;
/*	min-width: 180px;*/

}
#homeIndex ul li a.photo{
	display: block;
	
	width: 100%;
	height: auto;
	position: relative;
	
	border-radius: 50%;
	
	line-height: 0;
	transition: all 0s linear;

	z-index: 50;
	
	margin-bottom: 1em;
}
#homeIndex ul li a.photo:before{
	content: "";
	display: block;
	padding-top: 100%;
}
#homeIndex ul li a.photo img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100%;
	height: auto;
	
	text-align: center;
	
	transition: all 0.3s linear;
	
	z-index: 10;
}
#homeIndex ul li a.photo img:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

#homeIndex li .title{
	display: block;
	width: 100%;
	font-size: 20px;
	line-height: 1.3;

	text-align: center;

}





}




/* --------------------------------------------------
  Sub
-------------------------------------------------- */

#subIndexImage{
	width: 95%;
	margin-left: 5%;
	
	position: relative;
	z-index: 100;
}
#subIndexImage .imageArea{
	width: 100%;
	display: block;
	position: relative;
	z-index: 120;
	overflow: hidden;
	
	line-height: 0;
}
#subIndexImage .imageArea:before{
	content:"";
	display: block;
	padding-top: 20%;
}
#subIndexImage .imageArea img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}




#subIndexImage h1{
	width: 95%;
	text-align: center;
	
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: -40px;
	
	z-index: 200;
}

#subIndexImage h1 span{
	display: inline-block;
	
	text-align: center;
	
	background-color: #f99a5b;

	font-size: 32px;
	color: #fff;
	
	letter-spacing: 0.1em;
	
	padding: 10px 60px;
}


#subIndex{

	width: 100%;
	padding: 120px 0 40px;
	background-color: #fcfbed;
	
	position: relative;
	z-index: 20;
}
#subIndex.member{
	padding: 40px 0 40px;
}

#subIndex ul{
	width: 95%;
	max-width: 1150px;
	margin: 0 auto;

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
/*	align-items: flex-start;*/
	justify-content: space-between;
}
#subIndex li{
	width: 30%;
	
	margin-bottom: 70px;
	
	background-color: #f99a5b;
}
#subIndex.member li{
	width: 32%;
	margin-bottom: 25px;
}
#subIndex li a{
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.3;
	
	color: #fff;
}
#subIndex li .photo{
	display: block;
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;
}
#subIndex li .photo:before {
	content:"";
	display: block;
	padding-top: 60%;
}
#subIndex.member li .photo:before {
	content:"";
	display: block;
	padding-top: 40%;
}

#subIndex li .photo img{
	display: block;
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	transition: all 0.3s linear;
}
#subIndex li .photo img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#subIndex li .text{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 25px;

	font-size: 20px;
	line-height: 1.3;
}


#subCatTitle{
	width: 100%;
	text-align: center;
	
	font-size: 25px;
	color: #f99a5b;
	line-height: 1.3;

	background-color: #fef9d5;
	padding: 20px 0;
}

#subCatTitle.seed{
	padding: 15px 0;
	position: relative;
}
#subCatTitle.seed .title{
	position: relative;

	width: 100%;
	overflow:hidden;
	
	line-height: 0;
	
	background: url(img/bg_seed_header.jpg) no-repeat center top;
	background-size: 100% auto;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
#subCatTitle.seed .title:before {
	content:"";
	display: block;
	padding-top: 23%;
}
#subCatTitle.seed .title h1{
	width: 30%;
	max-width: 200px;
}
#subCatTitle.seed .title h1 img{
	width: 100%;
	height: auto;
}

#subCatTitle.community{
	color: #00be98;
	background-color: #d9fbf4;
}




#subPage{
	width: 100%;
	padding: 60px 0 40px;
	background-color: #fcfbed;
	
	position: relative;
	z-index: 10;
}


#subPage h1{
	width: 90%;
	max-width: 900px;
	text-align: center;

	font-size: 32px;
	line-height: 1.3;
	
	padding-bottom: 40px;
	margin: 0 auto;
	margin-bottom: 60px;
	
	background-image: url(img/bg_title_subPage_ul.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#subPage p.lead{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	font-size: 15px;
	line-height: 1.8;
	
	margin-bottom: 70px;
}
#subPage p.lead.center{
	text-align: center;
}
#subPage p.lead .copy{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 24px;
}

#subPage p.lead .sign{
	display: block;
	width: 100%;
	text-align: right;
}
#subPage p.lead .sign .name{
	font-size: 120%;
}

#subPage p.lead .header{
	font-size: 108%;
	font-weight: bold;
}


section.pageBody{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	position: relative;
	z-index: 15;
	
	margin-bottom: 70px;
}
section.pageBody.full{
	width: 100%;
}
section.pageBody h2{
	box-sizing: border-box;
	width: 100%;
	
	font-size: 22px;
	line-height: 1.3;

	background-color: #fff;
	border-left: 12px solid #f99a5b;
	padding: 8px 20px;
	
	margin-bottom: 40px;
}
section.pageBody h3{
	box-sizing: border-box;
	width: 100%;

	font-size: 19px;
	line-height: 1.3;
	
	border-bottom: 1px solid #cfbcb0;
	padding-bottom: 8px;
	
	margin-bottom: 20px;
}




section.pageBody h2.seed{
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	
	background-color: transparent;
	border-left: none;
	padding: 0;
	
	margin-bottom: 35px;
	
	display: flex;
	align-items: center;
	align-content: center;
	
	position: relative;
	z-index: 100;
}
section.pageBody h2.seed span{
	box-sizing: border-box;
	display: block;
	width: 98%;
	margin-left: 2%;
	
	font-size: 22px;
	line-height: 1.3;
	
	font-weight: bold;

	background-color: #ffe9ba;
	padding: 10px 20px 10px 100px;
	
	border-radius: 25px;
}
section.pageBody h2.seed .icon{
	width: 100px;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}
section.pageBody h2.seed .icon img{
	width: 100%;
	height: auto;
}

section.pageBody h3.seed{
	font-size: 19px;
	line-height: 1.3;
	
	font-weight: bold;
	
	margin-bottom: 20px;
}

.seedBody{
	box-sizing: border-box;
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
}
.seedBody p{
	width: 70%;
	
	font-size: 15px;
	line-height: 1.8;

	padding-bottom: 15px;
}
.seedBody .image{
	width: 30%;
	text-align: right;
	
	line-height: 0;
	padding-bottom: 25px;
}
.seedBody .image img{
	width: 87%;
	height: auto;
}






.timetable{
	width: 100%;
	position: relative;
}
.timetable table{
	width: 100%;

	margin-bottom: 10px;
}
.timetable table tr{
	background-color: #e7f9f9;
	
	vertical-align: top;
}
.timetable table tr:nth-child(2n){
	background-color: #f5fefe;
}
.timetable table th{
	width: 10%;
	padding: 6px 0 8px 3%;
	
	font-size: 15px;
	line-height: 2.0;
	
	text-align: right;
}
.timetable table td{
	padding: 6px 25px;
	
	font-size: 15px;
	line-height: 2.0;
}

.timetable p.note{
	font-size: 15px;
}

.timetable ul.photos{
	position: absolute;
	right: 0;
	top: 50px;
	
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	
	align-items: flex-start;
	align-content: flex-start;
}
.timetable ul.photos li{
	width: 45%;
	margin-right: 5%;
	
	margin-bottom: 10px;
	
	position: relative;
}
.timetable ul.photos li img{
	width: 100%;
	height: auto;
}
.timetable ul.photos li:nth-child(2n) img{

	position: absolute;
	padding-top: 50%;
}





.annualEvents{
	width: 100%;
	position: relative;
}
.annualEvents ul.events{
	width: 100%;

	margin-bottom: 10px;
}
.annualEvents ul.events li{
	box-sizing: border-box;
	
	width: 100%;
	padding: 24px 36px;
	
	font-size: 15px;
	font-weight: bold;
	line-height: 2.0;
	
	min-height: 10em;
}
.annualEvents ul.events li.spring{
	background-color: #ffe5f0;
}
.annualEvents ul.events li.summer{
	background-color: #d5fac7;
}
.annualEvents ul.events li.fall{
	background-color: #fde1d0;
}
.annualEvents ul.events li.winter{
	background-color: #dcf3ff;
}
.annualEvents ul.events li.other{
	min-height: auto;
}
.annualEvents ul.events li .note{
	font-weight: normal;
}

.annualEvents ul.photos{
	position: absolute;
	right: 0;
	top: 30px;
	
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	
	align-items: flex-start;
	align-content: flex-start;
}
.annualEvents ul.photos li{
	width: 45%;
	margin-right: 5%;
	
	margin-bottom: 10px;
	
	position: relative;
}
.annualEvents ul.photos li img{
	width: 100%;
	height: auto;
}
.annualEvents ul.photos li:nth-child(2n) img{

	position: absolute;
	padding-top: 50%;
}




.kitchen{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 50px;
	
	height: 865px;
	background: url(img/bg_kitchen.png) no-repeat center top;
	
	position: relative;
}
.kitchen ul{
	width: 100%;
	height: 100%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
}
.kitchen ul li{
	box-sizing: border-box;
	width: 290px;
	height: 200px;
	
	display: flex;
	align-items: center;
}
.kitchen ul li p{
	padding: 30px;
	
	font-size: 16px;
	line-height: 1.5;
}
.kitchen .photo{
	width: 100%;
	max-width: 640px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.kitchen .photo img{
	width: 100%;
	height: auto;
}



section.pageBody h2.gLink{
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	
	background-color: transparent;
	border-left: none;
	padding: 0;
	
	margin-bottom: 5px;
	
	display: flex;
	align-items: center;
	align-content: center;
	
	position: relative;
	z-index: 100;
}
section.pageBody h2.gLink span{
	box-sizing: border-box;
	display: block;
	width: 98%;
	margin-left: 2%;
	
	font-size: 22px;
	line-height: 1.3;

	background-color: #fff;
	padding: 8px 20px 8px 80px;
}
section.pageBody h2.gLink .icon{
	width: 80px;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}
section.pageBody h2.gLink .icon img{
	width: 100%;
	height: auto;
}

.gLinkBody{
	box-sizing: border-box;
	width: 100%;
	
	padding-left: 80px;
	
	display: flex;
}
.gLinkBody .image{
	width: 40%;
}
.gLinkBody .image img{
	width: 90%;
	height: auto;
}
.gLinkBody p.wImg{
	width: 60%;
}





section.pageBody h2.gInt{
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	
	background-color: transparent;
	border-left: none;
	padding: 0;
	
	margin-bottom: 10px;
	
	display: flex;
	align-items: center;
	align-content: center;
	
	position: relative;
	z-index: 100;
}
section.pageBody h2.gInt span{
	box-sizing: border-box;
	display: block;
	width: 98%;
	margin-left: 2%;
	
	font-size: 20px;
	line-height: 1.3;
	
	font-weight: bold;

	background-color: #e3f6f2;
	padding: 12px 20px 12px 100px;
	
	border-radius: 20px;
}
section.pageBody h2.gInt .icon{
	width: 100px;

	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}
section.pageBody h2.gInt .icon img{
	width: 100%;
	height: auto;
}

.gIntBody{
	box-sizing: border-box;
	width: 90%;
	margin-left: 10%;
	
	border: 5px solid #f1eedc;
	border-radius: 20px;
	background-color: #fff;
	
	padding: 25px 30px;
	
	font-size: 16px;
}
.gIntBody ul{
	list-style-type: disc;
	padding-left: 1em;
}
.gIntBody ul li{
	list-style-type: disc;
}






dl.gFaq{
	width: 100%;
}
dl.gFaq dt{
	padding-top: 15px;
	padding-left: 80px;
	
	min-height: 40px;
	
	font-size: 17px;
	color: #f3731e;
	font-weight: bold;
	line-height: 1.7;
	
	background-image: url(img/label_faq_q.png);
	background-repeat: no-repeat;
	background-position: left top;

	background-size: 70px auto;
	
	margin-bottom: 0;
}
dl.gFaq dd{
	padding-top: 15px;
	padding-left: 80px;
	
	min-height: 40px;
	
	font-size: 15px;
	line-height: 1.7;
	
	background-image: url(img/label_faq_a.png);
	background-repeat: no-repeat;
	background-position: left top;

	background-size: 70px auto;
	
	margin-bottom: 40px;
}

dl.gFaq a{
	color: #ec5e00;
	text-decoration: underline;
}
dl.gFaq a:hover{
	text-decoration: none;
}








section.pageBody h2.gSP{
	box-sizing: border-box;
	width: 100%;
	
	font-size: 24px;
	line-height: 1.3;
	
	background-color: transparent;
	border-left: none;
	padding: 0;
	
	display: flex;
	align-items: flex-end;
	
	border-bottom: 1px solid #cfbcb0;
	margin-bottom: 20px;
}
section.pageBody h2.gSP .no{
	font-size: 72px;
	padding-right: 20px;
	line-height: 1.0;
	
	color: #cfbcb0;
}
section.pageBody h2.gSP .title{
	font-size: 24px;
	line-height: 1.3;
	
	padding-bottom: 8px;
}
p.gSP{
	font-size: 16px;
	line-height: 1.8;
	padding-left: 9%;
	
	margin-bottom: 30px;
}



table.outline{
	width: 100%;
	
	border-top: 1px solid #cfbcb0;
}
table.outline th{

	font-size: 16px;
	line-height: 1.5;
	
	white-space: nowrap;

	padding: 15px 50px;

	border-bottom: 1px solid #cfbcb0;
}
table.outline td{

	font-size: 16px;
	line-height: 1.5;
	
	padding: 15px 0;

	border-bottom: 1px solid #cfbcb0;
}





.accessMap{
	width: 100%;
	height: 400px;
}
.accessMap iframe{
	width: 100% !important;
	height: 100% !important;
}








ul.n3c,
ul.n4c{
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
ul.n3c li{
	width: 31%;
	
	margin-bottom: 25px;
}
ul.n4c li{
	width: 24%;
	
	margin-bottom: 15px;
}
ul.n3c li .photo,
ul.n4c li .photo{
	width: 100%;
	
	line-height: 0;
}
ul.n3c li .photo img,
ul.n4c li .photo img{
	width: 100%;
	height: auto;
}
ul.n3c li .caption,
ul.n4c li .caption{
	width: 100%;
	
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	
	margin: 5px 0 0;
}

p.note15{
	font-size: 15px;
	line-height: 1.6;
}


.pageColumn{
	box-sizing: border-box;
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	background-color: #fff;
	
	border: 10px solid #fef9d5;
	padding: 20px 25px;

	margin-bottom: 70px;
}
.pageColumn h2{
	width: 100%;
	
	font-size: 19px;
	font-weight: bold;
	line-height: 1.3;

	border-bottom: 1px solid #ffd680;
	
	padding-bottom: 8px;
	
	margin-bottom: 15px;
}
.pageColumn p{
	font-size: 15px;
}

.pageColumn h3{
	width: 100%;
	
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;

	margin-bottom: 10px;
}


.pageColumn table{
}
.pageColumn table th{
	font-size: 15px;
	font-weight: bold;
	padding-right: 1em;
	padding-bottom: 0.5em;
	
	white-space: nowrap;
}
.pageColumn table td{
	font-size: 15px;
	padding-bottom: 0.5em;
}





.linkBtn{
	display: inline-block;

	background-color: #a37e58;
	background-image: url(img/arrow_linkBtn_r.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: right 4px bottom 4px;
	
	border-radius: 5px;

	transition: all 0.2s linear;
}
.linkBtn:hover{
	background-color: #452c0a;
}
.linkBtn a{
	display: block;
	font-size: 15px;
	color: #fff;
	
	line-height: 2.0;
	
	padding: 10px 25px 10px 25px;
}




.articlePage{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.articlePage .mainArea{
	width: 80%;
	margin-right: 3%;
	
}
.articlePage .mainArea.nonav{
	width: 100%;
	margin-right: 0%;
	
}
.articlePage .navArea{
	width: 17%;
	
	background-color: #fff;
}
.articlePage .navArea h2{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    padding: 6px 10px;
    background-color: #ffd680;
}
.articlePage .navArea nav ul{
	margin: 5px 0 30px 10px;
}
.articlePage .navArea nav ul li{
	font-size: 14px;
	margin-bottom: 5px;
}
.articlePage .navArea nav ul li a{
	display: block;
}
.articlePage .navArea nav ul li a:hover{
	text-decoration: underline;
}


.articlePage article{
	width: 100%;
	padding: 20px 0 30px;
	background-color: #fff;
	
	margin-bottom: 30px;
}
#subPage .articlePage article h1{
	width: 90%;
	text-align: left;

	font-size: 25px;
	line-height: 1.3;
	
	padding-bottom: 5px;
	margin: 0 auto;
	margin-bottom: 5px;
	
	background-image: none;
	

	font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.articlePage article img{
	max-width: 100%;
	height: auto;
}

.articlePage article .date{
    width: 90%;
	margin: 0 auto;
	
    text-align: right;
    font-size: 14px;
    margin-bottom: 30px;
}
.articlePage article .articleBody{
    width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;

	font-size: 16px;
	line-height: 1.7;
}
.articlePage article .backToList{
	display: block;
	width: 230px;
	margin: 0 auto;
	
	background-color: #fff;
	border: 2px solid #ffd680;
	
	background-image: url(img/arrow_linkBtn2_l.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: left 5px bottom 5px;	
	
	transition: all 0.2s linear;
}
.articlePage article .backToList:hover{
	opacity: 0.8;
}
.articlePage article .backToList a{
	display: block;
	text-align: center;
	padding: 3px 6px;
	
	font-size: 16px;
	color: #ff9036;
}


.articlePage article .articleSubHeader{
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;

    display: flex;
    justify-content: space-between;
}
.articlePage article .articleDate{
    width: 20%;
    font-size: 14px;
    white-space: nowrap;
}
.articlePage article .articleCategories{
    width: 80%;
    white-space: nowrap;
}
.articlePage article .articleCategories .category{
	display: inline-block;
	font-size: 13px;
	color: #fff;

	background-color: #eb5591;
	margin-right: 5px;
	padding: 2px 5px;
	line-height: 1.0;
}
.articlePage article .articleCategories .category.community{
	background-color: #10a88a;
}
.articlePage article .articleCategories .category.community.hiyoko-gumi{
	background-color: #ea758c;
}
.articlePage article .articleCategories .category.community.risu-gumi{
	background-color: #efc300;
}
.articlePage article .articleCategories .category.community.koara-gumi{
	background-color: #0099f2;
}


dl.health{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	position: relative;
	z-index: 15;
	
	margin-bottom: 70px;
}
dl.health dt{
	box-sizing: border-box;
	width: 100%;
	
	margin-top: 32px;
	min-height: 30px;

	cursor: pointer;

	background-color: #fff;
	border-bottom: 1px solid #f99a5b;
	padding: 8px 20px;
	
	background-image: url(img/icon_health_open.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
		
}
dl.health dt.open{
	background-image: url(img/icon_health_close.png);
}

dl.health dt h2{
	box-sizing: border-box;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	
	padding: 3px 0;
	
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}

dl.health dd{
	box-sizing: border-box;
	width: 100%;
	
	padding: 0;
}
dl.health dd table{
	width: 100%;
	
}
dl.health dd table th{
	box-sizing: border-box;
	width: 10em;
	padding: 5px 15px;

	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
	
	white-space: nowrap;
	
	border-top: 1px dotted #cfbcb0;
	
	background-color: #fef9d5;
}
dl.health dd table td{
	padding: 5px 15px 5px 15px;

	font-size: 15px;
	line-height: 1.6;
	
	border-top: 1px dotted #cfbcb0;
}
dl.health dd table tr:first-child th,
dl.health dd table tr:first-child td{
	border-top: none;
	
	padding-top: 12px;
}
dl.health dd table tr:last-child th,
dl.health dd table tr:last-child td{
	padding-bottom: 12px;
}


ul.download{
	width: 50%;
	max-width: 300px;
	margin: 0 auto;
}
ul.download li{
	font-size: 15px;
	
	padding-bottom: 10px;
}
ul.download li a{
	color: #f2853d;
	text-decoration: underline;
}
ul.download li.lunch{
	text-align: center;
}





p.form{
	font-size: 15px;
	line-height: 1.7;
}
dl.form{
	width: 100%;
	border-bottom: 1px dotted #666;
	float: left;
	
	font-size: 15px;
}
dl.form dt, dl.form dd{
}
dl.form dt{
	clear: both;
	border-top: 1px dotted #666;
	padding: 1% 2%;
	width: 21%;
	float: left;
	font-weight: bold;
}
dl.form dd{
	border-top: 1px dotted #666;
	padding: 1% 2%;
	width: 71%;
	float: left;
}


dl.form input[type="text"],
dl.form input[type="password"]{
	height: 25px;
	font-size: 14px;
	margin-bottom: 3px;
}
dl.form select{
	height: 25px;
	font-size: 14px;
	margin-bottom: 3px;
}

dl.form input[type="text"].name{ width: 150px;}
dl.form input[type="text"].zip{ width: 100px;}
dl.form input[type="text"].address{ width: 280px;}
dl.form input[type="text"].tel{ width: 150px;}
dl.form textarea{ width: 280px; height: 8em; font-size: 14px;}
dl.form input[type="text"].email{ width: 200px;}

form input[type="button"],
form input[type="submit"]{


	background: none;

	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	margin: 5px 0;
	padding: 5px 20px;
	font-size: 16px;
	color: #fff;
	background-color: #f99a5b;
	cursor: pointer;
	border: 5px solid #f2853d;
	border-radius: 5px;
}


dl.form .notice{
	margin: 5px 0;
	padding: 5px 10px;
	background-color: #e4ecff;
	font-size: 13px;
}
dl.form .notice a:link,
dl.form .notice a:visited{
	color: #1954dc;
	text-decoration: underline;
}
dl.form .notice a:hover,
dl.form .notice a:active{
	color: #1954dc;
	text-decoration: none;
}


.formButton{
	clear: both;
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.error-fp{
	font-weight: bold;
	color: #e00;
	margin-bottom: 20px;
}

.loginForm{
    box-sizing: border-box;
    width: 100%;
    padding: 20px 5%;
    text-align: center;
}
.loginForm p{
    text-align: center;
    padding-bottom: 2rem;
}
.loginForm input[type="text"],
.loginForm input[type="password"]{
	height: 25px;
	font-size: 14px;
	margin-bottom: 3px;
    width: 90%;
    max-width: 300px;
    
    outline: solid 2px #ccc;
}



/* --------------------------------------------------
  Page Footer
-------------------------------------------------- */

footer.page{
	width: 100%;
	background-color: #f2853d;
}

footer.page .content{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	
	padding: 45px 0;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

footer.page .ftNavi{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
footer.page .ftNavi ul{
	padding: 0 1%;
}
footer.page .ftNavi ul li{
	width: 100%;
	
	margin-bottom: 5px;
}
footer.page .ftNavi ul li a{
	display: block;
	
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	
	white-space: nowrap;
}
footer.page .ftNavi ul li.catname{
		padding-bottom: 8px;
}
footer.page .ftNavi ul li.catname a{
	font-size: 18px;
}




footer.page .info{
	width: 220px;

	margin-right: 60px;
}
footer.page .logo{
	width: 100%;
	line-height: 0;
	margin-bottom: 20px;
}
footer.page .address{
	width: 100%;
	line-height: 0;
	margin-bottom: 15px;
}
footer.page .logo img,
footer.page .address img{
	width: 100%;
	height: auto;
}

footer.page .linkToMap{
	display: block;
	width: 210px;
	margin: 0 auto;
	
	background-color: #fff;
	border: 2px solid #ffd680;
	
	background-image: url(img/arrow_linkBtn2_r.png);
	background-size: 43px auto;
	background-repeat: no-repeat;
	background-position: right 5px bottom 5px;	
	
	transition: all 0.2s linear;
}
footer.page .linkToMap:hover{
	opacity: 0.8;
}
footer.page .linkToMap a{
	display: block;
	text-align: center;
	padding: 5px;
	
	font-size: 15px;
	color: #ff9036;
}

footer.page .copyright{
	width: 100%;
	border-top: 1px solid #ffd680;
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 25px 0 25px;
}



.cmnBtn{
	display: inline-block;
}
.cmnBtn a{
	display: block;
	
	font-size: 16px;
	color: #fff;
	line-height: 1.0;
	white-space: nowrap;
	
	padding: 10px 25px;
	text-align: center;
	background-color: #755c3b;
	border-radius: 20px;
}
.cmnBtn.line a{
	background-color: #5ac463;
}
.cmnBtn a:hover{
	opacity: 0.8;
}




/* --------------------------------------------------
  Common
-------------------------------------------------- */

.pageTop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	
	width: 60px;
	
	z-index: 1100;
}
.pageTop img{
	width: 100%;
	height: auto;
}


.ivmvel{
	opacity: 0.0;
	filter: alpha(opacity=0);
	-webkit-transform: translate(0, 20px); 
	transform: translate(0, 20px); 
	transition: all 0.4s ease;
}
.ivmv{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); 
}




/* Common Navigation
------------------------------------------------------------*/
@media only screen and (min-width: 900px){


#commonNavi{
	width: 100%;
	position: relative;
	z-index: 100;

	display: flex;
	flex-wrap: wrap-reverse;
	align-content: space-between;
}

	
ul#headerNavi{

	position: relative;
	z-index: 110;
	
	width: 100%;

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;

}
ul#headerNavi li.link{
	font-size: 13px;
	white-space: nowrap;
	
	text-align: center;
	
	padding-top: 12px;
}
ul#headerNavi li.link a{
	display: inline-block;
	line-height: 1.0;
	
	padding: 3px 6px;
	border-radius: 5px;
}
ul#headerNavi li.link a:hover{
	opacity: 0.7;
}
ul#headerNavi li.link a.lock{
	color: #000;
	background-color: #ffe0a0;

	font-weight: bold;
	
	margin: 0 3px;
	
	
	
	padding: 4px 8px;
}
/*
ul#headerNavi li.link a.lock:before {
    content: url(./img/icon_header_lock.png);
    margin: 3px;
    position: relative;
    top: 1px;
}
*/

ul#headerNavi li.sns{
	text-align: center;
	padding-top: 10px;
}
ul#headerNavi li.sns img{
	width: 25px;
	height: auto;
}
ul#headerNavi li.address{
	width: 240px;
}
ul#headerNavi li.address img{
	width: 100%;
	height: auto;
}
ul#headerNavi li.address.sub{
	width: 200px;
}

	

ul#globalNavi{
	width: 100%;
	
	position: relative;
	z-index: 200;

	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-around;
}
ul#globalNavi > li{
	font-size: 15px;

	display: flex;
	align-items: flex-end;
	justify-content: center;
}
ul#globalNavi > li > a{
	display: block;
	padding: 5px 20px 2px;
	border-bottom: 4px solid #fff;
}
ul#globalNavi > li > a:hover{
	border-bottom: 4px solid #ffd680;
}
ul#globalNavi > li.current > a{
	border-bottom: 4px solid #ffd680;
}



ul#globalNavi ul.sub{
	box-sizing: border-box;

	width: 100vw;
	height: auto;

	position: absolute;
	z-index: 1200;
	
	top: 35px;
	right: 0;
	line-height: 0;

	background-color: #ffe3a7;
	text-align: right;
	
	padding-right: 50px;
	
	display: none;
}

ul#globalNavi ul.sub li{
	display: inline-block;
	line-height: 0;
}
ul#globalNavi ul.sub li a{
	display: block;
	line-height: 1.0;
	font-size: 14px;
	
	color: #333;
	
	padding: 20px 20px;
	margin: 0 5px;
}
ul#globalNavi ul.sub li a:hover{
	background-color: #ffd680;	
}




ul#outerLink{

	position: fixed;
	z-index: 300;
	
	right: 0;
	top: 215px;
	
}

ul#outerLink li{
	width: 2.5em;
	background-color: #ffd680;
	padding: 5px 0 5px 5px;
	
	margin-bottom: 10px;
	
	transition: all 0.2s linear;
}
ul#outerLink li:hover{
	background-color: #fde2aa;
}
ul#outerLink li a{
	box-sizing: border-box;
	
	width: 100%;
	display: block;
	height: 11em;

	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;

	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	
	font-size: 16px;
	
	text-align: center;
	
	padding: 0.6em 0.3em;
	letter-spacing: 0.1em;

	white-space: nowrap;
	
	font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}



}




/* Common Navigation Responsive Structure
---------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:899px){

#commonNavi {
	display: none;
}
	

#menuOverlay {
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	position: fixed;
	z-index: 9997;
}

#switchBtnArea {
	width: 100%;

	position: relative;
}

#switchBtnArea #switchBtn {
	top: 15px;
	right: 10px;
	width: 50px;
	height: 50px;
	display: block;
/*	background: #18d6c6;*/
	
/*	border: 1px solid #fff;*/
	
	position: fixed;

	z-index: 9998;
	
	background-color: #fcfbed;
	
	border-radius: 2px;
}

#switchBtnArea #switchBtn span {
	left: 27%;
	width: 46%;
	height: 2px;
	display: block;
	position: absolute;
	background-color: #444;
	border-radius: 5px;
	transition: all 0.2s linear;
}
#switchBtnArea #switchBtn span:nth-of-type(1) {
	top: 17px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
	top: 24px;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#switchBtnArea #switchBtn span:nth-of-type(3) {
	bottom: 17px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

#switchBtnArea #switchBtn.btnClose {
/*	background: transparent;*/
	background-color: #fffabb;
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
	top: 24px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #000;
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
	-webkit-transform: scale(0);
	transform: scale(0);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
	bottom: 24px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #000;
}

#rwdMenuWrap {
	top: 0;
	right: -250px;
	width: 250px;
	height: 100%;
	background-color: #fcfbed;
	overflow: auto;
	position: fixed;
	z-index: 9997;
}

#rwdMenuWrap ul#globalNavi {
	width: 100%;
	padding: 80px 0 0;
	
	display: block;
}
#rwdMenuWrap ul#globalNavi > li {
	width: 100%;
	border-bottom: 1px solid #ffd680;
	
	display: block;
}
#rwdMenuWrap ul#globalNavi > li:first-child {
	border-top: 1px solid #ffd680;
}

#rwdMenuWrap ul#globalNavi > li > a {
	padding: 15px 25px;
	text-align: left;
	display: block;
	background-color: #fcfbed;
	position: relative;
	
	color: #000;
	
	font-size: 15px;
}

#rwdMenuWrap ul#globalNavi > li > a:after {
	content: '';
	margin-top: -4px;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}




#rwdMenuWrap ul#globalNavi ul.sub li{
	width: 100%;
	display: block;
	line-height: 0;
}
ul#globalNavi ul.sub li a{
	display: block;
	line-height: 1.0;
	font-size: 13px;
	
	position: relative;
	
	color: #333;
	
	padding: 12px 20px 12px 40px;
}

#rwdMenuWrap ul#globalNavi ul.sub li a:after {
	content: '';
	margin-top: -4px;
	top: 50%;
	right: 15px;
	width: 6px;
	height: 6px;
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



#rwdMenuWrap ul#headerNavi{
	width: 100%;

	display: block;
	
	padding: 20px 0;
}

#rwdMenuWrap ul#headerNavi li.link{
	font-size: 14px;
	white-space: nowrap;
	
	text-align: center;
	
	padding: 4px 0;
}
#rwdMenuWrap ul#headerNavi li.link a{
	display: inline-block;
	line-height: 1.0;
	
	width: 80%;
	
	padding: 10px 6px;
	border-radius: 5px;
	
	
	background-color: #fff0d2;
}
#rwdMenuWrap ul#headerNavi li.link a:hover{
	opacity: 0.7;
}
#rwdMenuWrap ul#headerNavi li.link a.lock{
	color: #000;
	background-color: #ffd680;
	
	margin: 0 3px;
}
/*
#rwdMenuWrap ul#headerNavi li.link a.lock:before {
    content: url(./img/icon_header_lock.png);
    margin: 3px;
    position: relative;
    top: 1px;
}
*/

#rwdMenuWrap ul#headerNavi li.sns{
	text-align: center;
	
	padding: 10px 0;
}
#rwdMenuWrap ul#headerNavi li.sns img{
	width: 30px;
	height: auto;
}
#rwdMenuWrap ul#headerNavi li.address{
	width: 100%;
	
	padding: 5px 0 0;
}
#rwdMenuWrap ul#headerNavi li.address img{
	width: 100%;
	height: auto;
}




#rwdMenuWrap ul#outerLink{

	position: relative;
	
	width: 90%;
	margin: 0 auto;

	right: 0;
	top: 0;
	
}

#rwdMenuWrap ul#outerLink li{
	box-sizing: border-box;
	width: 100%;

	background-color: #ffd680;
	padding: 5px;
	
	margin-bottom: 10px;
}
#rwdMenuWrap ul#outerLink li a{
	box-sizing: border-box;
	
	display: block;
	border: 1px solid #000;

	font-size: 15px;
		
	padding: 0.5em 1.0em;
	letter-spacing: 0.1em;
}




}








/* Responsive Structure
---------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 899px){


header.page {
	width: 100%;
	height: 80px;

	position: fixed;
	z-index: 100;
	
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
header.page.sub {
	height: 80px;
}
header.page .title{
	width: 100%;
	position: relative;
}
header.page .menu{
	display: none;
}


header.page #logo{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	
	width: 70%;
	max-width: 300px;
}
header.page #logo img{
	width: 100%;
	height: auto;
}


#content{
	padding-top: 80px;
}


#homeMainImage{
	width: 100%;
	margin-left: 0;
}



h2.homeIndex{

	font-size: 24px;
	line-height: 1.3;
	
	padding-bottom: 30px;
	margin-bottom: 40px;
}
h2.homeIndex.newsTitle{
	padding-bottom: 20px;
	margin-bottom: 30px;
}

#newsIndex{
	padding: 60px 0 0px;
}

#pickup p a{
	font-size: 11px;
	
	padding: 8px 20px 8px 5px;
}
#pickup p a > span:before {
    content: url(./img/icon_pickup_sp.png);
    margin: 5px;
    position: relative;
    top: 2px;
}
#pickup p a > span >span.date{
	padding-right: 10px;
}



#newsIndex .content{
	width: 90%;
}
#newsIndex .blog{
	width: 100%;
	
	padding-bottom: 60px;
}
.articlePage #newsIndex .blog{
	padding-bottom: 0;
}
#newsIndex .blog.sub{
	width: 100%;
	
	margin-top: -60px;
}
#newsIndex .info{
	width: 100%;
	
	align-content: flex-start;
}

#newsIndex .blog > ul li{
	margin-bottom: 20px;
}

#newsIndex.home .blog > ul li{
	display: none;
}
#newsIndex.home .blog > ul li:nth-child(1),
#newsIndex.home .blog > ul li:nth-child(2),
#newsIndex.home .blog > ul li:nth-child(3){
	display: flex;
}
#newsIndex .blog > ul li .link a{
	box-sizing: border-box;
	padding: 15px 15px;
}
#newsIndex .blog > ul li .link a .date{
	font-size: 13px;
}
#newsIndex .blog > ul li .link a .category{
	display: inline-block;
	font-size: 12px;

	margin-left: 5px;
	padding: 2px 5px;
	line-height: 1.0;
}
#newsIndex .blog > ul li .link a .title{
	font-size: 13px;
	line-height: 1.5;
}


#newsIndex .news{
	padding-bottom: 60px;
}
#newsIndex .news.sub{
	margin-top: -60px;
}
#newsIndex .news > ul{
	margin-bottom: 30px;
}

#newsIndex.home .news > ul li{
	display: none;
}
#newsIndex.home .news > ul li:nth-child(1),
#newsIndex.home .news > ul li:nth-child(2),
#newsIndex.home .news > ul li:nth-child(3){
	display: flex;
}

#newsIndex .news > ul li a{
	width: 100%;


	display: block;

	padding: 8px 0;
}
#newsIndex .news > ul li .date{

	width: auto;
	padding: 8px 5px 8px 0;
	font-size: 13px;
}
#newsIndex .news > ul li .category{
	width: auto;
	padding: 5px 10px 5px 0;
}
#newsIndex .news > ul li .category span{
	width: auto;
	font-size: 12px;

	margin-left: 5px;
	padding: 2px 5px;
	line-height: 1.0;
}
#newsIndex .news > ul li .title{
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 1.5;

	padding: 0 0 8px 0;
}



#newsIndex .member .link{
	width: 100%;

	background-size: 43px auto;
	background-position: right 8px bottom 10px;
	
	border-radius: 5px;
}
#newsIndex .member .link a{
	font-size: 12px;
	
	line-height: 2.0;
	
	padding: 8px 15px 10px 15px;
}
#newsIndex .member .link a > .title{
	
	font-size: 15px;
}
#newsIndex .member .link a > .predesc{
	padding-right: 20px;
}
#newsIndex .member .link a > .desc{
	display: block;
	padding-left: 5px;
}


#newsIndex .linkToList{
	width: 230px;

	border: 2px solid #ffd680;
	
	background-size: 43px auto;
	background-position: right 5px bottom 5px;	
}
#newsIndex .linkToList a{
	padding: 6px;
	
	font-size: 14px;
}





#subIndexImage{
	width: 100%;
	margin-left: 0;
}
#subIndexImage h1{
	width: 100%;
	margin-bottom: -25px;
}

#subIndexImage h1 span{
	font-size: 24px;

	padding: 5px 40px;
}


#subIndex{
	padding: 90px 0 30px;
}

#subIndex ul{
	width: 90%;
}
#subIndex li{
	width: 47%;
	
	margin-bottom: 40px;
}
#subIndex.member li{
	width: 48%;
	margin-bottom: 30px;
}
#subIndex li .photo:before {
	padding-top: 60%;
}
#subIndex li .text{
	padding: 15px 20px;

	font-size: 18px;
	line-height: 1.3;
}



#subCatTitle{
	font-size: 18px;
	line-height: 1.3;

	padding: 20px 0;
}

#subPage{
	padding: 30px 0 20px;
}


#subPage h1{
	font-size: 26px;
	line-height: 1.3;
	
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#subPage p.lead{
	font-size: 13px;
	
	margin-bottom: 40px;
}
#subPage p.lead.center{
	text-align: left;
}
#subPage p.lead .copy{
	font-size: 18px;
}
section.pageBody{
	width: 90%;
	
	margin-bottom: 40px;
}
section.pageBody.full{
	width: 90%;
}
section.pageBody h2{
	font-size: 16px;
	line-height: 1.3;

	border-left: 8px solid #f99a5b;
	padding: 6px 10px;
	
	margin-bottom: 20px;
}
section.pageBody h3{
	font-size: 15px;
	line-height: 1.3;
	
	padding-bottom: 6px;
	
	margin-bottom: 10px;
}




section.pageBody h2.seed{
	height: 60px;
	
	margin-bottom: 25px;
	
}
section.pageBody h2.seed span{
	width: 98%;
	margin-left: 2%;
	
	font-size: 17px;
	line-height: 1.3;
	
	padding: 8px 15px 8px 60px;
	
	border-radius: 20px;
}
section.pageBody h2.seed .icon{
	width: 60px;
}

section.pageBody h3.seed{
	font-size: 15px;
	line-height: 1.3;

	margin-bottom: 15px;
}

.seedBody{
	justify-content: center;
}
.seedBody p{
	width: 100%;
	
	font-size: 13px;
	line-height: 1.8;

	padding-bottom: 15px;
}
.seedBody .image{
	width: 100%;
	max-width: 300px;
	text-align: center;
	
	padding-bottom: 40px;
}
.seedBody .image img{
	width: 100%;
	height: auto;
}




.kitchen{
	width: 100%;
	margin: 0 auto 30px;
	
	height: auto;
	background: none;
}
.kitchen ul{
	width: 100%;
	height: auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
	
	margin-bottom: 20px;
}
.kitchen ul li{
	box-sizing: border-box;
	width: 32%;
	height: auto;
	
	display: flex;
	align-items: center;
	
	
	border: 10px solid #f1eedc;
	border-radius: 15px;
	background-color: #fff;
	
	margin-bottom: 15px;
}
.kitchen ul li p{
	padding: 15px;
	
	font-size: 14px;
	line-height: 1.4;
}
.kitchen .photo{
	width: 100%;
	max-width: 640px;
	
	margin: 0 auto;
	
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: translateY(0%) translateX(0%);
	transform: translateY(0%) translateX(0%);
}




section.pageBody h2.gLink{
	height: 50px;
	
	margin-bottom: 5px;
	
}
section.pageBody h2.gLink span{
	width: 98%;
	margin-left: 2%;
	
	font-size: 16px;
	line-height: 1.3;

	padding: 6px 10px 6px 50px;
}
section.pageBody h2.gLink .icon{
	width: 50px;
}

.gLinkBody{
	padding-left: 50px;
	
	flex-wrap: wrap;
}

.gLinkBody p{
	font-size: 13px;
}
.gLinkBody .image{
	width: 100%;
	max-width: 300px;
}
.gLinkBody .image img{
	width: 100%;
	height: auto;
}
.gLinkBody p.wImg{
	width: 100%;
}



section.pageBody h2.gInt{
	height: 60px;
	
	margin-bottom: 5px;

}
section.pageBody h2.gInt span{
	width: 98%;
	margin-left: 2%;
	
	font-size: 15px;
	line-height: 1.3;
	
	font-weight: bold;

	padding: 10px 15px 10px 60px;
	
	border-radius: 15px;
}
section.pageBody h2.gInt .icon{
	width: 60px;
}

.gIntBody{
	box-sizing: border-box;
	width: 100%;
	margin-left: 0;
	
	border: 5px solid #f1eedc;
	border-radius: 15px;
	background-color: #fff;
	
	padding: 20px 25px;
	
	font-size: 13px;
}


dl.gFaq dt{
	padding-top: 8px;
	padding-left: 60px;
	
	min-height: 30px;
	
	font-size: 15px;
	line-height: 1.7;
	
	background-size: 50px auto;
	
	margin-bottom: 0;
}
dl.gFaq dd{
	padding-top: 8px;
	padding-left: 60px;
	
	min-height: 30px;
	
	font-size: 13px;
	line-height: 1.7;
	
	background-size: 50px auto;
	
	margin-bottom: 30px;
}



section.pageBody h2.gSP{
	
	font-size: 17px;
	line-height: 1.3;
	
	border-bottom: 1px solid #cfbcb0;
	margin-bottom: 10px;
}
section.pageBody h2.gSP .no{
	font-size: 50px;
	padding-right: 10px;
	line-height: 1.0;
}
section.pageBody h2.gSP .title{
	font-size: 17px;
	line-height: 1.3;
	
	padding-bottom: 2px;
}
p.gSP{
	font-size: 13px;
	line-height: 1.8;
	padding-left: 9%;
	
	margin-bottom: 30px;
}


table.outline{
	border-top: 1px solid #cfbcb0;
}
table.outline th{

	font-size: 13px;
	line-height: 1.5;
	
	padding: 12px 30px;

	border-bottom: 1px solid #cfbcb0;
}
table.outline td{

	font-size: 13px;
	line-height: 1.5;
	
	padding: 12px 0;

	border-bottom: 1px solid #cfbcb0;
}






ul.n3c li{
	margin-bottom: 15px;
}

ul.n3c li .photo,
ul.n4c li .photo{
	margin-bottom: 10px;
}
ul.n3c li .caption,
ul.n4c li .caption{
	font-size: 13px;
	line-height: 1.4;

	margin-bottom: 10px;
}

p.note15{
	font-size: 13px;
	line-height: 1.6;
}


.pageColumn{
	width: 90%;
	
	border: 10px solid #fef9d5;
	padding: 20px 25px;

	margin-bottom: 40px;
}
.pageColumn h2{
	
	font-size: 16px;
	
	padding-bottom: 6px;
	
	margin-bottom: 12px;
}
.pageColumn p{
	font-size: 13px;
}


.pageColumn h3{
	font-size: 15px;

	margin-bottom: 8px;
}

.pageColumn table th{
	font-size: 13px;

	padding-right: 1em;
	padding-bottom: 0.5em;
	
	white-space: nowrap;
}
.pageColumn table td{
	font-size: 13px;
	padding-bottom: 0.5em;
}




.linkBtn a{
	font-size: 13px;

	padding: 10px 25px 10px 25px;
}


.articlePage{
}
.articlePage .mainArea{
	width: 100%;
	margin-right: 0;
	
}
.articlePage .navArea{
	width: 100%;

	margin-bottom: 30px;
}
.articlePage .navArea h2{
    font-size: 15px;

	margin-bottom: 10px;
    padding: 6px 10px;
    background-color: #ffd680;
}
.articlePage .navArea nav ul{
	margin: 5px 0 30px 10px;
}
.articlePage .navArea nav ul li{
	font-size: 13px;
	margin-bottom: 5px;
}





.articlePage article{
	width: 100%;
	padding: 20px 0 30px;
	
	margin-bottom: 30px;
}
#subPage .articlePage article h1{

	font-size: 20px;
	line-height: 1.3;
	
	padding-bottom: 5px;
	margin-bottom: 5px;
	

	font-weight: bold;
    border-bottom: 1px solid #ccc;
}


.articlePage article .date{
    font-size: 13px;
    margin-bottom: 30px;
}
.articlePage article .articleBody{
	margin-bottom: 50px;

	font-size: 14px;
	line-height: 1.7;
}
.articlePage article .backToList{
}
.articlePage article .backToList a{
	padding: 3px 6px;
	
	font-size: 14px;
}


.articlePage article .articleDate{
    font-size: 13px;
}
.articlePage article .articleCategories .category{
	font-size: 12px;

	margin-right: 5px;
	padding: 2px 5px;
	line-height: 1.0;
}




dl.health{
	margin-bottom: 40px;
}
dl.health dt{
	margin-top: 25px;
	min-height: 25px;

	padding: 8px 20px;
	
}

dl.health dt h2{
	
	padding: 3px 0;
	
	font-size: 16px;
}

dl.health dd{
}
dl.health dd table{
}
dl.health dd table th{
	padding: 5px 15px;

	font-size: 13px;
}
dl.health dd table td{
	padding: 5px 15px 5px 15px;

	font-size: 13px;
}
dl.health dd table tr:first-child th,
dl.health dd table tr:first-child td{
	padding-top: 12px;
}
dl.health dd table tr:last-child th,
dl.health dd table tr:last-child td{
	padding-bottom: 12px;
}



ul.download li{
	font-size: 13px;
}



dl.form dt{
	padding: 3% 2% 3%;
	width: 100%;
	float: none;
}
dl.form dd{
	border-top: none;
	padding: 1% 2% 3%;
	width: 100%;
	float: none;
}





footer.page .content{
	
	padding: 45px 0;
	
	flex-wrap: wrap;
	justify-content: space-between;
}

footer.page .ftNavi{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	
	
	margin-top: 40px;

	padding-top: 30px;
}
footer.page .ftNavi ul{
	box-sizing: border-box;
	width: 30%;
	
	margin: 0 1.5%;
	padding: 20px 20px;
	
	background-color: #f99a5b;
	border-radius: 10px;
	
	margin-bottom: 20px;
}
footer.page .ftNavi ul li{
	width: 100%;
	
	margin-bottom: 10px;
}
footer.page .ftNavi ul li a{
	display: block;
	
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
	
	white-space: normal;
}
footer.page .ftNavi ul li.catname a{
	font-size: 15px;
}




footer.page .info{

	margin: 0 auto;
}



.cmnBtn a{
	font-size: 15px;
	
	padding: 10px 25px;
	border-radius: 18px;
}



}





/* ---------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 699px){


#homeMovie{
	padding: 40px 0 30px;
}

#homePreIndex{
	padding: 40px 0 10px;
}

#homePreIndex ul{
}
#homePreIndex li{
	width: 100%;
	
	padding-bottom: 20px;
}
#homePreIndex li a{
	font-size: 12px;
}

#homePreIndex li .title{
	font-size: 15px;
	line-height: 1.3;
	
	padding-bottom: 10px;
}


#homeMovieIndex{
	padding: 40px 0 10px;
}

#homeMovieIndex ul{
	width: 70%;
}
#homeMovieIndex li{
	width: 100%;
	
	padding-bottom: 20px;
}
#homeMovieIndex li a{
	font-size: 12px;
}

#homeMovieIndex li .title{
	font-size: 15px;
	line-height: 1.3;
	
	padding-bottom: 10px;
}


#homeGuide{
	padding: 60px 0 20px;
}

#homeGuide ul{
}
#homeGuide li{
	width: 100%;
	
	margin-bottom: 40px;
}
#homeGuide li a{
	font-size: 12px;

}
#homeGuide li .text{

	padding: 30px 28px;

	font-size: 12px;

	line-height: 1.6;
}

#homeGuide li .title{
	font-size: 20px;
	line-height: 1.3;
	
	padding-bottom: 15px;
	margin-bottom: 15px;
}



#homeLink{
	padding: 60px 0 20px;
}
#homeLink .content{
	width: 70%;
		
	flex-wrap: wrap;
}
#homeLink .titleArea{
	width: 100%;
}
#homeLink .listArea{
	width: 100%;
}
#homeLink ul{
}
#homeLink li{
	width: 100%;
	
	margin-bottom: 40px;
}
#homeLink li a{
	font-size: 12px;

}
#homeLink li .text{

	padding: 20px 28px;

	font-size: 12px;

	line-height: 1.6;
}

#homeLink li .title{
	font-size: 15px;
}



#homeIndex{
	padding: 50px 0 50px;
}

#homeIndex ul{
	justify-content: center;
}
#homeIndex ul li{
	width: 29%;
	padding: 0 2% 20px;
}
#homeIndex ul li a.photo{
	margin-bottom: 0.5em;
}
#homeIndex li .title{
	font-size: 15px;
}



.timetable table th{
	width: 27%;
	padding: 6px 0 8px 3%;
	
	font-size: 13px;
	line-height: 2.0;
	
}
.timetable table td{
	padding: 6px 20px;
	
	font-size: 13px;
	line-height: 2.0;
}
.timetable p.note{
	font-size: 13px;
}

.timetable ul.photos{
	position: relative;
	right: auto;
	top: 0;
	
	margin-top: 10px;
	
	width: 100%;

	justify-content: space-between;
}
.timetable ul.photos li{
	width: 32%;
	margin-right: 0;
	
	margin-bottom: 5px;
}
.timetable ul.photos li:nth-child(2n) img{

	position: relative;
	padding-top: 0;
}


.annualEvents{
}
.annualEvents ul.events{
	margin-bottom: 10px;
}
.annualEvents ul.events li{
	padding: 18px 30px;
	
	font-size: 13px;
	
	min-height: 10em;
}

.annualEvents ul.photos{
	position: relative;
	right: auto;
	top: 0;
	
	margin-top: 10px;
	
	width: 100%;

	justify-content: space-between;
}
.annualEvents ul.photos li{
	width: 32%;
	margin-right: 0;
	
	margin-bottom: 5px;
}
.annualEvents ul.photos li:nth-child(2n) img{

	position: relative;
	padding-top: 0;
}



.kitchen ul li{
	width: 49%;
	
	border: 10px solid #f1eedc;
	border-radius: 15px;
	background-color: #fff;
	
	margin-bottom: 10px;
}



ul.n4c li{
	width: 49%;

	margin-bottom: 5px;
}




}





/* ---------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 499px){


#subIndex{
	padding: 60px 0 30px;
}
#subIndex li{
	width: 100%;
	
	margin-bottom: 40px;
}
#subIndex.member li{
	width: 100%;
	margin-bottom: 30px;
}

.kitchen ul li{
	width: 100%;
	
	border: 10px solid #f1eedc;
	border-radius: 15px;
	background-color: #fff;
	
	margin-bottom: 10px;
}


table.outline{
	border-top: 1px solid #cfbcb0;
}
table.outline th{
	box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: center;

	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	
	padding: 10px 30px;
	
	background-color: #fef9d5;

	border-bottom: none;
}
table.outline td{

	box-sizing: border-box;
	display: block;
	width: 100%;

	font-size: 13px;
	line-height: 1.5;
	
	padding: 15px 5%;

	border-bottom: 1px solid #cfbcb0;
}



ul.n3c li .photo,
ul.n4c li .photo{
	margin-bottom: 5px;
}
ul.n3c li{
	width: 100%;

	margin-bottom: 5px;
}
ul.n4c li{
	width: 100%;

	margin-bottom: 5px;
}


.pageColumn h3{
	margin-bottom: 10px;
}
.pageColumn table th{
	display: block;
	width: 100%;

	font-size: 14px;

	padding-right: 0;
	padding-bottom: 0em;
	
	white-space: nowrap;
}
.pageColumn table td{
	display: block;
	width: 100%;

	font-size: 13px;
	padding-bottom: 1.0em;
}



footer.page .ftNavi{
	justify-content: flex-start;
}
footer.page .ftNavi ul{
	width: 48%;
	margin: 0 1%;
		
	margin-bottom: 10px;
}



.pageTop {
	bottom: 80px;
	right: 10px;
	
	width: 40px;
}


}





.announcement{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	margin: -40px 0 70px;
}
.announcement .headline{
	box-sizing: border-box;
	font-size: 25px;
	line-height: 1.3;
	
	background-color: #fff;
	border: 3px solid #f99a5b;
	border-radius: 50px;
	padding: 10px 50px;
}
.announcement .note{
	font-size: 15px;
	padding-top: 5px;
}
.announcement br.nnw{
	display: none;
}

@media only screen and (max-width: 899px){

.announcement{
	margin: 0px 0 70px;
}
.announcement .headline{
	font-size: 18px;
	border: 2px solid #f99a5b;
	padding: 6px 30px;
}
.announcement .note{
	font-size: 13px;
	padding-top: 2px;
}

}

@media only screen and (max-width: 699px){

.announcement{
	margin: 0px 0 60px;
}
.announcement .headline{
	font-size: 16px;
	padding: 5px 20px;
}
.announcement .note{
	font-size: 12px;
	padding-top: 2px;
}

}

@media only screen and (max-width: 499px){

.announcement{
	margin: -10px 10px 70px;
}
.announcement .headline{
	font-size: 16px;
	padding: 8px 25px;
}
.announcement .note{
	font-size: 12px;
	padding-top: 5px;
}

}