@charset "utf-8";
body {
  background-image: url('../images/body image.jpg');
  background-position: left 70% top 0%;
  background-repeat: no-repeat;
  margin:0;
  padding:0;
  color:#333;
  font-size: 15px;
}

/* スタイルシート　*/
a { color: #B7A077; }
a:visited { color: #826B44; }
a:hover {
  color: #8FBBD8;
  font-weight: bold;
  text-decoration: none;
}
a:hover img { opacity: 0.7; }

.main_image img {
  width: 980px;
}

h1, h2, h3, h4, h5, h6 { margin-top: 0; }

p {
margin-top: 0;
line-height:1.6;
padding-left: 8px;
}

img { vertical-align: bottom; }

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

#main {
  background: #ffffff;
  padding:10px;
  border-radius: 3px;
  width: 730px;
  float:left;
}
#main h1 {
  padding:9px 15px;
  font-size:26px;
  background: #F3F6FB;
  background: linear-gradient(to left, #F3F6FB 0%, #CCE4FF 100%);
  border-bottom: solid 1px #0087ff;
 }

 #main h2 {
   font-size:22px;
   background: #EFF9F3;
   background: linear-gradient(to left, #8FD8D2 0%, #EFF9F3 100%);
   border-bottom: 2px solid #8FD8D2;
   border-left: 7px solid #8FD8D2;
   padding: 2px 15px;
 }

 #main h3 {
   font-size:19px;
   border: double 1px #ccc;
  border-radius: 5px;
   padding: 2px 15px;
 }

 #right {
   background: #ffffff;
   padding:5px;
   border-radius: 3px;
   float: right;
 }

 #main_visual_top {
   width: 980px;
   height:400px;
   margin:0 auto 10px;
   padding:5px;
   overflow: hidden;
 }

 #main_visual {
   width: 980px;
   height:280px;
   background-position: bottom;
   margin:0 auto 10px;
   padding:5px;
   overflow: hidden;
 }

 #news dl { overflow: hidden; }
 #news dt {
  width: 8em;
  float: left;
  margin-bottom: 10px;
  clear: both;
}
#news dd {
  margin-left: 8em;
  margin-bottom: 10px;
}

#main article {
  font-size:16px;
}

article.main_menu {
 width:980px;
 margin-bottom:5px;
 text-align:center;
 padding: 5px;
 background: #ffffff;
 font-size: 16px;
}

.main_menu_title {
  background: #333;
  background: -webkit-linear-gradient(top, #b16a23 20%,#dc954e 50%,#6a4015 51%,#472b0e 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-family: serif;
  }

article.main_menu h1 {
  background: #f5deb3;
  padding: 3px;
  background: radial-gradient(circle, #ffdead 0%, #441908 100%);
  border-bottom: double 5px #441908;
  margin-bottom: 3px;
  font-size:29px;
}

h2.twitter_h2 {
  font-size:22px;
  background: #CCE4FF;
 background: linear-gradient(to left, #CCE4FF 0%, #F3F6FB 100%);
 border: 2px solid #CCE4FF;
  padding: 2px 15px;
}

/*
 header {
   width:980px;
   margin: 0 auto;
 }
*/

header {
  margin: 5px;
}

header h1 {
   float:left;
    margin:5px 0px 7px;
    }

hr.gradient {
    border-bottom:  30px solid #33000b;
    border-image: linear-gradient(to right, #4b2d16 0%, #120502 100%);
    border-image-slice: 1;
    clear: both;
  }

 header #header_contact {
   float: right;
   margin:35px 0 0;
 }

 header h1 a:hover img {
      opacity: 1;
  }


#global_navi {
  clear: both;
  overflow: hidden;
  margin:5px 0px;
  font-size:17px;
  background-color: #120502;
}

#global_navi ul {
  list-style: none;
  margin: 0 0 0 7px;
  padding:0;
}

#global_navi ul li {
  width:180px;
  float:left;
  margin:4px 5px 5px 6px;
  text-align: center;
}

/* ナビゲーションの色など　*/
#global_navi ul li a {
  display: block;
  padding:7px;
  background: linear-gradient(to bottom,  #441908 0%, #260908 100%);
  color: #fff;
  text-decoration:none;
  border: solid 1px #b7a077;
  transition: background-color 0.2s linear;
}

/*現在値を示す色*/
#global_navi ul li.current a {
  background: #865e46;
}

#global_navi ul li a:hover {
  background: #55250c;
}


#global_navi2 {
  clear: both;
  overflow: hidden;
  font-size:17px;
  background-color: #120502;
}

#global_navi2 ul {
  list-style: none;
  padding:2px 2px 2px 5px;
}

#global_navi2 ul li {
  width:215px;
  margin:4px 5px;
  text-align: center;
}

/* ナビゲーションの色など　*/
#global_navi2 ul li a {
  display: block;
  padding:7px;
  background: linear-gradient(to bottom,  #441908 0%, #260908 100%);
  color: #fff;
  text-decoration:none;
  border: solid 1px #b7a077;
  transition: background-color 0.2s linear;
}

/*現在値を示す色*/
#global_navi2 ul li.current a {
  background: #865e46;
}

#global_navi2 ul li a:hover {
  background: #55250c;
}

#global_navi2 h2 {
  background:#00004d;
  border-bottom:1px double #33ccff;
  color: #fff;
  padding:7px;
  font-size:20px;
  text-align: center;
  margin: 4px 0px;
}

#wrapper {
  width:980px;
  margin: 0 auto;
  overflow: hidden;
}


#sidebar {
  width: 220px;
  float:right;
}

#sidebar2 {
  width: 220px;
  float:left;
  margin-right: 7px;
}

#side_banner {
  margin-bottom: 3px;
}

#side_banner h2 {
  background: #007BFF;
  background: linear-gradient(to bottom, #007BFF 0%, #CCE4FF 100%);
  border: 1px solid #8CC3FF;
  color: #fff;
  padding:7px;
  font-size:14px;
  text-align: center;
  margin: 4px 0px;
}

#side_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#side_banner ul li { margin-bottom: 5px; }

#side_banner ul li a img { width: 220px; }

#side_contact ul li { margin-bottom: 30px; }

#side_contact {
  color: #000000;
  background: #E9FCF9;
  text-align: center;
  padding: 5px;
}

#side_contact h2 {
  background-color: #68AEA4;
  color: #fff;
  padding: 7px;
  font-size:14px;
}

#side_contact address {
  font-weight: bold;
  font-size: 20px;
}

#side_contact address img {
  vertical-align: middle;
  margin-right: :5px;
}

#side_contact .contact_button {
  display: inline-block;
  background: #f1ede4;
  background: -webkit-linear-gradient(to bottom, #ffffff 0%, #a9ceec 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #a9ceec 100%);
  color:#125478;
  padding: 10px;
  border: 1px solid #7cd2ff;
  border-radius: 5px;
  text-decoration: none;
}

#side_contact .contact_button:hover {
  background: #b7a077;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9ceec), color-stop(100%,#d8f0ff));
  background: -webkit-linear-gradient(top,  #a9ceec 0% #d8f0ff 100%);
  background: linear-gradient(to bottom, #a9ceec 0% #d8f0ff 100%);
  color:#125478;
}

footer {
   background-color: #120502;
   text-align: center;
}

footer #footer_nav {
  background-color: #441908;
  padding: 10px 0;
}

footer #footer_nav ul {
  list-style: none;
  margin: 0
  padding: 0
}

footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}

footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}

footer small {
  display: block;
  padding: 8px 0;
  color: #ffffff;
}

#breadcrumb { font-size:small; }
#breadcrumb ol {
   list-style: none;
   margin: 0;
   padding: 0;
}
#breadcrumb ol li { display: inline; }
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after { content: none; }

#gallery ul {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

#gallery ul li {
   width: 220px;
   margin: 0 30px 30px 0;
   padding: 10px 0;
   border: solid 1px #ccc;
   float:left;
   text-align: center;
   color: #b7a077;
   font-weight:bold;
   box-shadow: 4px 4px 5px rgba(0,0,0,0.1);
}

#gallery ul li:nth-child(3n) {
  margin-right: 0;
}

#gallery ul li a img {
  width: 195px;
  height: 150px;
  object-fit: cover;
  object-fit: none;
}

#entry dl {
   background: #f0f8ff;
   border: 1px solid #bbdbf3;
   border-top: 0;
}
#entry dl dt,
#entry dl dd {
   padding: 10px;
   border-top: 1px solid #bbdbf3;
}

#entry dl dt {
   width: 17em;
   float:left;
   clear: both;
   font-weight: bold;
}

#entry dl dd {
  background-color: #fff;
  border-left: 1px solid #bbdbf3;
  margin-left: 17em;
}

.must { color: #f00; }

#entry #name {
  width: 15em;
  padding: 3px;
}
#entry #email {
  width: 25em;
  padding: 3px;
}

#entry #category2,
#entry #category3,
#entry #questionnaire2,
#entry #questionnaire3 {
  margin-left: 15px;
}
#entry #detail {
  width: 36em;
  height: 15em;
}

#entry #submit_button_cover {
  text-align: center;
}

#entry #submit_button {
  background: -webkit-linear-gradient(to bottom, #ffffff 0%, #a9ceec 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #a9ceec 100%);
  border: 1px solid #7cd2ff;
  padding: 15px 100px;
  border-radius: 10px;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
  transition: background-color 0.1s linear;
}

#entry #submit_button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9ceec), color-stop(100%,#d8f0ff));
  background: -webkit-linear-gradient(top,  #a9ceec 0% #d8f0ff 100%);
  background: linear-gradient(to bottom, #a9ceec 0% #d8f0ff 100%);
}

/* Google Fonts 読み込み */
@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap");

/* 全体を囲うコンテナー */
.container {
  width: 218px;
  height: 148px;
  background-color: #15151e;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin:5px 0px;
}

/* 時計の共通スタイル */
.clock {
  font-family: 'Share Tech Mono', monospace;
  color: #daf6ff;
  text-shadow: 0 0 20px #0aafe6;
  line-height: 15px;
  text-align: center;

}

/* 日付のスタイル */
.clock-date {
  font-size: 20px;
}

/* 時間のスタイル */
.clock-time {
  font-size: 40px;
}

/* 文字サイズ調整 */
@media screen and (max-width: 500px) {
  .clock-date {
    font-size: 5vw;
  }
  .clock-time {
    font-size: 20vw;
  }
}

.marquee p {
	margin:0;
  padding-left:1000px;
  display:inline-block;
  white-space:nowrap;
	animation-name:marquee;
  animation-timing-function:linear;
	animation-duration:15s;
  animation-iteration-count:infinite;
	}
@keyframes marquee {
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	}