/*スマホの100％表示設定*/

body {
	margin-top:0 !important;
}

.sp_display{
    display: none;
}
@media screen and (max-width:500px) {
 
    .kotei,    #container,    #pan,    #main_left,    .pc_display,    .kotei-review {
        display: none !important;
    }
    #all,       #main_right,    .infowrap #main_right {
        width: 100vw;
    }
   
    .sp_display{display: block;}
}
body{
    margin: 0;
}
body #pan {
    margin-bottom: 20px;
}

#sp_nav{
    height: 21.3vw;
}

#aside .kotei{
    left: 45%!important;
}
html {
    font-size: 62.5%;
    box-sizing: border-box;
}

#all_wrap {
    width: 929px;
    margin: 0 auto;
}
.sp_display {
    display: none;
}
.flex {
    display: flex;
}
.colum {
    flex-direction: column;
}
.grid {
    display: grid;
}
.center {
    width: 929px;
    margin: 0 auto;
}
#info-super-frame {
    width: 929px;
    height: 133px;
}
#lower_wrap {
    margin-left: -24px;
    margin-bottom: 2.4rem;
}
.head_upper {
    position: relative;
}
#headerUpper-frame {
    width: 929px;
    height: 165px;
    position: relative;
    margin-bottom: 1rem;
}
.head_upper {
    position: relative;
}
.head_upper aside {
    width: 929px;
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
}
.head_upper aside .floatBnr_L {
    position: absolute;
    width: 101px;
    left: -15rem;
    top: -14rem;
}
.head_upper aside .floatBnr_L #floatBnr_L-frame {
    width: 110px;
    height: 550px;
    position: fixed;
}
.floatBnr_R {
    position: absolute;
    width: 101px;
    right: 6rem;
  top: 0.8rem;
    z-index: 999;
}
.floatBnr_R #floatBnr_R-frame {
    width: 166px;
    height: 200px;
    position: fixed;
}
#hotword-frame {
    width: 929px;
    height: 33px;
}
.cateBnr {
    margin-top: 1.5rem;
    height: 264px;
    overflow: hidden;
}
.cateBnr #cateBnr-frame {
    width: 929px;
    height: 264px;
}
.squareBnr {
    margin-top: 1.5rem;
    margin: 0 auto;
    width: 929px;
    margin: 1rem auto 1rem;
}
.squareBnr #squareBnr-frame {
    width: 929px;
    height: 74px;
}
#mountwrap {
    line-height: 0;
    margin-top: 2rem;
    width: 709px;
    height: 363px;
    margin-left: 60px;
text-align:center;
}

.info-frame {
    border-top: 1px solid #999;
    display: none;
}
.info-frame #info-frame {
    width: 929px;
    height: 150px;
    overflow: hidden;
  /*margin-top: 2rem;*/
    display: none;
}
.side_left {
    width: 161px;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
.side_left .left_point-frame {
    width: 161px;
    height: 0;
}
.side_left #left_side_frame {
    width: 164px;
    height: 8000px;
}

/*SP¥Ø¥Ã¥À¡¼*/
#sp_header{
    position: fixed;
    top: 0;
z-index:999;
}
#smf-header-frame{
    height:30vw; width:100vw; z-index: 999;
}


/*¥Ñ¥ó¤¯¤º*/
.pan{
    width: 765px;
    margin: 0 0 0 65px;
    color: #666;
    }
.pan a{
    font-family: "Noto Sans JP";
    
}
.pan a:visited{
    color: #666;
    padding: 0;
    margin: 0;
    }
.pan p{
   font-size: 13px;
    color: #666;
    margin:0 1rem 0 0;
    letter-spacing: 0.1rem;
    
}

/*¹â¤µ*/
#mainArea {
    margin-top: 2rem;
    display: grid;
    grid-template-columns: 161px 750px;
    grid-template-rows: 40px 4620px;
}

#side_long_bnr {
    margin-top: -26px;
}
#footer-frame {
    width: 934px;
    height: 1280px;
}





#mount_wrap{
    width: 710px;
    height: auto;
    margin: 0 0 0 60px;
    padding: 0;
  font-family: "Noto Sans JP", "Century Gothic", "¥á¥¤¥ê¥ª", "Meiryo", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
}

#mount_wrap p{
font-size:1.4rem;
letter-spacing: 0.10rem;

}


#mount_wrap h1 img{
width:100%;
}

#mount_wrap h2{
font-size:2.4rem;
color:#0e467d;
  position: relative;
  padding: 1rem 2rem;
  border-bottom: 3px solid #b0bcbd;
}

#mount_wrap h2:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: '';
  background: #3caab1;
}


#mount_wrap h3{
font-size:1.9rem;
color:#0e467d;

}

.mount_contents img{
border:1px solid #eaeaea;
}

.text_red{
font-weight:bold;
color:red;
}

.mount_contents{
margin-bottom:100px;
}

.mount_contents .text_bold{
font-weight:bold;
font-size:1.3rem;
}


.mount_contents table img{
border:none;
width:100%;
}

#mount_wrap table .attention{
font-size:1.1rem;
padding:0;
margin: 0 0 10px 0;
}

.mount_contents table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
margin:0 auto 20px;
}

.mout-inrwrap{
    width: max-content;
    display: block;
margin: 0 0 120px 65px;
    display: flex;
    flex-direction: column;
    width: 700px;

}
.mout-inrwrap img {
    width: 100%;
}
img.btn-pc{
    margin: 20px auto;
    display: block;
    width: 477px;

}

@media screen and (max-width:600px) {
    .mout-inrwrap{
        width: 100vw;
        margin-top: 25vw;
        margin-left: 0;
margin-bottom: 6rem;
    }
    img.btn-sp{
      width: 80%;
      margin: 2rem auto;
    }
}


.mout-inrwrap
.mount_contents table tr:nth-child(2),
.mount_contents table tr:last-child{
  border-bottom:solid 1px #ddd;
}

.mount_contents table th{
  text-align: center;
  padding: 5px 0;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  background-color:#eaeaea;
}


.mount_contents table th:first-child{
  background-color:#fff;
border-bottom:solid 1px #ddd;
border-left:none;
}


.mount_contents table td:first-child{
width:12%;
padding: 2% 0;
}

.mount_contents table td:nth-child(2),
.mount_contents table td:nth-child(3){
width:37%;

}

.mount_contents table td{
  text-align: center;
  padding: 10px 15px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
}





.mount_structure .mount_structure_step{
margin:0;
padding:0;
display:flex;
}



.mount_structure .mount_structure_step .mount_structure_step_list:last-child{
margin-right:0px;
}


.mount_howto .mount_howto_list{
margin-bottom:60px;
}

.mount_howto_point{
background-color:#eaeaea;
width:590px;
padding:20px;
}


.arrow-right {
    display: inline-block;
    border-style: solid;
    border-width: 7px 0 7px 11px;
    border-color: transparent transparent transparent #000;
    height: 1px;
margin: 140px 20px;
}


.mount_howto_point .mount_howto_point_list{
padding-left: 10px;
}

.mount_howto_point .mount_howto_point_list li{
font-size:1.3rem;
}

.mount_howto_point_ttl{
margin:0;
padding:0;
}

.mount_howto_point_ttl_text{
    line-height: 1.4;
    font-size: 1.5rem;
    font-weight: bold;
}

.mount_howto_point_ttl_text:before {
  content: url(point.png);
  vertical-align: middle;
  padding-right: 2px;
}

.mount_howto_wrap{
width:630px;
}

@media screen and (max-width:600px)  {
    body {
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
    #all_wrap{
        width: 100vw;
    }
    #sssale_wrap{
        width: 100vw;
    }
    .pc_display {
        display: none;
    }
    .sp_display {
        display: block;
    }
    #mainArea{
        display: inherit;
    }

    #smf-header-nav-frame {
        position: fixed;
        top: 0;
        left: 0;
    }


    #mount_wrap {
    width: 94vw;
    margin: 30vw 0 10vw;
    padding: 0 3vw;
    }

#mount_wrap p{
font-size:1.3rem;
}

#mount_wrap h2{
    font-size: 2.0rem;
    padding: 1rem;
}

#mount_wrap h3{
font-size:1.7rem;
}

.mount_howto_point .mount_howto_point_list li{
font-size:1.3rem;
}

#mount_wrap table .attention{
font-size:1.0rem;
}

#mount_wrap table text_bold{
font-size:0.9rem;
}


.mount_structure .mount_structure_step{
flex-wrap:wrap;
}


.mount_structure .mount_structure_step .mount_structure_step_list{
margin-right:2%;
width: 30%;
}

.arrow-right{
margin: auto 0;
border-width: 5px 0 5px 7px;
height:0;
width:1%;
}

.mount_contents img{
width:100%;
}

.mount_howto{
margin:0;
padding:0;
}

.mount_howto_point{
width: 93%;
padding: 4%;
}


.mount_howto_point_ttl_text{
    font-size: 1.7rem;
    letter-spacing: 0.05em;
}

.mount_howto_point_ttl_text:before {
  display: inline-block;
  transform: scale(0.5);
}

.mount_howto_wrap{
width:100%;
}


}


/*ボックス全体*/