@charset "UTF-8" ;

body {
 width: 100%;
 margin: 0 auto;
 position: relative;
 margin-top: 80px;
 font-family:  "MS PGothic", "Osaka", Arial, sans-serif;
 line-height: 1.4;
}

/*スマホで右端が切れることを解消*/
.wrap{
overflow: hidden;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*ヘッダー*/
header{
position: fixed;
top:0;
width: 100%;
margin: 0 auto;
padding: 0px;
z-index: 100;
background-color: #ffffff;
}

header:after{
content: "";
display: block;
clear: both;
}

.header-in{
width: 1000px;
margin: 0 auto;
}

.logo{
float: left;
width: auto;
}

.logo img{
margin: 10px 0 0;
}

.logo a{
border: none;
}

.contents{
width: 1000px;
margin: 0 auto;
}
.contents:after{
content: "";
display: block;
clear: both;
}

/*フッター*/
footer{
width: 100%;
margin-top: 5px;
padding: 5px 0;
background-color: #333;
}

footer:after{
content: "";
display: block;
clear: both;
}

.footer-in{
width: 1000px;
margin: 0 auto;
}

.footer-in:after{
content: "";
display: block;
clear: both;
}

.footer-bottom{
width: 1000px;
margin: 0 auto;
}

.footer-bottom:after{
content: "";
display: block;
clear: both;
}

.footer-bottom p{
text-align: center;
color: #fff;
font-size: 13px;
margin: 0 0 10px;
}

.footer-bottom p a{
text-decoration: none;
color: #fff;
}

.footer-bottom p a:hover{
text-decoration: none;
color: #666;
}

.footer-logo{
float: left;
width: 250px;
margin: 10px;
}

.footer-logo img{
width: 250px;
}

/*フッターナビゲーション*/
.footer-navi{
float: right;
margin: 15px 0 0;
}

.footer-navi:after{
content: "";
display: block;
clear: both;
}

.footer-navi ul{
margin-top: 0;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 0;
}

.footer-navi ul:after{
content: "";
display: block;
clear: both;
}

.footer-navi li{
text-align: left;
font-size: 15px;
font-weight: bold;
list-style: none;
margin-left: 30px;
margin-right: 30px;
float: left; /*横並び*/
color: #fff;
}

.footer-navi li a{
color: #fff;
text-decoration: none;
}

.footer-navi li a:hover{
color: #999;
text-decoration: none;
}

.ul-child{
margin-top: 5px;
padding: 0;
}

.ul-child li{
float:none;
margin: 0;
font-weight: normal;
}

/*画像のあきを作らない
img{
  vertical-align:bottom;
}*/


.mini-b{
font-size: 15px;
}

.red{
color: red;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


/*-------------------------
横幅1000以上
-------------------------*/
@media(min-width:1000px){
.pc{
display: inline;
}
/*-- pcでは改行する--*/

}

/*-------------------------
横幅1000以下
-------------------------*/
@media(max-width:1000px){
body{
margin-top: 70px;
}


/*-- スマホでは改行しない--*/
.pc{
display: none;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }


.logo{
width: 100%;
}

.logo:after{
content: "";
display: block;
clear: both;
}

.contents{
width: 100%;
}



.ul-child li{
margin-left: 0;
font-size: 16px;
margin-top: 7px;
}


.footer-in{
width: 100%;
margin-top: 10px;
}

.footer-navi{
width: 750px;
margin: auto;
float: none;
}

.footer-navi li{
font-size: 15px;
}

.footer-logo{
display: none;
}

.footer-bottom{
width: 100%;
margin-top: 20px;
}



}


/*-------------------------
横幅750以下
-------------------------*/
@media(max-width:750px){
.footer-navi{
width: 100%;
}

.footer-navi li{
margin-left: 30px;
margin-right: 0;
float: none; /*横並びから縦並びへ*/
}

#iframe-blog{
display: none;
}

}