@charset "utf-8";
/* CSS Document */

/* フッタ */
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.footer{
 width:        100%;
 margin-top:   auto;
 margin-left:  auto;
 margin-right: auto;
 background:   #999999;
}
}

@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.footer{
 width:        100%;
 margin-top:   auto;/*　footer下部　*/
 margin-left:  auto;
 margin-right: auto;
 background:   #999999;
 box-shadow:   0px 1px #000;/*　MS EDGE IE11　*/
}
}

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.footer_body{
 margin-left:   auto;
 margin-right:  auto;
 padding:       30px 0px 30px 0px; 
 width:         350px;
 height:        100%;
 color:         #FFF;
 font-size:     0.4rem;
 text-align:    center;
}
.footer_icon_area{
 margin-top:      15px;
 margin-left:     auto;
 margin-right:    auto;
 width:           350px;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
}
.footer_navi{
 margin-top:      30px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_text_area{
 margin-top:      15px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_icon_left{
 width:      100px;
 text-align: right;
}
.footer_icon_center{
 width:      100px;
 text-align: center;
}
.footer_icon_right{
 width:      100px;
 text-align: left;
}
.footer_icon_space{
 width:      25px;
}
.footer_text_left{
 width:       160px;
 text-align:  right;
 align-items: flex-end;
}
.footer_text_right{
 width:       160px;
 text-align:  left;
 align-items: flex-end;
}
.footer_center{
 width:      30px;
 text-align: center;
}
.icon_footer_sns{
 width:  36px;
 height: 36px;
}
a.footer_text:link {    color: #FFF; text-decoration:none}
a.footer_text:visited { color: #FFF; text-decoration:none}
a.footer_text:hover {   color: #FFF; text-decoration:none}
a.footer_text:active {  color: #FFF; text-decoration:none}
}

@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.footer_body{
 margin-left:   auto;
 margin-right:  auto;
 padding:       50px 0px 50px 0px; 
 width:         768px;
 height:        100%;
 color:         #FFF;
 font-size:     0.5rem;
 text-align:    center;
}
.footer_icon_area{
 margin-top:      20px;
 margin-left:     auto;
 margin-right:    auto;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
}
.footer_navi{
 margin-top:      50px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_text_area{
 margin-top:      25px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_icon_left{
 width:      100px;
}
.footer_icon_center{
 width:      100px;
}
.footer_icon_right{
 width:      100px;
}
.footer_icon_space{
 width:      25px;
}
.footer_text_left{
 width:       170px;
 text-align:  right;
 align-items: flex-end;
}
.footer_text_right{
 width:       170px;
 text-align:  left;
 align-items: flex-end;
}
.footer_center{
 width:      40px;
 text-align: center;
}
.icon_footer_sns{
 width:  50px;
 height: 50px;
}
a.footer_text:link {    color: #FFF; text-decoration:none}
a.footer_text:visited { color: #FFF; text-decoration:none}
a.footer_text:hover {   color: #FFF; text-decoration:none}
a.footer_text:active {  color: #FFF; text-decoration:none}
}

@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
#footer_navi a:link {    color: #FFF; text-decoration:none; font-size:12px;}
#footer_navi a:visited { color: #FFF; text-decoration:none; font-size:12px;}
#footer_navi a:hover {   color: #FFF; text-decoration:none; font-size:12px;}
#footer_navi a:active {  color: #FFF; text-decoration:none; font-size:12px;}
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
#footer_navi a:link {    color: #FFF; text-decoration:none; font-size:14px;}
#footer_navi a:visited { color: #FFF; text-decoration:none; font-size:14px;}
#footer_navi a:hover {   color: #FFF; text-decoration:none; font-size:14px;}
#footer_navi a:active {  color: #FFF; text-decoration:none; font-size:14px;}
}