/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	img{
	max-width: 100%;
	height: auto;
	width /***/:100%;　
	}
	#container{
	width:100%;
	}
	p{
		font-size: 10px;
	}

	#header, #footer {
	    height: 45px;
	}
	#header img{
	    width: 130px;
	    margin-top: 5px;
	}
	#header h1 {
	    margin: 15px 10px;
	    font-size: 11px;
	}
	#footer img{
		width: 30px;
	}
	#footer a:link{
		color: #fff;
	}

	.fp-controlArrow.fp-prev {
        border-width: 8.5px 14px 8.5px 0;
	}
	.fp-controlArrow.fp-next {
	    border-width: 8.5px 0 8.5px 14px;
	}	
	.main_box{
	  	display: flex;
	    justify-content: space-between;
	  	flex-direction: column;
	}
	.section h3 {
	    font-size: 13px;
	}	
	.main_box .text_box, .main_box .img_box {
 	   max-width: 100%;
	    line-height: 1.2em; 
	}
	.section h2 {
	    font-size: 15px;
	    top: 70px;
	}	
	.section h4 {
	    font-size: 12px;
	    margin-bottom: 10px;
	}	
	.price_area {
    	margin: 25px;
	}	
	.price_area ul {
	    margin-left: 20px;
	    margin-bottom: 10px;
	    font-size: 10px;
	    line-height: 1.5em;
	}	
	.price_box {
	    background-color: rgba(218, 218, 218, 0.5);
	    padding: 10px;
        margin: 10px 0 30px 0;
	    font-size: 13px
	}
	#prices .price_box {
        margin: 10px 0 10px 0;
	}
/*スライド下部のドット*/
	#fp-nav ul, .fp-slidesNav ul {
    margin-bottom: 20px;
	}

}