@media screen and (max-width: 639px){
  .SP-none{
    display: none;
  }
  img{
		max-width: 100%;
		height: auto;
		width :auto;
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}

	body{
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		background-color: #fff;
    min-width: 639px;
    overflow: hidden;
	}

	a{
		color: #000;
		text-decoration: none;
	}

	li{
		list-style: none;
	}
  .container{
    width: 590px;
    margin: 0 auto;
  }
  header{
		width: 100%;
		height: auto;
	}

  .logo{
    position: absolute;
    top:0px;
    margin: 0;
  }

  /*メニュー*/
  .btn {
      background:transparent url(../../img/sp/common/btn.png) no-repeat 0 0;
      display: block;
      position: absolute;
      top:20px;
      right:0;
      width:56px;
      height: 33px;
      cursor: pointer;
      z-index: 200;
  }
  .peke {
    background-position: -56px 0;
}
.sp-menu {
    display: none;
    background-color:#ffffff;
    position: absolute;
    top: 0px;
    /*right:-100%;*/
    right:0%;
    width:500px;
    height: 2000px !important;
    padding:60px 0 20px 20px;
    z-index: 100;
}
#menu {
  float: right;
  width: 100%;
}
#menu li {
    width:500px;
    border-bottom: 1px solid #eee;
}
#menu li a {
    color:#000;
    display: block;
    padding: 15px;
    font-size: 21px;
    text-decoration: none;
}





.main-img img{
  width: 100%;
}






#menuList {
        display: none;
    }

    #rwdMenuWrap {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }

    #rwdMenuWrap #switchBtnArea {
        width: 100%;
        height: 80px;
        background: #fff;
        position: relative;
    }

    #rwdMenuWrap #switchBtnArea #switchBtn {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        display: block;
        background: rgb(125, 2, 2);
        position: absolute;
        border-radius: 5px;
    }

    #rwdMenuWrap #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        transition: all 0.2s linear;
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {
        top: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {
        top: 18px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {
        bottom: 10px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
        top: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
        bottom: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #rwdMenuWrap ul {
        width: 100%;
        margin: 0;
        display: none;
    }

    #rwdMenuWrap ul li {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }

    #rwdMenuWrap ul li a {
        padding: 15px 20px;
        text-align: left;
        display: block;
        background: #ebebeb;
        position: relative;
    }

    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #contents {
        width: 100%;
    }

    #contents p {
        padding: 0 20px 2em 20px;
    }
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > ul:before,
#menuList > ul:after {
    content: " ";
    display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}






.content {
    width: 100%;
    margin-top: 40px;
}







.line-btn01 {
  clear: both;
  text-align: center;
}
.line-btn01 h2{
  font-size: 16px;
}
.line-btn01 ul{
  display: flex;
  justify-content: space-between;
}
.line-btn01 img{
  width: 90%;
}


  footer{
		clear: both;
		border-top: 10px solid rgb(130, 26, 26);
		width: 100%;
		margin: 0 auto;
	}

	.foot-area{
		width: 100%;
		margin: 0 auto;
	}

	.foot-box01{
		width: 33%;
		height: auto;
		float: left;
	}
	.foot-box01 li{
		padding-top: 9px;
		text-align: left;
    font-size: 15px;
    font-weight: bold;
	}
  .foot-box01 li:before{
    content: "";
    padding-right: 5px;
    font-weight: bold;
  }

	.foot-box02{
		width: 33%;
		height: auto;
		float: left;
	}
	.foot-box02 li{
		padding-top: 9px;
		text-align: left;
    font-size: 15px;
    font-weight: bold;
	}
  .foot-box02 li:before{
    content: "";
    padding-right: 5px;
    font-weight: bold;
  }
	.foot-box03{
		width: 33%;
		height: auto;
		float: left;
	}
	.foot-box03 li{
		padding-top: 9px;
		text-align: left;
    font-size: 15px;
    font-weight: bold;
	}
  .foot-box03 li:before{
    content: "";
    padding-right: 5px;
    font-weight: bold;
  }


	.copy{
		clear: both;
		width: 100%;
		text-align: center;
    padding-top: 40px;
	}
	/*.foot-logo{
    margin-top: 30px;
	}*/


  /*ページャー*/
  	.pager{
  		text-align:center;
  	}
  	a.page-numbers,
  	.pager .current{
  		background:rgba(0,0,0,0.02);
  		border:solid 1px rgba(0,0,0,0.1);
  		border-radius:5px;
  		padding:5px 8px;
  		margin:0 2px;
  	}
  	.pager .current{
  		background:rgba(0,0,0,1);
  		border:solid 1px rgba(0,0,0,1);
  		color:rgba(255,255,255,1);
  	}





}