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

body{ min-width:320px; min-height:480px; margin:0 auto;	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/* header
----------------------------------------------------------*/
header{ position:relative;}
header h1{ margin:10px;}
header img.logo{ position:absolute; right:10px; top:0;}


/* top
----------------------------------------------------------*/
#main{position:relative; clear:both; background: url("/gallery/img/sp/bg1.png"), url("/gallery/img/sp/bg2.png")  ;-webkit-animation: cloudMove 8s infinite; animation: cloudMove 2s ease-out;margin:10px 0 0;  height:380px; -moz-background-size:100% auto;background-size:100% auto;  background-repeat:repeat-x; background-position:20px;}
@-webkit-keyframes cloudMove {
	0% {background-position: 0 0, 0 0;}
	50% {background-position: -40px 0, 30px 0;}
	100% {background-position: 0 0, 0 0;}
}
@keyframes cloudMove {
	0% {background-position: 0 0, 0 0;}
	50% {background-position: -40px 0, 30px 0;}
	100% {background-position: 0 0, 0 0;}
}
#main img.fish{ display:block; margin: 0 auto;}
#main ul.con_navi{width:302px; height:94px; margin:5px auto;}
#main ul.con_navi:hover > li{ opacity:0.6; }
#main ul.con_navi:hover >li:hover{opacity:1.0 }
#main ul li{float:left; margin-right:10px;}
#main ul li:last-child{ margin-right:-10px;}
#main #contents{ width:100%; background:url(/gallery/img/sp/bg_maru.png) no-repeat; background-position:center 10px ; background-size:82%; height:71%;}
#main #contents img{ margin:0 auto; display:block;}
#main #contents ul{ margin:0; }
#main #contents ul li img{width:90%; margin-top:15px;}
#main #contents img.con_t{ padding:30px 0 0; width:30%;}
#main #contents img.check{ width:10%;}
#main #contents img.sakana_t{ padding:5px 0 ; width:40%;}

/* footer
----------------------------------------------------------*/
footer{ position:relative; margin-top:20px; }
#link_pc{ display:block; margin:10px; padding:5px; border: double 3px #6AA6FF; color:#fff; text-decoration: none; font-weight:bold; text-align:center; background:#06F;}
footer ul{ clear:both; font-size:12px; text-align:center; margin:10px 0;}
footer ul li{ margin-right:5px; display:inline;}
footer ul li:last-child{ margin-right:-5px;}
footer ul.top li a{color:#2362a1;}
footer #copy{ background-color:#ce0b11; height:30px; padding:5px;}
footer #copy{ font-size:9px; color:#FFF; text-align:center;}
footer #copy a{ color:#fff;}

/* top_navi
----------------------------------------------------------*/
 .top_navi{ height:62px; width:320px; margin:10px auto 10px; }
 .top_navi ul li a{ background:url(/gallery/img/sp/top_navi.png) no-repeat; background-size:320px 62px; display:block; height:62px; width:320px; }
 .top_navi ul li{ float:left; overflow:hidden; text-indent:-9999px;}
 .top_navi ul li a{ display:block; }
 .top_navi ul li.name a{ width:107px; height:62px; }
 .top_navi ul li.kind a{ width:106px; height:62px; background-position:-107px 0; }
 .top_navi ul li.season a{ width:107px; height:62px; background-position:-213px 0; }
#main_season .top_navi ul li.name a,
#main_season .top_navi ul li.kind a,
#main_kind .top_navi ul li.name a,
#main_kind .top_navi ul li.season a,
#main_name .top_navi ul li.kind a,
#main_name .top_navi ul li.season a,
#main_name01 .top_navi ul li.kind a,
#main_name01 .top_navi ul li.season a{ opacity:0.5; }
#main_season .top_navi ul li.name a:hover,
#main_season .top_navi ul li.kind a:hover,
#main_kind .top_navi ul li.name a:hover,
#main_kind .top_navi ul li.season a:hover,
#main_name .top_navi ul li.kind a:hover,
#main_name .top_navi ul li.season a:hover,
#main_name01 .top_navi ul li.kind a:hover,
#main_name01 .top_navi ul li.season a:hover{ opacity:1.0; }


/* season
----------------------------------------------------------*/
#main_season{min-height:100%; color:#828181; min-width:100%; clear:both; }
#main_season ul.se_icn { min-height:100%; min-width:100%; text-align:center; margin:25px 0;}
#main_season ul.se_icn li{display:inline-block;}
#main_season ul.se_icn li:nth-of-type(1),#main_season ul.se_icn li:nth-of-type(2){margin-bottom:10px;}
#main_season ul.se_icn li:nth-child(odd) {margin-right:10px; }
#main_season ul.se_icn li a{ display:block; overflow:hidden; text-indent:-9999px; width:130px; height:120px;}
#main_season ul.se_icn li a.se_sp{ background:url(/gallery/img/sp/spring_off.gif) no-repeat;}
#main_season ul.se_icn li a.se_su{ background:url(/gallery/img/sp/summer_off.gif) no-repeat;}
#main_season ul.se_icn li a.se_au{ background:url(/gallery/img/sp/automn_off.gif) no-repeat;}
#main_season ul.se_icn li a.se_wi{ background:url(/gallery/img/sp/winter_off.gif) no-repeat;}
#main_season ul.se_icn li a:hover{opacity:0.7;}
#main_season ul.se_icn li a.se_sp:hover{ background:url(/gallery/img/sp/spring_on.gif) no-repeat;}
#main_season ul.se_icn li a.se_su:hover{ background:url(/gallery/img/sp/summer_on.gif) no-repeat;}
#main_season ul.se_icn li a.se_au:hover{ background:url(/gallery/img/sp/automn_on.gif) no-repeat;}
#main_season ul.se_icn li a.se_wi:hover{ background:url(/gallery/img/sp/winter_on.gif) no-repeat;}
#main_season h3{ padding:2px 10px; margin: 10px 5px 0 5px; font-weight:bold; background:#006cff; color:#fff; text-align: left; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius: 15px;}


/* kind
----------------------------------------------------------*/
#main_kind{min-width:100%; min-height:100%; color:#828181; font-size:23px; min-width:100%; clear:both;  }
#main_kind ul#kind{ margin-top:10px;}
#main_kind ul#kind li.icn01 { background:url(/gallery/img/sp/ki01.gif) no-repeat  15px 8px ;}
#main_kind ul#kind li.icn02 { background:url(/gallery/img/sp/ki02.gif) no-repeat  ; background-position:5% ;}
#main_kind ul#kind li.icn03 { background:url(/gallery/img/sp/ki03.gif) no-repeat  ; background-position:5% ;}
#main_kind ul#kind li.icn04 { background:url(/gallery/img/sp/ki04.gif) no-repeat  ; background-position:5% ;}
#main_kind ul#kind li.icn05 { background:url(/gallery/img/sp/ki05.gif) no-repeat  ; background-position:7% ;}
#main_kind ul#kind li{ padding-left:3em; border-bottom: dotted 3px #ccc;}
#main_kind ul#kind li a {background:url(/gallery/img/sp/link_icn.gif) no-repeat ; background-position:94%; }
#main_kind ul#kind li a:link{ display:block; color:#0a1759; font-size:25px; text-decoration:none; width:100%;}
#main_kind ul#kind li a:visited{color:#0a1759; }
#main_kind h3{ padding:2px 10px; margin: 10px 5px 0 5px; font-weight:bold; background:#2db345; color:#fff; text-align: left; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius: 15px;}
.accordion dt{cursor:pointer;background:url(/gallery/img/sp/link_icn.gif) no-repeat ; background-position:94%;  color:#0a1759; text-decoration:none;}
.accordion dd {overflow:hidden;}
#main_kind ul#kind li .accordion dd ul li { padding-top:0;padding-left:0;border-bottom: none !important; border-top: dotted 1px #ccc; padding:0;}
#main_kind ul#kind li .accordion dd ul li a{ font-size:0.7em; }


/* name
----------------------------------------------------------*/
#main_name{min-height:100%; color:#828181; font-size:23px; min-width:100%; clear:both; }
#main_name ul#key li{display: -moz-inline-box; /*for Firefox 2*/display: inline-block; /*for modern*/ width:18%;}
#main_name ul#key li a{ border: solid 2px #F99; text-decoration:none; color:#fff; display:block;  padding:2px; font-size:0.7em; line-height:1; text-align:center; height:1.2em; background-color:#FF3E43; border-radius:15px;-moz-border-radius:30px;-webkit-border-radius: 30px;}
#main_name ul#key li span{border: solid 2px #eee; text-decoration:none; color:#666; display:block;  padding:2px; font-size:0.7em; line-height:1; text-align:center; height:1.2em; background-color:#ddd; border-radius:15px;-moz-border-radius:30px;-webkit-border-radius: 30px; }

/* name01
----------------------------------------------------------*/
#main_name01{min-height:100%; color:#828181; font-size:23px; min-width:100%; clear:both; }
ul.list{}
ul.list li{ height:30px; text-align:center;}
ul.list li a{ text-align:left;background:url(/gallery/img/sp/link_icn.gif) no-repeat 94%; padding:2px 10px; width:85%; margin:0 auto; border-bottom: dotted 3px #ccc; font-size:15px; display:block; color:#0a1759; text-decoration:none;}


/* gallery
----------------------------------------------------------*/
#main_gallery{min-height:100%; min-width:100%; clear:both; }
#main_gallery .ga_con{ text-align:center; margin:20px auto 0 ; }
#main_gallery .ga_con p.title {color:#0A1759; font-size:25px; }
.ga_con .ex { text-align:left; display:block; margin:0 auto; width:90%; }
.ga_con .ex p{ text-indent:-0.5em; margin-left:0.5em; color:#333;}
.ga_con h3{ margin:0; padding:0;}
#main_gallery ul.con_foot{ margin:20px 0 0 15px;}
#main_gallery ul.con_foot li:last-child{ margin-top:10px;}
/*#main_gallery ul.con_foot li:first-child{ margin-right:10px;} */
dl#info dt{ padding:2px 10px; margin: 10px 5px 0 5px; font-weight:bold; background: #f65454; color:#fff; text-align: left; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius: 15px;}
dl#info dd{ padding:5px 15px; line-height:1.4; text-align:left; font-size:0.8em;}