body{color:#000;}

.pc_disp{display:inline-block;}        
.sp_disp{display:none;}  
.pc_disp2{display:block;}        
.sp_disp2{display:none;}  
    
.denim_content {width:100%; max-width:1000px; margin:0 auto; font-family: Yu Mincho, 游明朝体, YuMincho, 游明朝, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, HiraMinProN-W3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho ProＭＳ Ｐ明朝, MS PMinch, serif;}

h1{margin:0;line-height: 15px;}
h1 span.denim_title{display:block; width:100%;  text-indent: -9999px;}    

.intro p{text-align:center; padding: 10px 5px 30px 5px;}
    
.denim_choose {width:100%; max-width:650px; display:flex; text-align:center; margin:30px auto;}

.denim_choose a img{ transition: all .6s ease-in-out; opacity:0.9; }
.denim_choose a img:hover { transform: scale(1.1); opacity:1;}    
    
h2.d_title{ text-align:center; margin-top:50px;}
h2.d_title img {width:100%; height: auto; max-width:500px; padding-top: 80px;} 

ul.d_toku{display:flex; padding:10px 0; width:100%; max-width:800px; margin:0 auto;}    
li.d_pts{list-style-type: none; width:27%; max-width:160px;display:inline-block; margin:0 auto; text-align: center;}  
li.d_pts span.pts{display:block; max-width:200px; height:100px; text-align:center; margin:0 auto 10px auto;}     
li.d_pts span.pts img{display:block; margin:0 auto; padding-bottom:5px; width:70%;}         
span.pt_pic img{width:100%; max-width:250px; margin:0 auto; text-align:center;}
    
span.d_l {display:inline-block; width:60%;}    
span.d_l img{width:100%; max-height:380px; }  
span.d_s {display:inline-block;width:30%; vertical-align:top; padding-left: 2%;}     
span.d_s img{display:block; width:100%; max-width:250px; }     
img.dtl_lace{padding-top:20px;}  
 
#high_cart, #low_cart{margin-bottom:35px;}
.add_to_cart{margin-bottom:55px; width:95%; max-width:780px;}
.d_cart_mainimg {display:inline-block; margin-right:30px;}
img.d_cart_img  {width:100%; max-width:300px; } 
img.d_cart_img2  {width:100%; max-width:120px; vertical-align:top; }    
div.d_cart { display:inline-block; vertical-align:top; font-size:20px; }  
    
    
.d_cart_select  {display:block; width:100%; max-width:250px; height:30px; font-size:13px; border-color:#949494; margin:20px auto; text-align: center;}
.d_cart_btn  {display:block; border:none; background-color:#FF879D; font-size:16px; font-weight:bold; width:100%; max-width:250px; padding:10px 10px; border-radius:3px; color:#fff; margin:10px auto;}  
    
.sub{margin: 0 auto; text-align:center; width:95%; max-width:250px; }    
.d_cart_sub { border:1px solid #3A3D78; padding:10px 3px 10px 3px; border-radius:5px; font-size:13px; display:block; text-align:center; position:relative;  margin:15px auto;}   
.d_cart_sub a{color:#3A3D78; letter-spacing: .5px; font-size:14px;  font-family: Arial, Helvetica, "sans-serif";}  

.cod_s { display:inline-block; font-size:10px; line-height:18px; color:#263066; padding:15px; vertical-align: top; font-family: Arial}
.cod_s a{ display:block; padding-bottom:2px; color:#000; margin:0 2px; text-decoration: underline!important;}    
.cod_s img{ width:100%; max-width:200px; }    
a:visited{color:#263066;}

.top_main {width:100%; max-width:740px; margin:50px auto 20px auto;  text-align: center;}    
.top_fadein { background-color:#fff; width:80%; max-width:550px; vertical-align: top; text-align: left; z-index: 1;}    
.top_fadein img{ width:100%; max-width:500px;}    
.top_side{display:inline-block; margin:0 auto; vertical-align:top; text-align: center; padding-top:20px;} 
.top_side img{ width:100%; max-width:100px; display:block; margin-bottom:18px }         
.bx-wrapper{display:inline-block; width:80%; text-align: center; padding-top: 0;}
   
    
.tablesize {
    margin: 0 auto;
    width: 100%;
    max-width:450px;
}
.list_spec {
    margin-top:0;
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    border-bottom: 1px solid #dad2bb;
    border-right: 1px solid #dad2bb;
}
.list_spec th {
    width: 10%;
    background-color: #fcfbe9;
    border-top: 1px solid #dad2bb;
    border-left: 1px solid #dad2bb;
    line-height: 2.5em;
    font-size: 13px;
}
.list_spec td {
    border-top: 1px solid #dad2bb;
    border-left: 1px solid #dad2bb;
    line-height: 23px;
    font-size: 13px;
    padding: 5px 3px;
    text-align: center;
}    

#sizes .d_title{ text-align:center; margin-top:20px auto 0 auto;}
#sizes h2.d_title img {width:100%; height: auto; max-width:200px; } 
#sizes h3.d_title img {width:100%; height: auto; max-width:300px;padding-top: 30px;}     
#sizes h4 {text-align:center;font-size: 25px;}    

.staff_rev {width:100%; max-width:900px; margin:0 auto; text-align:center;}        
.staff_rev  img{width:100%; max-width:300px;  padding:10px;}  
.staff_rev  p{display:inline-block;width: 55%; vertical-align: top;  text-align:left;padding:10px;}     
 
.staff_name{display:block; font-weight:bold; font-size:18px; padding-bottom:20px}
.staff_com {display:block; padding-bottom:10px; font-size:14px;}   
.staff_rst{display:block; padding:10px 0 15px 0; font-size:16px; font-weight:bold;margin:0 auto; text-align:center;}

.rev_btn{ display:inline-block;  width:100%; max-width:200px; background-color:#FF7946; border-radius:3px; text-align:center; padding:5px; margin:40px 20px 20px 20px; }    
.rev_btn a{color:#fff; letter-spacing: .5px; font-size:14px; font-weight:bold; font-family: Arial, Helvetica, "sans-serif";}        
    
.meas{width:40%; vertical-align:top; text-align:center;}
.meas img{width:100%; max-width:200px;}
.tabl_meas{display:inline-block; width:58%;}

@media screen and (min-width: 640px)and (max-width: 935px) {  .cod_s img{ width:100%; max-width:150px; }     }    
    
@media screen and (max-width: 640px) {

.pc_disp{display:none!important;}        
.sp_disp{display:inline-block;}  
.pc_disp2{display:none!important;}    
.sp_disp2{display:block;}     
    
h2.d_title{ text-align:center; margin-top:0;}    
.denim_choose a img{ opacity:1; transition: none; }    
.denim_choose a img:hover {transform: none;}   
    
    
.intro p{text-align:left; margin:0; padding: 5px 10px 20px 10px;}
    
h1 span.denim_title{ width:100%; height:auto;}   
ul.d_toku{display:block; padding:0;} 
li.d_pts{list-style-type: none; width:100%; max-width:600px; display:block; margin:0 auto; padding-bottom:10px;}      
li.d_pts span.pts{display:inline-block; width:41%; padding-right:5%; font-size:14px;}       
li.d_pts span.pts img{display:block; margin:0 auto; padding-bottom:10px; width:80%; max-width:140px;}         
span.pt_pic img{width:50%; max-width:250px; margin:0 auto; text-align:center;vertical-align:top;}    

span.d_l {display:inline-block; width:95%;}    
span.d_l img{width:100%; max-height:380px; } 
span.d_s {display:block;width:100%; padding: 3px 0 0 0;}     
span.d_s img{display:inline-block; width:47%; max-width:250px; }  
img.dtl_lace{padding-top:0;}      

div.d_cart { padding-top:10px; }  
.d_cart_title  {font-size:18px;}  
.d_cart_mainimg {display:inline-block; margin-right:0;}    
img.d_cart_img  {width:100%; max-width:180px; }     
img.d_cart_img2  {width:40%; max-width:100px; }       
.d_cart_btn  {display:block; border:none; background-color:#FF879D; font-size:18px; font-weight:bold; width:100%; max-width:250px; padding:8px 10px; border-radius:3px; color:#fff; margin:10px auto;}  
    
.sub{margin: 0 auto; text-align:center; width:95%; max-width:300px; }    
.d_cart_sub { border:1px solid #3A3D78; padding:10px 3px 10px 3px; border-radius:5px; font-size:13px; display:block; text-align:center; position:relative;  margin:15px auto;}   
.d_cart_sub a{color:#3A3D78; letter-spacing: .5px; font-size:14px;  font-family: Arial, Helvetica, "sans-serif";}  
   
    
.cod_s { width:47%; max-width:180px; vertical-align: top; padding:10px 0; text-align:left;}        
 
 .bx-wrapper img {
 display:block;
 max-width: 100%;
 height:auto;
}
.bx-wrapper{display:block; width:100%; }        
.top_fadein{display:block; margin:0 auto; }    
.top_fadein img{ width:90%; }        
.top_side{ display:block; margin:0 auto; width:100%; padding-top:0; }   
.top_side img{ width:27%; max-width:150px; display:inline-block; margin: 10px 5px 18px 5px; }      
     
.md-modal {
    height:650px;
    overflow-y: auto; 
}    
    
.md-content h3 {
	margin: 0;
	padding: 20px;
	text-align: center;
	font-size: 16px!important;
    font-weight:bold;
	border-radius: 5px 5px 0 0;
}
    
.md-content > div {
    height:330px;
    overflow-y: auto; 
	padding: 5px 20px 30px 20px!important;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
}    
    
#sizes h4 { text-align:center;font-size:20px;width:98%; margin:0 auto; padding: 80px 0 20px 0;}     
.staff_rev  img{width:95%; max-width:300px; display:inline-block; padding:10px 0; border-top: 1px solid #9E9E9E;}      
.staff_rev  p{display:inline-block;width: 90%; vertical-align: top;  text-align:left;padding:0;}   
.staff_name{padding-bottom:15px}    
    
.rev_btn{display:inline-block; width:90%; max-width:300px; background-color:#FF7946; border-radius:3px; text-align:center; padding:5px; margin:20px 0 5px 0; }    
.rev_btn a{color:#fff; letter-spacing: .5px; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, "sans-serif";}      
    
    
.meas{ width:90%; vertical-align:top; margin:0 auto;}
.meas img{width:100%; max-width:200px;}
.tabl_meas{display:block; width:95%;}
    
    }       

    
    
@media screen and (max-width: 320px) { 
    
    .md-modal {
	min-width: 320px!important;}
    
    }    

/*--popup-*/ 
 .md-modal {
	position: fixed;
	top: 0;
	left: 50%;
	width: 50%;
	max-width: 600px;
	min-width: 360px;
     height:auto; 
	z-index: 2000;
	visibility: hidden;
	transform: translateX(-50%) translateY(2%);
}

.md-modal:target {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(34,34,34,0.6);
	transition: all 0.3s;
}

.md-modal:target ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #1E223A;
	background: #fff;
	position: relative;
	border-radius: 5px;
	margin: 0 auto;
    padding-bottom: 10px;
}

.md-content h3 {
	margin: 0;
	padding: 10px 10px 0 10px;
	text-align: center;
	font-size: 20px;
    font-weight:bold;
	border-radius: 5px 5px 0 0;
}

.md-content > div {
	padding: 5px 40px 20px 40px;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
}

.md-content > div p {
	margin: 0 auto;
    max-width:450px;
    font-size:12px;
	padding: 0 0 10px 0
}

.md-content a {
    width:100px;
	margin: 10px auto;
    text-decoration: none;
    color:#3A3D78; 
    background-color:#EDF6FF; 
    font-weight:500;
    font-family: Arial;  
    padding:5px 3px; 
    border-radius:5px; 
    font-size:13px; text-align: center;
	
}

/* Effect */

.md-modal .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-modal:target .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}   
/*--popup-*/