@charset "utf-8";

#model_top .page_index, .m_title, .foot_nav{
display:none;
}

.top_link{
width:100%;
margin:5% auto;
text-align:center;
}

.top_link ul{
margin:0 auto;
}

.top_link li{
width:50%;
padding:0 2% 2% 0;
float:left;
}

.top_link li:last-child{
margin-right:0px;
padding:0 0 2% 2%;
}

section#sp_img{
width:100%;
margin-top:4%;
}

#sp_img li{
margin-bottom:4%;
}

#sp_img dl{
margin-bottom:4%;
}

#sp_img dd{
display:none;
}

.full li{
text-align:center;
}

.full li:first-child{
margin-top:4%;
}

.full .middle{
width:66%;
margin:0 auto;
}

.half ul li:nth-child(odd){
width:48%;
float:left;
background:#c9bc9c;
}

.half ul li:nth-child(even){
width:48%;
float:right;
background:#c9bc9c;
}
.attention{
font-size:12px;
line-height:1.5em;
width:90%;
margin:0 auto 10%;
}

.model_box{
/*max-width:1200px;*/
/*margin:50px auto;*/
/*color:#fff;*/
}



#sp_img{
max-width:90%;
margin:0 auto;
}

/*=========================================================================================*/
@media screen and (min-width: 767px){

#model_top .page_index, .m_title, .foot_nav{
display:block;
}

#sp_img{
display:none;
}

img{
width:auto;
}

.top_link{
width:100%;
border-bottom:solid 3px #c9bc9c;
text-align:center;
margin:35px auto 25px;
}

.top_link ul{
width:842px;
}

.top_link li{
float:left;
width:415px;
padding:0;
}

.top_link li:last-child{
float:right;
padding:0;
}

.m_title{
margin:55px auto 0px;
}

.gallery{

}

.model_area{
/*max-width:1500px;*/
margin:0 auto;
text-align:center;
}

.thumb img{
margin:left;
width:85px;
}

ul.thumbs li.model_first{
margin:0;
padding:0;
}


ul.thumbs li{
background:#fff;
}

nav.page_index{
width:1000px;
margin:30px auto 0;
}
nav.page_index ul{
display:flex;
justify-content:center;
}
.page_index li{
float:left;
margin-left:11px;
}

.page_index li:first-child{
margin-left:0px;
}


.attention{
margin:40px 0 40px;
font-size:10px;
}

}