@charset 'UTF-8';

/* ページタイトル */
#top_img { background:url('../images/top2.jpg'); width:100%; text-align:center; background-size: cover; min-height:500px; }
#top_img h1 { position: relative; top:150px; text-shadow: 2px 2px 4px #123; filter: drop-shadow(3px 3px 5px #000);

  animation-duration: .8s;
  animation-fill-mode: both;
  animation-name: fadeInDownBig;
}
#top_img h1 img { width:600px; }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*下層*/
#top_img2 { background:url('../images/top2.jpg'); width:100%; text-align:center; background-size: cover; }
#top_img2 img { width:400px; margin:3em 0; filter: drop-shadow(3px 3px 5px #000); }

main { width:1350px; margin:0 auto; }
.gallery img { box-shadow: 3px 5px 5px #999; }

/* モニター幅1200px以下 */
@media only screen and (max-width:1200px) { 
main { width:100%; }
}

/* モニター幅980px以下 */
@media only screen and (max-width:980px) { 
#top_img h1 { position: relative; top:150px; }
#top_img h1 img { width:600px; }
#top_img { min-height:500px; }
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
#top_img h1 { position: relative; top:150px; }
#top_img h1 img { width:400px; }
#top_img { min-height:400px; }
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
#top_img h1 { position: relative; top:60px; }
#top_img h1 img { width:280px; }
#top_img { min-height:200px; }
#top_img2 img { width:280px; margin:2em 0; }
#top_disp img.l { width:95%; }

}

nav { background-color:#000; font-size:16px; }
nav a { color:#fff; margin:1em; display:inline-block; }
nav a:hover { color:#ccc; text-decoration:none; }

main {  }
main img { width:100%; margin:0; }


/* 見出し　本文 */
main h1, main h2, main h3, main h4, main h5, main h6, main p { margin:0 0 1em; padding:0.5em; }
.t01 { font-size:2em; }
.t01 a { color:#000; text-decoration:none; }
.t02 { font-size:1.6em; margin:0 0 1em 0; font-weight:normal; }
.t02 a { color:#000; text-decoration:none; }
.t03 { font-size:1.3em; font-weight:normal; }
.t03 a { color:#000; text-decoration:none; }


#top_disp { margin:1em 0.5em; text-align:center; color:#333; }
#top_disp img.s { width:300px; box-shadow: 3px 5px 10px #999; margin:1em; }
#top_disp img.l { width:400px; box-shadow: 3px 5px 10px #999; margin:1em; }
.top_txt { padding:0 3em; }
.top_txt p { margin:0 0 3em; }

#top_disp2 section { background-color:#f6f6f6; border:1px solid #ddd; padding:0.5em; }

/* リンク */
a { color:#03c; text-decoration:none; }
a:hover { text-decoration:underline; opacity: 0.6; }
a img { border:none; }

.bt { border-radius: 30px; margin:1em; padding:1em 2em; background-color: #c33; color:#fff; }
.bt:hover { background-color: #a00; box-shadow: 0 2px 10px 0 #999; color:#fff; text-decoration:none; }

.bt02 { display:inline-block; width:300px; margin:1em; padding:1em 2em; background-color: #c33; color:#fff; }
.bt02:hover { background-color: #a00; box-shadow: 0 2px 10px 0 #999; color:#fff; text-decoration:none; }

.bt_blog { border-radius: 30px; margin:1em; padding:0.5em 1em; background-color: #c33; color:#fff; font_size:13px; }
.bt_blog:hover { background-color: #a00; box-shadow: 0 2px 10px 0 #999; color:#fff; text-decoration:none; }


/* テーブル */
main table { margin:1em 10px; border:solid 1px #999; border-collapse:collapse; width:95%; }
main th { background-color:#39a; color:#fff; border:solid 1px #999; padding:0.2em; text-align:center; }
main td { color:#333; border:solid 1px #999; padding:0.2em; }

/* リスト */
main ul { margin:0.5em 2em; list-style-type: disc; }
main ul li {  }

main ol { margin:0.5em 2em; }
main ol li {  }

main dl	{ margin:0.5em 1em; }
main dt	{ font-weight:bold; }
main dd	{ margin:0 1em 0 2em; }



main section { margin:3em 0; }

.block01 { padding:0.5em; margin:1em 10px; background-color:#eee; }
.block02 { padding:0.5em; margin:1em 10px; border:1px solid #ccc; }
.block03 { padding:0.5em; margin:1em 10px; border:1px dotted #666; }

.L { text-align:left; }
.R { text-align:right; }
.C { text-align:center; }

.fr { float:right; }
#page_top { text-align:right; margin:1em; }

footer { background:url('../images/bg.gif'); color:#fff; text-align:center; margin:3em 0 0; padding:1em; }
footer div { background: #543; }
footer div span { display:inline-block; margin:0 1em; text-shadow: 1px 1px 3px #000; opacity:1.0; }
footer address { font-style:normal; padding:2em; text-shadow: 1px 1px 3px #000; filter: drop-shadow(3px 3px 5px #000);}


/* モニター幅1200px以下 */
@media only screen and (max-width:1200px) { 
body { font-size:18px; }
}

/* モニター幅980px以下 */
@media only screen and (max-width:980px) { 
body { font-size:16px; }
.t01 { font-size:1.6em; }
.t02 { font-size:1.6em; }
.t03 { font-size:1em; }
}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
body { font-size:14px; }
.fr { float:none; }
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
body { font-size:13px; }
.top_txt { padding:0 0.5em; }

nav { font-size:13px; }
}


/* ブログ */

.date { text-align:right; }
.next { text-align:right; }
video { width:100%; max-width:640px; }
article { max-width:900px; margin:0 auto; }