@charset "UTF-8";
/*definition:deepblue=#2a4073,blue=#507ea4,backgroundcolor=#fbfaf5,deeppink=#e95295,pink=#fdeff2*/
body{
  background-color:#fbfaf5;
  color:#383c3c;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";z
}
h1{
  background:#2a4073;
  color:#fbfaf5;
  font-size:1.3em;
  text-align:center;
}
h2{
  font-size:1.0em;
  font-weight:normal;
  color:#383c3c;
}
h3{
  font-size:0.95em;
  font-weight:normal;
}
p{
  font-size:0.8em;
}
/*link*/
a:link{
  color:#2a4073;
}
a:hover{
  color:#e95295;
  background:#fdeff2
}
a:visited{
  color:#e95295;
}
/*p*/
p{
  font-size:0.85em;
  color:#383c3c;
}
/*footer*/
footer{
  text-align:center;
  font-size:0.7em;
  color:#383c3c;
}
footer a:link{
  color:#383c3c;
  background:none;
  text-decoration:none;
}
footer a:hover{
  color:#383c3c;
  background:none;
  text-decoration:none;
}
footer a:visited{
  color:#383c3c;
  background:none;
  text-decoration:none;
}
/*list*/
.nonstyle{
  list-style-type:none;
  margin:0px;
  margin-top:0px;
  padding:0px;
}
/*hr*/
hr{
  border-width:1.5px 0px 0px 0px;
  border-style:dotted;
  border-color:#e198b4;
  height:1.5px;
}
/*news*/
.newstitle{
  font-size:0.9em;
}
.scroll {
   height:200px;
   width:350px;
   overflow: hidden;
   overflow-y:scroll;
   border: #e95295 1.5px dashed;
 }
.newlist,dd,dt{
  font-size: 0.8em;
  color:#383c3c;
}
.vanishline{
  text-decoration:line-through;
}
@media (min-width:751px) {
/*definition:deepblue=#2a4073,blue=#507ea4,backgroundcolor=#fbfaf5,deeppink=#e95295,pink=#fdeff2*/
/*menulist*/
#nav {
  width: 750px;
  height: 40px;
  margin:auto;
  padding: 0;
  display: flex;
  text-align:center;
}
#nav li {
  position: relative;
  list-style: none;
}
#nav li a {
  display: block;
  width: 150px;
  height: 40px;
  text-align: center;
  color: #fbfaf5;
  font-size: 14px;
  line-height: 2.8;
  background:#2a4073;
  text-decoration: none;
}
#nav li a:hover {
  color: #fbfaf5;
  background: #507ea4;
}
#nav > li li:hover > a {
  background: #507ea4;
}
#nav li ul {/*子*/
  top: 40px;
  left: -40px;
  position: absolute;
}
#nav li ul li {
  overflow: hidden;
  height: 0;
}
#nav li ul li a {
  border-top: 1px solid #2a4073;
}
#nav li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
/*contents*/
.contents{
  width:1370px;
}
/* ↓レイアウト全体領域 */
.display{
 display: table;
 width: 750px;
 margin:auto;
}
/*Timeline*/
.left{
 display: table-cell;
 vertical-align:top;
}
/*Twitter*/
.right{
 display: table-cell;
 vertical-align:top;
}
/*article*/
.main{
width:750px;
word-wrap:break-word;
text-align:left;
margin:auto;
}
}
@media (min-width:351px) and (max-width:750px) {
/*definition:deepblue=#2a4073,blue=#507ea4,backgroundcolor=#fbfaf5,deeppink=#e95295,pink=#fdeff2*/
#nav li{
  list-style:none;
}
#nav li ul li::before{
}
#nav li ul li{
  margin-left:-40px;
}#nav li a {
  display: block;
  width:350px;
  color: #fafaf5;
  font-size: 14px;
  background: #2a4073;
  border-bottom: 1px solid #2a4073;
  text-align:center;
  text-decoration:none;
}
#nav li a:hover {
  color: #fafaf5;
  background: #507ea4;
}
/* ↓レイアウト全体領域 */
/*twitter-news*/
.display{
  width:350px;
  margin:auto;
}
/*article*/
.main{
  width:350px;
  word-wrap:break-word;
  text-align:left;
  margin:auto;
}
}
@media (max-width:350px) {
/*definition:deepblue=#2a4073,blue=#507ea4,backgroundcolor=#fbfaf5,deeppink=#e95295,pink=#fdeff2*/
/*menulist*/
#nav li{
  list-style:none;
}
#nav li ul li::before{
}
#nav li ul li{
  margin-left:-40px;
}#nav li a {
  display: block;
  width:250px;
  color: #fafaf5;
  font-size: 14px;
  background: #2a4073;
  border-bottom: 1px solid #2a4073;
  text-align:center;
  text-decoration:none;
}
#nav li a:hover {
  color: #fafaf5;
  background: #507ea4;
}
/*テキスト表示*/
.main{
width:300px;
word-wrap:break-word;
text-align:left;
margin-top:0px;
}
/*news*/
.scroll {
 width:300px;
}
}
}