@charset "utf-8";

/*===================================================================*/

body, td, div, li {}

.clear    {clear:both; margin:0; padding:0; height:0; width:0;}
.clear hr {display:none; border:none; height:0px;}

.clearfix {clear:both; }
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.fc_red     {color: #f00;}.fc_blue    {color: #00f;}




/*===================================================================
//  新　着　情　報
//=================================================================*/
#news_list { width:960px; margin:0 auto;}
.news_list    {font-size:12px; line-height:1.4em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:5px 10px 5px 0;}
.news_list li {list-style:none; display:block; padding:5px 0 5px 0; margin:0 10px;}
.news_list li em { float:left; display:block; font-style:normal; font-weight:bold; color:#000000; padding:0 20px 5px 5px; font-size:12px;}
.news_list li:first-child p:before {content:"NEW"; padding-right:10px; font-weight:bold; color:#f00;}
#main .news_list p  { text-align:left; margin:0; padding:0 10px 0 5px;}
#main .news_list p a:link  { text-decoration:none; }
#main .news_list p a:hover  { text-decoration:underline; }


#news_list { width:960px; margin:0 auto;}
#section01 .news_list    {font-size:14px; line-height:1.4em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0; padding:5px 10px 5px 0;}
#section01 .news_list li {list-style:none; display:block; margin:10px 10px; border-bottom:1px dotted #ffbaba;}
#section01 .news_list li em { float:left; display:block; font-style:normal; font-weight:bold; color:#95ca81; padding:0 20px 5px 5px; font-size:14px;}
#section01 .news_list p  { text-align:left; margin:0; padding:0 10px 0 5px;}
#section01 .news_list p a:link  { text-decoration:none; }
#main .news_list p a:hover  { text-decoration:underline; }

.news_info    {margin:0; background-color:#fdf9ec;}
.news_if      {padding:20px;}
.ni_tit       {display:block; padding:10px 10px; color:#95ca81; font-weight:bold; font-size:20px; border-bottom:3px solid #ffbaba; }
.ni_img       {padding:20px 0 0 0; text-align:center;}
.ni_img img   {max-width:500px; max-height:500px;}
.ni_tx        {line-height:1.6em; padding:20px 0 0 20px; font-size:14px;}
.ni_close     {text-align:center; padding:20px 0 20px 0;}
.ni_close input {padding:10px;}





/*===================================================================
// ロ　グ　イ　ン（アルバム・ダウンロード）
//=================================================================*/

.login    {width:70%; margin:0 auto; padding:20px; background:#faefe8;}
.login td {padding:5px; text-align:left;}
.log_btn  {text-align:center; padding:5px;}




/*===================================================================
// ア　ル　バ　ム　・　ダ　ウ　ン　ロ　ード　共　通
//=================================================================*/

.gallery_wrap            {width:100%;}
.gallery_cate_tit        {}
.gallery_cate_tit strong {display:block; border-bottom:5px solid #f7f1d8; padding:10px 10px; font-size:26px;}
.cate_ad_info            {text-align:left; padding:0 5px 5px 5px;}





/*===================================================================
//  ア　ル　バ　ム
//=================================================================*/

#album {
	height: auto;
	width: 630px;
	position: relative;
	background-color: #fefed7;
	margin: 60px auto 0px auto;
}

#album .tp{
	height: 54px;
	width: 630px;
	position: relative;
	margin: 0px auto;
	background-image: url(../../../common/img/album-top.gif);
	background-position: center top;
}

#album dl {
	height: auto;
	width: auto;
	padding-top: 1.5em;
	padding-bottom: 2em;
	padding-right: 3.5em;
	padding-left: 3.5em;
	line-height: 1.6em;
	display: block;
}
#album dl dt {
	float: left;
	height: auto;
	width: 4em;
	color: #e4a856;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#album dl dd {
	padding-left: 9em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #adadad;
}

#main .gallery {width:100%;}
#main .gallery_list, .gallery_list li {margin:0; padding:0; list-style-type:none; }
#main .gallery_list li              {width:170px; height:220px; float:left; border:none; margin:0 auto; padding-right:25px;}
#main .gallery_list li img		  {max-width:170px; max-height:220px; margin: 0 20px auto;display: block; border:1px solid #eee; background:#FFF;}
#main .gallery_list li img:hover    {border:1px solid #d3746a;}
#main .gallery_list li .img		  {height:170px}
#main .gallery_list li .detail_text {width:90%; height:60px; margin:0 auto; font-size:12px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; text-align:center;}

#main .gallery_list dd{	-webkit-margin-start: 0px;}
#main .gallery_list dd{	-webkit-margin-start: 0px;}
#main .gallery_list dd{	-webkit-margin-start: 0px;}

.icon {width:180px;height:240px;loat:left;overflow:auto;text-algn:center;border:none;}
.icon dd	{border:none;margin:0; padding:0;}
.icon li		{width:170px; float:left; border:none;margin:0; padding:0; list-style-type:none;}
.icon li img		  {max-width:120px; max-height:120px; margin: 0 auto 5px auto; display: block; border:1px solid #ccc;}





/*===================================================================
// 園　だ　よ　り
//=================================================================*/

#endayori {
	height: auto;
	width: 630px;
	position: relative;
	background-color: #fefed7;
	margin: 60px auto 0px auto;
}

#endayori .tp{
	height: 54px;
	width: 630px;
	position: relative;
	margin: 0px auto;
	background-image: url(../../../common/img/endayori-top.gif);
	background-position: center top;
}

#endayori dl {
	height: auto;
	width: auto;
	padding-top: 1.5em;
	padding-bottom: 2em;
	padding-right: 3.5em;
	padding-left: 3.5em;
	line-height: 1.6em;
	display: block;
}
#endayori dl dt {
	float: left;
	height: auto;
	width: 4em;
	color: #e4a856;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#endayori dl dd {
	padding-left: 9em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #adadad;
}

.en_cate_tit         {padding:0 0 12px 0; font-size:120%;}
.en_cate_tit strong  {display:block; background:#fff7ec; border:3px double #ccc1b2; padding:8px 8px 6px 10px;}

#policy .en_info_box         {padding:50px 0 0 0;}
#policy .en_info_tit         { display:none;}
#policy .en_info_tit strong  {display:block; padding:0 0 0 10px; float:left; width:82%; text-align:left;}
#policy .en_info_tit em      {display:none;}
#policy .en_info_box .en_img {width:185px; height:188px; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:7px 0 0 0; text-align:center; line-height:0; background:#f6e9e9;}
#policy .en_info_box .en_pdf {width:185px; height:188px; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:7px 0 0 0; text-align:center; line-height:0; background:#f6e9e9;}
#policy .en_info_box .en_tx  {width:220px; height:24px; padding:0 5%; margin:5px auto 0 auto; text-align:left; line-height:22px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; box-sizing:border-box;}
#policy .inner section .en_img {width:93%; margin:0 auto; text-align:center; padding:15px 0;}
#policy .inner section .en_pdf {width:93%; margin:0 auto; text-align:center; padding:15px 0;}

#policy .inner .en_img img {border:none;
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#policy .inner .en_pdf img {border:none;
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#policy .inner .pager_link { display:none;}


/*===================================================================// 園　だ　よ　り カテゴリ内表示*/
#section01 .en_info_box         {padding:0 0 50px 0;}
#section01 .en_info_tit         {width:100%; margin:0 auto; padding:5px 0; border-bottom:3px solid #ffbaba;}
#section01 .en_info_tit strong  {display:block; float:left; width:82%; text-align:left; color:#383838; font-size:28px; line-height:1.2em;}
#section01 .en_info_tit em      {display:block; padding:0 10px 0 0; float:right; font-style:normal; width:13%; text-align:right; font-size:12px; color:#95ca39;}
#section01 .en_info_box .en_img {width:640px; margin:0 auto; text-align:center; padding:20px 0; line-height:0;}
#section01 .en_info_box .en_pdf {width:93%; margin:0 auto; text-align:center; padding:15px 0;}
#section01 .en_info_box .en_tx  {width:93%; margin:0 auto; text-align:left; line-height:1.6em;}

#section01 .en_img {width:93%; margin:0 auto; text-align:center; padding:15px 0;}
#section01 .en_pdf {width:93%; margin:0 auto; text-align:center; padding:15px 0;}

#section01 .en_img img {max-width:100%; border:1px solid #eee;}
#section01 .en_pdf img {max-width:150px; border:1px solid #eee;}


/*===================================================================// 園　だ　よ　り カテゴリ内表示*/
.blog_main {width:73% !important; float:left; padding:20px 0 0 0;}
#blog .en_info_box         {padding:0 0 50px 0; width:100%; margin:0 auto;}
#blog .en_info_tit         {width:100%; margin:0 auto; padding:5px 0; border-bottom:3px solid #ffbaba;}
#blog .en_info_tit strong  {display:block; float:left; width:82%; text-align:left; color:#383838; font-size:28px; line-height:1.4em;}
#blog .en_info_tit em      {display:block; padding:0 10px 0 0; float:right; font-style:normal; width:13%; text-align:right; font-size:12px; color:#95ca39;}
#blog .en_info_box .en_img {width:640px; margin:0 auto; text-align:center; padding:20px 0; line-height:0;}
#blog .en_info_box .en_pdf {width:93%; margin:0 auto; text-align:center; padding:15px 0;}
#blog .en_info_box .en_tx  {width:93%; margin:0 auto; text-align:left; line-height:1.6em;}

#blog .en_img {width:93%; margin:0 auto; text-align:center; padding:15px 0;}
#blog .en_pdf {width:93%; margin:0 auto; text-align:center; padding:15px 0;}

#blog .en_img img {max-width:100%; border:1px solid #eee;}
#blog .en_pdf img {max-width:150px; border:1px solid #eee;}


/*===================================================================// 園　だ　よ　り カテゴリ内月次索引表示*/

/* mn:menu smn:sub menu */
.blog_mn {float:right; width:226px;}
.blog_mn em {display:block; background:url(/common/img/side_tit.gif) no-repeat; min-height:44px; color:#FFFFFF; margin:20px 0 0 0; font-size:18px; box-sizing:border-box; padding:10px 0 0 73px;}

.blog_mn .smn {background:url(/common/img/side_bg.gif) no-repeat bottom right #FFFFFF; width:97%; box-sizing:border-box; padding:0 3px;}
.blog_mn .smn li {border-bottom:1px dotted #ffbbbc;}
.blog_mn .smn li a {display:block; padding:5px 5px 3px 28px; background:url(/common/img/side_arr.gif) no-repeat left; text-decoration:none;}
.blog_mn .smn li a:hover {text-decoration:underline;}

.blog_mn .mn_open  {cursor:pointer;}
.blog_mn .mn_close {display:none;}

.blog_index em:first-child{cursor:auto;}	/* 初回は開く必要が無い */
.blog_index em:{cursor:pointer;}
.blog_index ul:first-child{display:block;}/* 初回以外非表示 */
.blog_index ul{display:none;}
.blog_index li {border-bottom:1px dotted #ffbbbc;}
.blog_index li a {display:block; padding:5px 5px 3px 28px; background:url(/common/img/side_arr.gif) no-repeat left; text-decoration:none;}
.blog_index li a:hover {text-decoration:underline;}







/*===================================================================
//  ダ　ウ　ン　ロ　ー　ド
//=================================================================*/

.down {width:100%;}
.down ul, .down li{ margin: 0; padding: 0; list-style-type: none;}
.down li {width: 175px; height: 220px; float: left;}
.down li a .photo{}
.down li .img {height:125px;}
.down li img  {max-width: 120px; max-height:120px; margin: 0 auto 5px auto; display: block; border:1px solid #CCC;}
.down li img:hover {border:1px solid #d3746a;}
.down li p{ width: 90%; height: 60px; margin: 0 auto; font-size: 13px; line-height: 20px; display: block; overflow-y: hidden;}






/*===================================================================
//  お　問　い　合　わ　せ
//=================================================================*/
.c_tx       {padding:0 0 10px 0; line-height:1.8em;}
.form_table {width:100%;}
.form_table, .form_table td, .form_table tr, .form_table th {border-collapse:collapse; border:1px solid #CCC;}
.form_table th    {padding:5px; text-align:right; width:30%; font-weight:normal; background:#f5f5f5;}
.form_table td    {padding:5px;}
.form_table .must {float:left;}

.mfp_buttons {clear:both; padding:20px 0px; text-align:center;}
.mfp_buttons li    {display:inline;}
.mfp_buttons input {border:none; cursor:pointer; background-color:none;}
.mfp_buttons #button_01 {background:url(/_data/contact/b01.gif) no-repeat; height:35px; width:103px; text-indent:-6666px; margin:0 5px;}
.mfp_buttons #button_02 {background:url(/_data/contact/b02.gif) no-repeat; height:35px; width:103px; text-indent:-6666px; margin:0 5px;}
.mfp_buttons #button_03 {background:url(/_data/contact/b03.gif) no-repeat; height:35px; width:103px; text-indent:-6666px; margin:0 5px;}






/*===================================================================
//  ペ　ー　ジ　送　り
//=================================================================*/
.pager_link       {padding:0 0 15px 0; text-align:center; width:100%;}
.overPagerPattern {padding:0 2px;}

.pager_link button	{margin:0 1px; padding:3px 7px 2px;	font-size:12px; text-decoration:none; border:1px solid #999; background:#eee; border-radius:5px 5px 5px 5px; color:#333; cursor:pointer;}
.pager_link button:hover   {background:#999; color:#FFFFFF;}
.pager_link button.current {background:#ffedce; border:1px solid #d3c5ad;}
.pager_link button.current:hover {background:#ffedce; border:1px solid #d3c5ad; color:#333;}



.MIRAI_REQ{min-height:70px;}/* 最低限エラーメッセージ領域を確保 */
/*.MIRAI_REQ .iframe{min-height:200px;}*//* 最低限ログイン入力領域を確保 */
#album_all .iframe{min-height:200px;}



@media screen and (max-width:768px) {
/*===================================================================
//  新　着　情　報
//=================================================================*/
.news_list    {font-size:12px; line-height:1.4em; padding:3% 0 0; border-top:1px dashed #e1e1e1;}
.news_list li {list-style:none; display:block; padding:0 0 3%; margin:0 0 3%; border-bottom:1px dashed #e1e1e1;}
.news_list li em {width:100%; font-size:100%; padding:0;}
#main .news_list p  { text-align:left; margin:0; padding:0; line-height:1.4em;}
#main .news_list p a:link  { text-decoration:none; }


/*===================================================================
// ロ　グ　イ　ン（アルバム・ダウンロード）
//=================================================================*/
.login    {width:100%; margin:0 auto; padding:5%; background:#faefe8; box-sizing:border-box;}
.login td {padding:1%; display:block;}
.login td input {padding:2%; box-sizing:border-box; margin-bottom:2%;}
.log_btn  {text-align:center; padding:5px;}

#album_all .iframe{min-height:350px;}


/*===================================================================
// 園　だ　よ　り
//=================================================================*/
#policy .en_info_box {padding:7% 0 0 0;}
#policy .en_info_box .en_img {width:80%; height:160px; background:#fff;}
#policy .en_info_box .en_tx {width:100%;}



/*===================================================================// 園　だ　よ　り カテゴリ内表示*/
#section01 .en_info_box         {padding:0 0 7% 0;}
#section01 .en_info_tit         {padding:3% 0;}
#section01 .en_info_tit strong  {width:100%; float:none; font-size:160%;}
#section01 .en_info_tit em      {padding:0; float:none; width:100%; text-align:left; font-size:110%;}
#section01 .en_info_box .en_img {width:100%; padding:5% 0;}
#section01 .en_info_box .en_pdf {padding:3% 0;}
#section01 .en_info_box .en_tx  {}

#section01 .en_img {padding:3% 0;}
#section01 .en_pdf {padding:3% 0;}

#section01 .en_img img {}
#section01 .en_pdf img {max-width:100%;}


/*===================================================================// 園　だ　よ　り カテゴリ内表示*/
.blog_main {width:100% !important; float:none; padding:0 0 0 0;}
#blog .en_info_box         {padding:0 0 5% 0; width:100%; margin:0 auto;}
#blog .en_info_tit         {width:100%; margin:0 auto; padding:0 0 3% 0; border-bottom:3px solid #ffbaba;}
#blog .en_info_tit strong  {float:none; width:100%; font-size:160%; line-height:1.2em;}
#blog .en_info_tit em      {padding:3% 0 0 0; float:none; width:100%; text-align:left; font-size:110%;}
#blog .en_info_box .en_img {width:100%; margin:0 auto; text-align:center; padding:3% 0; line-height:0;}
#blog .en_info_box .en_pdf {width:93%; margin:0 auto; text-align:center; padding:3% 0;}
#blog .en_info_box .en_tx  {width:93%; margin:0 auto; text-align:left; line-height:1.6em; overflow:hidden;}

#blog .en_img {width:93%; margin:0 auto; text-align:center; padding:3% 0;}
#blog .en_pdf {width:93%; margin:0 auto; text-align:center; padding:3% 0;}

#blog .en_img img {max-width:100%; height:auto; border:1px solid #eee;}
#blog .en_pdf img {max-width:100%; height:auto; border:1px solid #eee;}


/*===================================================================// 園　だ　よ　り カテゴリ内月次索引表示*/

/* mn:menu smn:sub menu */
.blog_mn {float:none; width:100%; margin-bottom:7%;}
.blog_mn em {display:block; background-images:none; background:#ffbaba; min-height:44px; color:#fff; margin:0; font-size:160% !important; line-height:44px; box-sizing:border-box; padding:0 0 0 3%; position:relative;}
.blog_mn em:before {content:""; width:100%; border:1px dotted #fff; position:absolute; top:2px; left:0;}
.blog_mn em:after {content:""; width:100%; border:1px dotted #fff; position:absolute; bottom:2px; left:0;}

.blog_mn .smn {background:url(/common/img/side_bg.gif) no-repeat bottom right #fff; width:100%; box-sizing:border-box; padding:0;}
.blog_mn .smn li {border-bottom:1px dotted #ffbbbc;}
.blog_mn .smn li a {display:block; padding:5% 3% 5% 8%; background:url(/common/img/side_arr.gif) no-repeat left; text-decoration:none;}
.blog_mn .smn li a:hover {text-decoration:underline;}

.blog_mn .mn_open  {cursor:pointer;}
.blog_mn .mn_close {display:none;}

.blog_index em:first-child{cursor:auto;}	/* 初回は開く必要が無い */
.blog_index em:{cursor:pointer;}
.blog_index ul:first-child{display:block;}/* 初回以外非表示 */
.blog_index ul{display:none;}
.blog_index li {border-bottom:1px dotted #ffbbbc;}
.blog_index li a {display:block; padding:3% 3% 3% 5%; background:url(/common/img/side_arr.gif) no-repeat left; text-decoration:none;}
.blog_index li a:hover {text-decoration:underline;}



}