@charset "UTF-8";
@import url("/css/common/common.css");
@import url("/css/common/base.css");


/*----- Photo 共通 設定 ----------------------------------------------------*/

section#photoArea { width:100%; padding:50px 0 30px 0; margin:0; float:left; }

section#photoArea h1{ width:100%; height:65px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/photo.png) center bottom no-repeat; background-size:auto 100%; float:left; }

/*----- Photo一覧 設定 ----------------------------------------------------*/

ul#p_list { width:100%; padding:0px; margin:30px 0 0 0; float:left; }
ul#p_list li{ width:18%; padding:0; margin:0 1% 20px; 1%; text-align:center; float:left; }

/*----- ページナビ設定 ----------------------------------------------------*/

ul#page_link { width:90%; padding:0; margin:10px 0 0 5%; float:left; }
ul#page_link li{ height:28px; margin-right:15px; font-size:12px; line-height:28px; float:left; }
.navi_txt { color:#674a16; }
.navi_box { width:28px; height:28px; padding:0px; margin:0 5px 0 0; border:solid 1px #483314; text-align:center; float:left; }

a.navi_l { width:28px; height:28px; color:#b58637; }
a.navi_l :hover{ background-color:#b58637; color:#fff; }

ul#page_link a{ width:28px; height:28px; color:#fff; text-decoration:underline; }
ul#page_link a:hover{ color:#674a16; text-decoration:underline; }

/*----- Photo詳細 設定 ----------------------------------------------------*/

section#photoArea h2{ width:90%; padding:0px; margin:20px 5%; font-size:14px; line-height:22px; text-indent:2%; color:#fff; border-bottom:solid 1px #fff; float:left; }
section#photoArea p{ width:90%; padding:0 0 20px 0; margin:0 5%; text-align:center; border-bottom:solid 1px #fff; float:left; }

/*----- PREV NEXTボタン 設定 ----------------------------------------------------*/

nav.page_navi { width:70%; padding:0px; margin:20px 0 30px 15%; float:left; }

ul#prev_next_area { width:100%; height:35px; padding:0px; margin:10px 0 0 0; clear:both; }

ul#prev_next_area li{ width:30%; height:35px; margin:0 1%; display:block; float:left; }
ul#prev_next_area span{ display: none; }
ul#prev_next_area a{ width:100%; height:35px; font-size:14px; font-weight:bold; color:#fff; line-height:35px; text-align:center; background-color:#b58637; border:solid 1px #483314; text-shadow:1px 1px 1px #333; overflow:hidden; display:block; }
ul#prev_next_area a{
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
ul#prev_next_area a:hover{ background-color:#714f1f; }

.prev_next_n { width:100%; height:35px; font-size:12px; line-height:35px; text-align:center; overflow:hidden; background-color:#d3b88b; color:#eee; display:block; }
.prev_next_n {
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

/*----- 980px以下の画面設定 ----------------------------------------------------*/

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


}

/*----- 650px以下の画面設定 ----------------------------------------------------*/

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

	section#photoArea { width:100%; padding:30px 0 0 0; margin:0; float:left; }
	section#photoArea h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }

	/* photo list */
	ul#p_list li{ width:31%; }

	/* page navi */
	nav.page_navi { width:97%; padding:0px; margin:30px 0 20px 3%; float:left; }
	ul#prev_next_area a{ font-size:80%; }

}