@charset "Shift_JIS";
/*--------------------------------------
Base Settings
--------------------------------------*/
* {
	margin:0;
	padding:0;
}
body{
  background: #FFFFE0;
}
.wrapper {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 0px;
padding-top: 70px;
  background: #fff;
box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
.container {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 30px
}
.main{
  display: flex;
  width: 100%;
  top: 50; 
}
.content{
  flex: 1;
  height: 153px;
  padding: 50px 0;
  margin: 55px;
  /* padding: 10px; */
}
.left{
  background-color: lime;
}
.center{
  flex: 1;
  background-color: gray;
}
.right{
  background-color: skyblue;
}
.button {
  flex: 1 1 auto;
  height: 20px;
/*  width: 120px; */
  margin-top: 25px;
  margin-bottom: 10px;
  margin-left: 1px;
  margin-right: 1px;
  padding: 5px;
  border: 1px solid #f7f7f7;
  text-align: center;
  text-transform: none;
  position: relative;
  overflow: hidden;
  transition: .3s;
  color:red;
  background: none;
  border-radius: 10px; /*角丸*/

}
.button:after {
  position: absolute;
  transition: .3s;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 2px;
  background: black;
  color:red;
}
.button:hover {
  cursor: pointer;
  border: 1px solid white;
  color:red;

}
.button:hover:after {
  width: 100%;
  left: 0;
  color:red;
}
.ts-div{
  display: flex;
margin: 0 auto;  
}
h1 {
  padding: .0em .75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:red;
  margin-top: 10px;
  margin-left: 0px;
  margin-bottom: 20px;
}
h2 {
  padding: .0em 0.75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:brown;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}
h3 {
  padding: .0em 0.75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  color:blue;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 5px;
}
h4 {
  padding: .0em .75em;
  border: 0px solid #ccc;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 3px;
}
h5 {
  padding: .0em .75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 3px;
}
.dummy-line{
	width:100%;
	height:5px;
	background:red;

}
table {
  border-collapse: collapse;
  width: 90%;
  color: skyblue;

  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 20px;
  margin-right: 1px;
  border : 1px solid #7E57C2;
}

table th {/*table内のthに対して*/

  padding: 10px;/*上下左右10pxずつ*/
  background: #fff5e5;/*背景色*/
  border : 1px solid #7E57C2;
}

table td {/*table内のtdに対して*/
  text-align: left;
  border : 1px solid #7E57C2;
  padding: 3px 10px;/*上下3pxで左右10px*/
}
	.indent {
		padding-left: 1em;
	}

	/* 2行目以降の字下げ */
	.indentline {
		padding-left: 1em;
		text-indent: -1em;
	}


	/* 行末余白 */
	.marginbottom {
		margin-bottom: 2em;
	}

	/* 行末余白 */
	.marginbottom_wide {
		margin-bottom: 4em;
	}
header{
  height: 70px; /* 高さ */
  width: 100%; /* 長さ */
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  color:white;

  background: linear-gradient(black,#f7f7f7, black);
background-size: auto 85px;
/* background-size: cover; */
/* background-size: contain; */

  position: fixed; /* ヘッダーを固定(これが重要) */
  top: 0; /* 固定する位置 */
  left: 0; /* 固定する位置 */
  right: 0;  /* 固定する位置 */

}

footer{
  height: 30px;
  width: 100%;
  text-align:center;
  background-color: yellow;
}
.button a {
text-decoration:none;
}
.bg_001 {
 /*
■ 背景画像を複数指定　","で各種オプションも指定可能 
■ background-size: 100% auto
■ 横幅を100%　縦幅auto
■ padding:余白指定 をすることで背景画像を表示する高さを確保する
上下のサイズを足した高さになる
背景に文字を配置する場所により調整する
*/
 background: linear-gradient(to right, rgba(255, 255, 255, 1)20% , rgba(255, 210, 131, 0.5) ) , url(img/img002.png); 

    background-repeat:  no-repeat;                              /* 背景の繰り返し設定 */
    background-position: right;             /* 背景の位置指定 */

 background-size:contain ;


    text-align:  left;    /* 文字中央寄せ */
    padding:  50px 0px 250px ;        /* 余白指定 */
    border: solid 2px;      /* 枠線指定 */
}

.bg_001-text {
    border:  solid 0px;                             /* 枠線指定 */
    display:  inline-block;                         /* インラインブロックにする */
    padding: 10px 30px;                             /* 余白指定 */
    background-color: rgba(255, 210, 131, 0.5);    /*  背景色指定 */
  border-radius: 0px 20px 20px 0px; /*角丸*/
}
.box_pos_absolute {
 position: absolute;
  width: 120px;
  height: 50px;


 /*   margin: 0 auto;*/

    background-color: yellow;
    color: none;
    border: solid 2px #ccc;      /* 枠線指定 */
  border-radius: 10px 10px 10px 10px; /*角丸*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  margin: 10px 10px 10px 10px;
 }

.box_pos_relative {
 position: relative;
  width: 120px;
  height: 50px;
 top:0px;
 left:140px;
    background-color: red;
    color: none;
    border: solid 2px #ccc;      /* 枠線指定 */
  border-radius: 10px 10px 10px 10px; /*角丸*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
 }
.top-line{
	width:100%;
	height:5px;
	background:black;
  position: fixed; /* 位置をを固定(これが重要) */
  top: 0; /* 固定する位置 */
  left: 0; /* 固定する位置 */
  right: 0;  /* 固定する位置 */
}
.bottom-line{
width:100%;
	height:5px;
	background:black;

  position: fixed; /* 位置をを固定(これが重要) */
 /*   position: absolute;←絶対位置*/
    bottom: 0; /*下に固定*/
}
.logo01{
background: url('logo02.png');
background-size: cover;

  width: 120px;
  height: 50px;
  margin: 11px 0px 0px 20px;

}
ul {
list-style: square url('img/icon_sec.gif') inside
}
ul, ol {
  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 0.5em 0.5em 0.5em 2em;
}
ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}
.ts-div01{
  width: 100%-60px;

margin: 10px 30px 10px 30px ;  
}

/* 画像をウィンドウに合わせて拡大縮小 */
p.resizeimg img {
 width: 100%; 
}
/* モバイル版 */
@media (max-width: 600px){
  .wrapper {
    flex-direction: column;
  }
  .header,
  .container,
  .ts-div,
  .footer {
    width: 100%;
  }
}
.st-photohu {
	background:#fff;
  	border:1px solid #ccc;
    padding:10px 10px 20px;
    margin-bottom:20px;
    box-shadow: 0 10px 8px -6px #bebebe;
	display: inline-block;
	max-width:100%;
	box-sizing: border-box;
}
.st-photohu p.wp-caption-text {
  	margin-bottom:-10px;
}
.st-photohu div img {
  margin-bottom:5px;
  border:1px solid #ccc;
}