#indexphotos {position:relative; }
#indexphotos img {width:100%; }

@media screen and (max-width:679px) { /* スマホ用 */
#indexphotos {width:100%; }
#indexphotos img {}

}

@media screen and (min-width:680px) { /* PC用 */
#indexphotos {max-height:600px; max-width:680px; overflow:hidden; margin-left:auto;margin-right:auto; }
}

/* インデックスメニュー　３×３ */
#indexmenu {margin:0 auto 0; width:100%; }
#indexmenu ul {display:flex; flex-wrap: wrap; }
#indexmenu li {text-align:center; border-right:dashed 2px #ddd; box-sizing:border-box; }
#indexmenu li:last-child {border-right-width:0; }
#indexmenu li a {width:90%; margin:0 auto; display:block; }


#indexmenu p.allmenutop {text-align:center; padding-top:12px; z-index:800; }

#indexmenu ul#allmenu {background-color:white; margin-top:-40px; z-index:899; position:relative; }
#indexmenu li.navi2 {}
#indexmenu li.navi2 a {display:block; padding:10px 0; border:solid 1px #bdbdbd; }
#indexmenu li.navi2 img {}

@media screen and (max-width:679px) { /* スマホ用 */
#indexmenu ul {width:94%; margin:0 auto -12px; }
#indexmenu li {width:33.333%; margin:0 0 12px; }
#indexmenu li:nth-child(3) {border-right-width:0; }
#indexmenu p.allmenutop img {width:50%; }
#indexmenu li.navi2 a {margin:8px 4px; }
}

@media screen and (min-width:680px) { /* PC用 */
#indexmenu { }
#indexmenu ul {}
#indexmenu li {width:16.666%; margin:0; }
#indexmenu li a img {width:100%; }
#indexmenu p.allmenutop img {width:300px; }
#indexmenu li.navi2 {padding-top:20px; }
#indexmenu li.navi2 a {margin:10px 8px;  }
#indexmenu li.navi2 img {width:136px; }
}


/* お知らせ（インデックストピックス） */
#indextopics {margin:10px auto 0; }
#indextopicsin {background-color:#fffede; border:solid 2px #edddb1; margin:0; padding:6px 0 0; }
#indextopics h3 {width:30%; }
#indextopics ul {margin:0 auto; }
#indextopics li {margin:20px 0; background:url(../image/index/topics-listhead.gif) no-repeat left top;
	background-size:40px 40px; padding-left:46px; }
#indextopics li:first-child {margin-top:0; }
#indextopics li span.date {display:block; font-size:90%; color:green; }
#indextopics li strong {color:#bb390b; font-size:110%; }

@media screen and (max-width:679px) { /* スマホ用 */
#indextopics {width:96%; }
#indextopics h3 {width:40%; }
#indextopics ul {width:88%; }
}

@media screen and (min-width:680px) { /* PC用 */
#indextopics {width:90%; }
#indextopics h3 {width:30%; }
#indextopics ul {width:80%; }

}



/* ブログのタイトル表示
　※ブログタイトル部分のデザイン設定は rcc/index.php の中で直接！ */
#blogtitle {margin:40px auto 0; position:relative; }
#blogtitle iframe {border:0; overflow:hidden; height:280px; padding:0; }

#blogtitle .blogtitlephoto {position:absolute; left:0; text-align:center; }
#blogtitle .blogtitlephoto img {width:95%; }

@media screen and (max-width:679px) { /* スマホ用 */
#blogtitle {width:90%; min-height:160px; padding:0; }
#blogtitle .blogtitlephoto {width:45%; top:16px; }
#blogtitle .blogtitlephoto img {max-height:220px; width:auto; }
#blogtitle iframe {width:55%; margin-left:45%;  }
}

@media screen and (min-width:680px) { /* PC用 */
#blogtitle {width:76%; margin:40px auto; }
#blogtitle .blogtitlephoto {width:25%; top:0px; }
#blogtitle iframe {width:70%; margin-left:30%; }
}



/* アクセス */
#access {margin:30px 0 0; }


#indexgooglemap {}
#indexgooglemap iframe {border:0; }

@media screen and (max-width:679px) { /* スマホ用 */
#access {width:100%; }
#access img {width:100%; }
}

@media screen and (min-width:680px) { /* PC用 */
#access {width:430px; }
#access img {width:100%; }
}