@charset "utf-8";

@media screen and (max-width:640px){

/* =============================================== */
/* home                                                                    */
/* =============================================== */


#mainvisual{/*background:url(../images/main_bg.png)center no-repeat;background-size:100% auto;height:300px;*/display:none;}
#mainvisual #inner{}
#mainsp img{width:100%;}


#intro4{background:#eae7dc;text-align:center;padding:40px 0px;}
#intro4 .inner{max-width:95%;margin:0px auto;}
#intro4 .inner h1 img{margin-bottom:40px;width:100%;}
#intro4 .inner div.mainLink ul li {
	float:left;
	margin-bottom:8px;
	padding: 0;
	width:100%;
	text-align: center;
	}
#intro4 .inner div.mainLink ul li:last-child {	margin-right: 0;	}
#intro4 .inner div.mainLink ul li a {	color: #fff;	}
#intro4 .inner div.mainLink ul li img {width:100%;}


/*コンセプト*/
#concept{background:#fff;text-align:center;padding:40px 0px;text-align: left;line-height:180%;letter-spacing:4px;}
#concept #inner{max-width:90%;margin:0px auto;}
#concept #inner #title{margin-bottom:30px;}
#concept #inner #title img{width:100%;} 
#concept #inner #photospace {
	max-width: 100%;
	clear: both;
	margin-bottom:15px;
}
#concept #inner #photospace img{width:100%;}
#concept #inner #textspace{max-width:100%;}
#concept #inner #textspace h1{margin-bottom: 20px;}
#concept #inner #textspace img{width:100%;}

#mukashinagara{background:url(../images/mukashinagara/bg.png) ;background-size:100% auto;padding:20px 0px;}
#mukashinagara .inner{max-width:95%;margin:0px auto;text-align: left;color:#fff;font-size:120%;font-weight:bold;}
#what{text-align:center;letter-spacing:4px;padding-top:20px;}
#what .inner{max-width:90%;margin:0px auto;text-align: left;padding:30px 0px;}
#what .inner h1 img{margin-bottom:15px;width:100%;}
#what .inner img{margin-bottom:20px;}
#what .inner div{width:100%;}
#what .inner div span{font-size:130%;color:rgba(229,2,2,1.00);}


#characteristic{/*background:url(../images/characteristic/bg_pc.png) repeat-x top;*/background-color:#f6f6f6;line-height:180%;letter-spacing:4px;}
#characteristic #charasp img{width:100%;}
#characteristic #inner{max-width:90%;margin:0px auto;text-align: left;padding-top:15px;}
#characteristic #inner h1 img{width:100%;}
#characteristic #inner article{padding:30px 0px;background:url(../images/characteristic/line.png) repeat-x top;}
#characteristic #inner article .tokuchou img{width:100%;margin-bottom:10px;}
#characteristic #inner article .charatext img{width:100%;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#characteristic #inner article .images img{width:100%;margin-bottom:10px;}

#bio{background:url(../images/bio/bg.png) no-repeat center;background-size:100% 100%;text-align:center;line-height:180%;letter-spacing:4px;}
#bio #inner{max-width:90%;margin:0px auto;padding:60px 0px;}
#bio #inner .text01{width:100%;margin:0px auto;text-align:left;margin-bottom:50px;}
#bio #inner .text01 img{width:100%;}
#bio #inner .text02 {height:100%;text-align:left;}
#bio #inner .text02 img{width:100%;}
#bio #inner img{margin-bottom:15px;}
#bio #inner h1{margin-bottom:15px;}
#bio #inner h1 img{ width:100%;}
#bio #inner h2{margin-bottom:10px;}
#bio #inner h2 img{ width:100%;}
#bio #inner h3{margin-bottom:10px;}
#bio #inner h3 img{ width:100%;}

#message {background:url(../images/message/bg.png) no-repeat center;background-size:100% 100%;text-align:center;line-height:180%;letter-spacing:2px;color:#333;padding:40px 0px;}
#message h1{margin-bottom:30px;}
#message h1 img{width:90%;}
#message #inner{max-width:90%;;margin:0px auto;}
#message #inner .text01{width:100%;text-align:left;p}
#message #inner .photo01{width:100%;}
#message #inner .photo01 img{width:100%;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#message #inner .name{text-align: right;font-weight:bold;font-size:110%;padding-top:15px;}
#message #inner p{margin-bottom:15px;}


#shoplist {background:url(../images/store/line.png) top repeat-x;text-align:center;/*letter-spacing: -.40em;*/}	
#shoplist .inner{max-width:90%;margin:0px auto;text-align: left;padding-top:80px;}
#shoplist .inner .shoptit{margin-bottom:50px;}
#shoplist .inner .shoptit img{width:100%;}
#shoplist .inner .shopintro{margin-bottom:50px;font-size:120%;text-align:center;color:#C80609;}
#shoplist .inner li {
    display: inline-block;
    letter-spacing: normal;
    width: 100%;
    margin-right: 4%;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ccc;
    vertical-align: top;}
#shoplist li:nth-child(2n) {
    margin-right: -4%;
}

#shoplist .inner .shopname {
    margin: 0px;
    font-size: 100%;
    font-weight: bold;letter-spacing:3px;margin-bottom:10px;}
#shoplist .inner p {    word-break: break-all;}
#shoplist .inner h1{margin:0px;margin-bottom:70px;}
#shoplist .inner h1 img{width:100%;}


#company{background:url(../images/company/line.png) repeat-x top;background-color:#f9f9f9;text-align:left;padding:60px 0px;}
#company .inner{max-width:90%;margin:0px auto;text-align: left;line-height:180%;letter-spacing: 3px;}
#company .inner .companytit{margin-bottom:40px;}
#company .inner .companytit img{width:100%;}
#company .inner .text01{width:100%;text-align:left;padding-bottom:80px;float:left;}
#company .inner .photo01{width:100%;float:right;}
#company .inner .photo01 img{width:100%;margin-bottom: 10px;}
#company .inner .name{text-align: right;font-weight:bold;font-size:110%;padding-top:15px;}
#company .inner p{margin-bottom:15px;}
#company .table_prof{width:100%;margin-bottom:20px;}
#company .table_prof th  { padding: 5px 7px;text-align: left;background: #ebebeb; } 
#company .table_prof th,
#company .table_prof td{
        display: block;
        border-top: none;padding:10px;
    }
#company h1{background:#fff;padding:15px;text-align: center;margin-bottom:20px;color:#E30307;}



#contact {background:url(../images/contact/line.png) repeat-x top;margin:0px auto;text-align: left;padding:60px 0px;}
#contact .inner {max-width:90%;}
#contact .inner .contacttit{margin-bottom:50px;}
#contact .inner .contacttit img{width:100%;} 
#contact .inner .setumei{margin-bottom:50px;font-size:120%;}
#contact .inner div img{margin-bottom:20px;}
#contact .inner .table_entry{width:100%;margin-bottom:20px;}
#contact .inner .table_entry th  { padding: 5px 7px;text-align: left;background: #ebebeb; } 
#contact .inner .table_entry th,
#contact .inner .table_entry td{
        display: block;
        border-top: none;padding:10px;
    }
#contact .inner .info{border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:100%;}
#contact .inner .info2{border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:100%;}

#contact .inner .table_entry input[type="text"], form textarea {
    padding: 10px;
	width: 100%;
    }
}