/*+++++++++++++++++++++++++++++++++++++++++++
	各ページ共通
+++++++++++++++++++++++++++++++++++++++++++ */

html,body{
    margin:auto;          /* ページ全体のmargin */
    padding:auto;         /* ページ全体のpadding */
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
    }

/* タイトル＋ロゴ*/ 
h1.icon-title {
    padding: 33px 0 38px;
    color: white;
    font-size: 2.3em;

}
.icon-title::before {
    vertical-align: middle;
    padding-right: 10px;
    display: inline-block;
}
.icon-aimpro::before {
    content: url('../../common/img/cheer-icon.png');
}

/* メインボックス*/
#container {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
	
.inside {
    position: absolute;
    top: 50%;
    left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 600px;
}
.shadow{
    box-shadow: 4px 4px 16px #808080;
}

.archive h2 {
    clear: both;
    position: relative;
    padding-left: 12px;
    font-size: 1.2rem;
    border-left: 8px solid #f79464;
}

 h2::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: -8px;
    width: 950px;
    height: 1px;
    border-top: 1px solid #f79464;
}

/* フッター*/ 
footer div.copyright {
    background-color: #595959;
    height: 20px;
    color: #FFFFFF;

}
.font12 {
    font-size: 12px;
    line-height: 150%;
}
footer {
    width: 100%;
    text-align: center;
    background-color: #ffffff;
}

/* ニュース項目の文字仕様：カーソルがかかった時のみ下線*/
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
/* リンクの文字色仕様*/
a:link,
a:visited { 
    color: black;
 }

a:hover,
a:active {
    color: #F79646; transition: 0.5s; 
}

/* ブロックリンクの場合*/
.no-line{
    text-decoration: none;
}

.no-line:hover {
  text-decoration: none;
}
/* リンクの文字色仕様*/
.no-line:link,
.no-line:visited { 
    color: black;
 }

.no-line:hover,
.no-line:active {
    color: #F79646; transition: 0.5s; 
}

 /* 「上へ戻る」ボタン*/
#page_top{
    width: 90px;
    height: 90px;
    position: fixed;
    right: 0;
    bottom: 0;
    opacity: 0.6;
}
#page_top a{
    position: relative;
    display: block;
    width: 90px;
    height: 90px;
    text-decoration: none;
}
#page_top a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #F79646;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -40px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#page_top a::after{
    content: 'PAGE TOP';
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 45px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #F79646;
}
  /* 20200423kaneko「上へ戻る」ボタン設置*/


/*+++++++++++++++++++++++++++++++++++++++++++
	トップページのCSS
+++++++++++++++++++++++++++++++++++++++++++ */

/*-------------------------------------------

TOPナビ

 --------------------------------------------*/
header {
    height:50px;
    position: fixed;
    top: 0px;
    background-color: #f9f9f5;
    /*opacity: 0.5;*/
    right: 0px;
    left: 0px;
    bottom: 0px;
    border-bottom:0.1em #f9f9f5 solid ;

}

.logo{
    margin-left: 50px;
    float: left;
    vertical-align: middle;
    padding-top: 3px;
}

.nav{
    margin-right: 50px;
    height:50px;
    font-size: 0.8em;
}

.nav_menu {
    margin-top: 7px;
    margin-bottom: 0px;
}
.nav_menu ul {
    display: inline-block;
    align-items: center;
}
.nav_menu li {
    display: inline-block;
    list-style: none;
    margin-right: 0px;
    padding: 10px;
}


/*-------------------------------------------

メインビジュアル

 --------------------------------------------*/
.wrapper {
    background-image: url(../pickup/image/topimage_4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    margin-top: 50px;
}

.catch_table{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    height: 600px;
    padding-top: 80px;
    color:#ffffff;
}

.catch_table td{
    vertical-align: top;
    text-align:center
}

.alph_1{
    vertical-align: bottom;
    width: 400px;
}


/*-------------------------------------------

イントロダクション

 --------------------------------------------*/
.intro {
    width: 100%;
    text-align: center;
    background-color: #F7964;
    padding-bottom: 10px;
    margin-bottom:20px;
}
/* メンバー紹介表 */

.border {
    border-bottom:0.1em #f79464 solid ;
    margin-top: 10px;
    padding-bottom: 5px;
}


/*-------------------------------------------

ニュース

 --------------------------------------------*/
.news {
    background-color: #f9f9f5;
    margin-top: 25px;
    margin-bottm: 25px;
}

.archive {
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f9f9f5 50%, #f9f9f5 100%);
}
.news_table td{
    padding: 3px 0 ;
}


.pickup{
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 2%, #f9f9f5 2%, #f9f9f5 100%);
    margin-top: 25px;
    margin-bottm: 25px;
}


/*-------------------------------------------

ピックアップメンバー一覧

 --------------------------------------------*/

/* BOX仕様 */
.box_contents {
    display:block;
    width: 100%;
}

.child1 {
    padding: 1.5em 2em;
    margin: 0.5em 0.5em;
    color: #899a9f;/*文字色*/
    background: #FFF;
    border: solid 1px #ffffff;/*線*/
    border-radius: 10px;/*角の丸み*/
    width: 40%;
    height:600px;
    display: inline-block;
    vertical-align: top;
}

.child1 p {
    margin: 0; 
    padding: 0;
    line-height: 1.8em;
    text-align:left;
    vertical-align: top;
}

.child2 {
    padding: 1.5em 2em;
    margin: 1.5em 0.5em;
    color: #899a9f;/*文字色*/
    background: #FFF;
    border: solid 1px #ffffff;/*線*/
    border-radius: 10px;/*角の丸み*/
    width: 40%;
    height:400px;
    display: inline-block;
    vertical-align: top;
}

.child2 p {
    margin: 0; 
    padding: 0;
    line-height: 1.8em;
    text-align:left;
    vertical-align: top;
}

.child3 {
    padding: 1.5em 2em;
    margin: 1.5em 0.5em;
    color: #899a9f;/*文字色*/
    width: 40%;
    height:400px;
    display: inline-block;
    vertical-align: top;
}

.child3 p {
    margin: 0; 
    padding: 0;
    line-height: 1.8em;
    text-align:left;
    vertical-align: top;
}


/* もっと見る画像ボタン*/
/* 画像をホバーした */
img.more_button:hover{
 
  /* 透明度を上げることで、画像の色を薄く見せる。*/
  opacity:0.6;
 
  /* リンクをホバーしたときのカーソルにする。*/
  cursor: pointer;
}
/* もっと見る画像ボタン*/
/* 画像をクリックした瞬間 */
img.more_button:active{
 
  /* 要素を若干下に下げることで、押した感じを出す。*/
 
  /* 今いる位置から相対的に3px下に配置する。*/
  position: relative;
  top: 3px;
}

/* もっと見る画像ボタン1*/

.more_button1:hover{
 
  /* 透明度を上げることで、画像の色を薄く見せる。*/
  opacity:0.6;
 
  /* リンクをホバーしたときのカーソルにする。*/
  cursor: pointer;
  background: #F79646;
  color: white;
}
/* もっと見る画像ボタン1*/
/* 画像をクリックした瞬間 */
.more_button1:active{
 
  /* 要素を若干下に下げることで、押した感じを出す。*/
 
  /* 今いる位置から相対的に3px下に配置する。*/
  position: relative;
  top: 3px;
}
.more_button1 {
  display: inline-block;
  padding: 1em 1em;
  margin-bottom: 5px;
  text-decoration: none;
  color: #F79646;
  border: 2px solid #F79646;
  border-radius: 3px;
  transition: .4s;
  width: 300px;
  background : #ffffff;
  outline: none;
}

/* もっと見る画像ボタン2*/

.more_button2:hover{
 
  /* 透明度を上げることで、画像の色を薄く見せる。*/
  opacity:0.6;
 
  /* リンクをホバーしたときのカーソルにする。*/
  cursor: pointer;
  background: #F79646;
  color: white;
}

/* もっと見る画像ボタン2*/
/* 画像をクリックした瞬間 */
.more_button2:active{
 
  /* 要素を若干下に下げることで、押した感じを出す。*/
 
  /* 今いる位置から相対的に3px下に配置する。*/
  position: relative;
  top: 3px;
}
.more_button2 {
  display: inline-block;
  padding: 0.8em 0.8em;
  text-decoration: none;
  color: #F79646;
  border: 2px solid #F79646;
  border-radius: 3px;
  transition: .4s;
  width: 300px;
  background : #ffffff;
  outline: none;
}

/*-------------------------------------------

リンクエリア

 --------------------------------------------*/

.link4box ul {
    display: inline-block;
    align-items: center;
    list-style: none;

}
.link4box li {
    display: inline-block;
    list-style: none;
    margin: auto;
    padding: 10px;
    vertical-align: middle;
}
/*
.linkArea {
    width: 100%;
    text-align: center;
    background-color: #595959;
    color: #FFFFFF;
}
*/