@charset "utf-8";


#about {
   width: 100%;
	margin:4.2% auto 5%;
}

.page-title{
	width:100%;
	margin: 0 0 5%;
}
.page-title img{
	width:100%;
}




#about  .sec01 {
  width: 48.95833%;
    margin: 0 auto;
	font-size: 1vw;
	line-height: 180%;
	margin-bottom: 5%;
}

.about-title{
	width:100%;
	margin: 0 0 5%;
}

.about-txt01{
	width:100%;
	font-size: 1.2vw;
	line-height: 180%;
}

.about-obi{
	width:100%;
	margin-bottom: 5%;
}

.about-obi img{
	width:100%;
}

.about-txt02{
	width:100%;
	font-size: 1.03vw;
	line-height: 180%;
	margin-bottom: 5%;
}

.about-picbox{
	width:100%;
	margin-bottom: 3%;
}

.about-picbox img{
	width:100%;
}

.about-picbox a:hover{
	opacity:0.6;
}

.about-kugiri{
	width:52.08333%;
	margin: 0 auto 3%;
}

.about-kugiri img{
	width:100%;
}

.about-pic_l{
	width:31.9%;
	float: left;
	margin: 0 2.15% 2% 0;
}
.about-pic_l img{
	width:100%;
}

.about-pic_r{
	width:31.9%;
	float: left;
	margin: 0 0 2% 0;
}
.about-pic_r img{
	width:100%;
}


#about  .sec02 {
  width: 52.08333%;
    margin: 0 auto;
	font-size: 1vw;
	line-height: 180%;
	margin-bottom: 5%;
	position: relative;
}

.nintei{
	position:absolute;
	width:69.5%;
	bottom: 0;
	right: 0;
}

.about-title#nintei{
	width:100%;
	margin: 0 0 5%;
	z-index: 10;
	position: relative;
}

.about-txt02#nintei{
	width:97%;
	font-size: 1.03vw;
	line-height: 180%;
	margin-bottom: 5%;
	margin-left: 3%;
	z-index: 10;
	position: relative;
}

#about  .sec03 {
  width: 100%;
    margin: 0 auto;
	font-size: 1vw;
	line-height: 180%;
	margin-bottom: 5%;
	background-color: #eaf0f7;
	padding-bottom: 1%;
}

.about-jisseki{
	width:52.08333%;
	margin: 0 auto 5%;
}

.about-jisseki2{
	width: 48.95833%;
	margin: 0 auto;
	line-height: 180%;
	font-size: 1.2vw;
}

.bana-box{
	width:100%;
	margin-bottom: 3%;
}

.bana01{
	width:23.4%;
	float: left;
	margin: 0 2.133% 2% 0;
}

.bana01#last{
	width:23.4%;
	float: left;
	margin: 0 0 2% 0;
}

.about-midasi{
	font-size:1.4vw;
	font-weight: bold;
	color: #000055;
	line-height: 180%;
	margin-bottom: 1%;
}

.about-pic2_l{
	width:48.936%;
	float: left;
}

.about-pic2_l img{
	width:1005;
}

.about-pic2_r{
	width:48.936%;
	float: right;
}

.about-pic2_r img{
	width:1005;
}

.sikaku_l{
	width:50%;
	float: left;
}

.sikaku_l img{
	width:100%;
}

.sikaku_r{
	width:50%;
	float: left;
}

.sikaku_r img{
	width:100%;
}

.sikaku_btn{
	width:45.744%;
	margin: 0 auto;
}

.sikaku_btn img{
	width:1005;
}

.sikaku_btn a:hover{
	opacity:0.6;
}


/* ========================================================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ipad
=========================================================================================================================================================================================== */
@media only screen and (max-width: 1024px) { 
    
#about {
    width: 100%;
    margin: 7% auto 5%;
}
	
#about .sec01 {
    width: 80%;
    font-size: 1.5vw;
}
	
.about-txt01 {
    width: 100%;
    font-size: 1.5vw;
    line-height: 180%;
}
	
.about-kugiri {
    width: 80%;
    margin: 0 auto 3%;
}	
	
.about-txt02 {
    width: 100%;
    font-size: 1.4vw;
    line-height: 180%;
    margin-bottom: 5%;
}
	
#about .sec02 {
    width: 80%;
    margin: 0 auto;
    font-size: 1.4vw;
    line-height: 180%;
    margin-bottom: 5%;
    position: relative;
}
	
.about-txt02#nintei {
    width: 97%;
    font-size: 1.4vw;
	}
	
.about-jisseki {
    width: 80%;
    margin: 0 auto 5%;
}
	
.about-jisseki2 {
    width: 80%;
    margin: 0 auto;
    line-height: 180%;
    font-size: 1.5vw;
}
	
.about-midasi {
    font-size: 1.8vw;
	}
	

    
}


/* =============================================================================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　スマホ
========================================================================================================================================================================== */
@media only screen and (max-width: 699px) {
#about {
  width: 100%;
    margin: 0% auto 5%;
}    
	
	
    
#about .sec01 {
    width: 90%;
    margin: 0 auto;
	font-size:16px;
    line-height: 180%;
	text-align: left;
} 
	
.about-txt01 {
    width: 100%;
    font-size: 14px;
    line-height: 180%;
}
	
.about-txt02 {
    width: 100%;
    font-size: 14px;
	}
	
#about .sec02 {
    width: 90%;
	}
	
.about-txt02#nintei {
    width: 97%;
    font-size: 14px;
	}
	
.nintei {
    position: relative;
    width: 100%;
}
	
.about-jisseki {
    width: 100%;
    margin: 0 auto 5%;
}
	
.about-jisseki2 {
    width: 90%;
    font-size: 15px;
}
	
.about-midasi {
    font-size: 16px;
	}
	
.about-pic_l {
    width: 47%;
    float: left;
    margin: 0 1.5% 2%;
}
	
.about-pic_r {
    width: 47%;
    float: left;
    margin: 0 1.5% 2%;
}
	
.about-pic2_l#sumaho {
    width: 100%;
    float: none;
}
	
.about-pic2_r#sumaho {
    width: 100%;
    float: none;
}
	
.sikaku_btn {
    width: 80%;
    margin: 0 auto;
}	
		
    
}


/********************************************************************************
ジーンズソムリエに会える店バナー
****************************************************************************************/

.sec-shop {
    width: 52.0833%;
    margin: 0 auto;
    padding: 0 0;
}

.shoplist_bana_bana{
	width:100%;
}
.shoplist_bana_bana img{
	width:100%;
}

@media only screen and (max-width: 699px) {
	.sec-shop {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
}
}