@media (min-width: 321px) and (max-width: 550px) {
	/* 550px以下に適用されるCSS（スマホ用） */
	

body{
background:#fff;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
overflow-x!important;
margin:0;
}


a img {border-style:none;}
img, div { behavior: url(../iepngfix.htc); }
ul, ol, li, dl, dt, dd {list-style-type: none; }


img{
width:100%;
max-width:340px;
}




.blink {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	animation: blink .75s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}









/* --- トップ Ｈほか --- */
li.index{
display:inline;
}


li.index a{
color:#555;
text-decoration:none;
}




h1 {font-size: 1.35em;
	color:#888888;
	vertical-align:bottom;
	margin:0;
	padding:0;
	}
	
h2 {font-size:1.15em; 
	color:#888888;
	margin:0;
	padding:0;
	}
	
h3 {font-size:1.08em;
	margin:0;
	padding:0;
}
	
h4 {font-size:1em; }
	
h5 {font-size:.95em; }
	
h6 {font-size:.85em; 
	color:#888888;
	}







.container{
height:100%;
width:340px;
margin:0 auto;

}

.content_head{
height:20px;
padding:130px 0 0px 5px;
}


.content_head h1{
text-align:left;
font-size:.75em;
line-height:1em;
font-weight:normal;
padding-top:5px;

}


.main_pics_bk{
background-size:340px auto;
}

.comn_sub_pics{
height:100%;
padding:0 0 50px 0;
}



.comn_sub_pics img{
width:100%;
max-width:340px;
margin:0 auto;
}


.main_cap{
width:320px;
padding:10px 10px;
font-size:.9em;
color:#331100;
}




.contents{
width:340px;
height:100%;
padding:0 0 30px 0;
}


.block_wh{
width:340px;
clear:both;
height:100%;
padding-top:100px;
margin-top:-100px;
}







/* --- トップ パン屑ほか --- */
.pankuzu{
display:none;
width:340px;
font-size:.75em;
}

.pankuzu ul{
margin:0;
padding:0;
}

.pankuzu ul li{
display: inline;
}

.pankuzu ul li a{
margin-right:10px;
color:#998866;
text-decoration:none;
}


.page_navi{
display:none;
text-align:left;
font-size:.55em;
padding:3px 0;
width:340px;
}

.page_navi a{
color:#998866;
}





/*---------- section_header--------------*/

.section_hd_text{
color:#333;
font-size:.85em;
margin:0;
}


.section_hd_base{
width:340px;
height:50px;
padding:20px 0 20px 0;

}

.section_hd{
width:340px;
padding:5px 0 5px 0px;
float:left;
}



.section_bgimg{
width:335px;
height:20px;
background:url(../img/h4-base.jpg);
border-radius:3px 3px 3px 3px;
padding: 0px 0 5px 5px;
} 



.gotop{
width:140px;
padding:0 0 0 200px;
}








/*---------- contents--------------*/
.cont_base,
.cont_base2,
.cont_base_55,
.cont_base_n{
	width:340px;
	padding:10px 0px 0 0px;
	clear:both;

}

.cont_base3{
	width:340px;
	padding:0px 0px 50px 0px;
	clear:both;

}



.cont_pics{
	width:340px;
	}


.cont_pics img{
width:100%;
height:100%;
max-width:340px;

}


.cont_cap{
	font-size:.7em;
}

.cont_text{
	width:340px;
	padding:0 0px;

}




.exp_catch{
    font-weight:bold;
    color:#ee6677;
    font-size:1.15em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
 
 
.exp_catch_ns{
    font-weight:bold;
    color:#999;
    font-size:1.15em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
 
 
    
    
.exp_subcatch{
    font-weight:bold;
    color:#999;
    font-size:1em;
    text-align:center;
    padding-top:5px;
    
    }
    
    
.exp_text{
   padding:10px 0 10px 0;
   font-size:.95em
    }
    



.sys_btn{
width:185px;
height:35px;
padding:20px 0px 30px 0px;
}








/* --- 問い合せ --- */
.toi_btn_box{
width:300px;
height:65px;
padding:50px 0 50px 0;
margin:0 auto;

}


















/* --- フッター --- */

.footer_container{
display:none;
}


.footer_container_resp{
clear:both;
display:inherit;
width:96%;
margin:0 2%;
border-top:3px double #ccc;
}



.rights{
text-align:center;
font-size: 60%;
color: #888888;
width: 100%;
margin:0 auto;
clear:left;
padding:0;
}


.footer_box{
width:340px;
height:50px;
padding-top:20px;
line-height:1.1em;
}


.footer_list_resp{
float:left;
padding:0 5px;

}

.footer_list_resp a{
font-size:.725em;
color:gray;

}












/* --- 影付きBOX（小） --- */


.container_s{
    width: 340px;
    height: 100%;
    margin: 0 auto;
}
  
.contents_s{
    width: 340px;
    height: 100%;

}
    
    
.main_box_shadow {
    width: 340px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 0px 35px 0px;
}


.title_base{
    height:50px;
	width:190px;
	float:left;
    }
    
    
.title_base h1{
font-size: 1.05em;
color: #888888;
vertical-align: bottom;
font-weight:bold;
} 


.title_link{
width:130px;
padding:8px 0 0 0;
float:left;
line-height:.85em;
}

.title_link a{ 
font-size:.7em;
color:#666;
text-decoration:none;
}



.title_base_c{
    height:50px;
	width:340px;
}
    
    
.title_base_c h1{
font-size: 1.25em;
color: #888888;
vertical-align: bottom;
font-weight:bold;
text-align:center;
} 



}





@media screen and (max-width: 320px) {
	/* 320px以下に適用されるCSS（スマホ用） */
	

body{
background:#fff;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
overflow-x!important;
margin:0;
}


a img {border-style:none;}
img, div { behavior: url(../iepngfix.htc); }
ul, ol, li, dl, dt, dd {list-style-type: none; }


img{
width:100%;
max-width:310px;
}


/* --- トップ Ｈほか --- */
li.index{
display:inline;
}


li.index a{
color:#555;
text-decoration:none;
}




h1 {font-size: 1.35em;
	color:#888888;
	vertical-align:bottom;
	margin:0;
	padding:0;
	}
	
h2 {font-size:1.15em; 
	color:#888888;
	margin:0;
	padding:0;
	}
	
h3 {font-size:1.08em;
	margin:0;
	padding:0;
}
	
h4 {font-size:1em; }
	
h5 {font-size:.95em; }
	
h6 {font-size:.85em; 
	color:#888888;
	}



.blink {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	animation: blink .75s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}




.container{
height:100%;
width:310px;
margin:0 auto;

}

.content_head{
height:20px;
padding:130px 0 0px 5px;
}


.content_head h1{
text-align:left;
font-size:.75em;
line-height:1em;
font-weight:normal;
padding-top:5px;

}


.main_pics_bk{
background-size:310px auto;
}

.comn_sub_pics{
height:100%;
padding:0 0 50px 0;
}



.comn_sub_pics img{
width:100%;
max-width:310px;
margin:0 auto;
}


.main_cap{
width:290px;
padding:10px 10px;
font-size:.9em;
color:#331100;
}




.contents{
width:310px;
height:100%;
padding:0 0 30px 0;
}


.block_wh{
width:310px;
clear:both;
height:100%;
padding-top:100px;
margin-top:-100px;
}







/* --- トップ パン屑ほか --- */
.pankuzu{
display:none;
width:300px;
font-size:.75em;
}

.pankuzu ul{
margin:0;
padding:0;
}

.pankuzu ul li{
display: inline;
}

.pankuzu ul li a{
margin-right:10px;
color:#998866;
text-decoration:none;
}


.page_navi{
display:none;
text-align:left;
font-size:.55em;
padding:3px 0;
width:340px;
}

.page_navi a{
color:#998866;
}





/*---------- section_header--------------*/

.section_hd_text{
color:#333;
font-size:.85em;
margin:0;
}


.section_hd_base{
width:310px;
height:50px;
padding:20px 0 20px 0;

}

.section_hd{
width:310px;
padding:5px 0 5px 0px;
float:left;
}



.section_bgimg{
width:305px;
height:20px;
background:url(../img/h4-base.jpg);
border-radius:3px 3px 3px 3px;
padding: 0px 0 5px 5px;
} 



.gotop{
width:140px;
padding:0 0 0 170px;
}








/*---------- contents--------------*/
.cont_base,
.cont_base2,
.cont_base_55,
.cont_base_n{
	width:310px;
	padding:10px 0px 0 0px;
	clear:both;

}

.cont_base3{
	width:310px;
	padding:0px 0px 50px 0px;
	clear:both;

}



.cont_pics{
	width:310px;
	}


.cont_pics img{
width:100%;
height:100%;
max-width:310px;

}


.cont_cap{
	font-size:.7em;
}

.cont_text{
	width:300px;
	padding:0 5px;

}




.exp_catch{
    font-weight:bold;
    color:#ee6677;
    font-size:1.15em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
 
 
.exp_catch_ns{
    font-weight:bold;
    color:#999;
    font-size:1.15em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
 
 
    
    
.exp_subcatch{
    font-weight:bold;
    color:#999;
    font-size:1em;
    text-align:center;
    padding-top:5px;
    
    }
    
    
.exp_text{
   padding:10px 0 10px 0;
   font-size:.95em
    }
    



.sys_btn{
width:185px;
height:35px;
padding:20px 0px 30px 0px;
}








/* --- 問い合せ --- */
.toi_btn_box{
width:300px;
height:65px;
padding:50px 0 50px 0;
margin:0 auto;

}


















/* --- フッター --- */

.footer_container{
display:none;
}


.footer_container_resp{
clear:both;
display:inherit;
width:96%;
margin:0 2%;
border-top:3px double #ccc;
}



.rights{
text-align:center;
font-size:.4em;
color: #888888;
width: 100%;
margin:0 auto;
clear:left;
padding:0;
}




.footer_box{
width:310px;
height:50px;
padding-top:20px;
line-height:1.1em;
}



.footer_list_resp{
float:left;
padding:0 5px;

}

.footer_list_resp a{
font-size:.7em;
color:gray;

}













/* --- 影付きBOX（小） --- */


.container_s{
    width: 310px;
    height: 100%;
    margin: 0 auto;
}
  
.contents_s{
    width: 310px;
    height: 100%;

}
    
    
.main_box_shadow {
    width: 310px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 0px 35px 0px;
    margin:0 auto;
}


.title_base{
    height:50px;
	width:190px;
	float:left;
    }
    
    
.title_base h1{
font-size: 1.25em;
color: #888888;
vertical-align: bottom;
font-weight:bold;
} 


.title_link{
width:130px;
padding:8px 0 0 0;
float:left;
line-height:.85em;
}

.title_link a{ 
font-size:.7em;
color:#666;
text-decoration:none;
}



.title_base_c{
    height:50px;
	width:310px;
}
    
    
.title_base_c h1{
font-size: 1.25em;
color: #888888;
vertical-align: bottom;
font-weight:bold;
text-align:center;
} 





}