@charset "utf-8";



h1
{
margin-top:0px;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 7px #c71585;/*左線*/
border-bottom: solid 5px #d7d7d7;/*下線*/
font-size: 1.10em;
}



@media screen and (min-width: 1250px)
{
h1
{
margin-top:0px;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 7px #c71585;/*左線*/
border-bottom: solid 5px #d7d7d7;/*下線*/
font-size: 1.50em;
}
}



dl, dt, dd {
margin: 0;
padding: 0;
}



dt{
color:blue;
font-weight:bold;
}



dd {
margin-left: 2em;
margin-bottom:1em;
}



h2 {
  position: relative;
  padding: 0.5em 1em 0.5em 2em;
  border-radius: 100vh 0 0 100vh;
  background: #ffb6c1;
  font-size: 1.25em;
}



h2:before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}



h3
{
border-bottom: dashed 2px #6594e0;
}



h4 {
	position: relative;
	border-bottom: 3px solid #ddd;
	padding: 0px 0;
}



h4:before {
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 20%;
	height: 3px;
	content: '';
	background: #90ee90;
}



a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #0000ff; }
a:active { color: #0000ff; }



p
{
font-size:14px;
line-height: 150%;
}



body
{
font-size:14px;
line-height: 150%;
}



table{
border-collapse: collapse;
}



td,th{
border:1px solid #7f7f7f;
border-collapse: collapse;
padding-top:2.5px;
padding-bottom:2.5px;
line-height: 150%;
font-size:14px;
}



table.xyz{
border-collapse: collapse;
}



table.xyz td,th{
border:0px solid #7f7f7f;
border-collapse: collapse;
padding-top:2.5px;
padding-bottom:2.5px;
line-height: 150%;
font-size:14px;
}



/*縺薙％縺九ｉbody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳壹％縺薙°繧叡ody險ｭ螳�*/



@media screen and (min-width: 1450px) 
{
body
{
margin-left: calc(calc(100% - 1400px)/2);
margin-right: calc(calc(100% - 1400px)/2);
margin-top: 25px;
margin-bottom: 25px;
padding: 0;
}
}



@media screen and (min-width: 1250px) and (max-width: 1449px)
{
body
{
margin-left: calc(calc(100% - 1200px)/2);
margin-right: calc(calc(100% - 1200px)/2);
margin-top: 25px;
margin-bottom: 25px;
padding: 0;
}
}



@media screen and (min-width: 840px) and (max-width: 1249px)
{
body
{
margin-top: 15px;
margin-bottom: 15px;
margin-left: calc(calc(100% - 810px)/2);
margin-right: calc(calc(100% - 810px)/2);
padding: 0;
}
}



@media screen and (max-width: 839px)
{
body
{
margin: 15px;
padding: 0;
}
}



@media screen and (min-width: 840px)
{
.box1
{
 display: flex;
 justify-content: space-between	;
 align-items: stretch;
}
}



.item1
{
 flex-basis: 49%;
}



.item2
{
 flex-basis: 49%;
}



@media screen and (min-width: 1250px)
{
.sidebar
{
  float:left;
  width:27.5%;
  margin-right: 5%;
}
}



@media screen and (min-width: 1250px)
{
.main
{
  float:right;
  width:67.5%;
}
}



.container 
{
 display: flex;
 position: relative;
 justify-content: space-between	;
 align-items: stretch;
}



.content {
  max-width: 1200px;
  /*background-color: #eee;*/
}



.right-ad {
  width: 160px;
  height: 600px;
  background-color: #ccc;
}



.right-ad
{
position: absolute;
margin-left:1240px;
position: fixed;
background-color: #ccc;
}



@media screen and (max-width: 1449px)
{
.right-ad
{
display: none;
}
}



/*縺薙％縺九ｉ繝輔ャ繧ｿ繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳壹％縺薙°繧峨ヵ繝�ち繝ｼ險ｭ螳�*/



@media screen and (min-width: 1250px) 
{
.footer
{
  position: fixed;
    display: flex;
    justify-content: center; /*蟾ｦ蜿ｳ荳ｭ螟ｮ謠�∴*/
    align-items: center;     /*荳贋ｸ倶ｸｭ螟ｮ謠�∴*/
  bottom: 2px;
  width:100%;
  max-width: calc(100% - ((100% - 1200px)));
  height: 100px;
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  background-color: #ffc0cb;
  border: 1px solid #696969;
}
}



@media screen and (min-width: 840px) and (max-width: 1249px)
{
.footer
{
  position: fixed;
    display: flex;
    justify-content: center; /*蟾ｦ蜿ｳ荳ｭ螟ｮ謠�∴*/
    align-items: center;     /*荳贋ｸ倶ｸｭ螟ｮ謠�∴*/
  bottom: 2px;
  width:100%;
  max-width: calc(100% - (100% - 810px));
  height: 104px;
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  background-color: #ffc0cb;
  border: 1px solid #696969;
}
}


@media screen and (max-width: 839px)
{
.footer
{
  position: fixed;
    display: flex;
    justify-content: center; /*蟾ｦ蜿ｳ荳ｭ螟ｮ謠�∴*/
    align-items: center;     /*荳贋ｸ倶ｸｭ螟ｮ謠�∴*/
  bottom: 2px;
  width:100%;
  max-width: calc(100% - 30px);
  height: 104px;
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  background-color: #ffc0cb;
  border: 1px solid #696969;
}
}
