@charset "utf-8";

@media print, screen and (min-width: 641px) {

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

#mainvisual{background:url(../images/main_bg.png)center no-repeat;background-size:100% auto;height:550px;}
#mainvisual #inner{max-width:1100px;margin:0px auto;padding-top:140px;}
#mainvisual #inner img{width:100%;}
#mainsp{display:none;}

#intro4{background:#eae7dc;text-align:center;padding:80px 0px;}
#intro4 .inner{
	max-width:1100px;
	margin:0px auto;
	}
#intro4 .inner h1 img{margin-bottom:40px;width:100%;}
#intro4 .inner div.mainLink ul{
	width:95%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	}
#intro4 .inner div.mainLink ul li {
	padding: 0;
	width:23%;
	text-align: center;
	}

#intro4 .inner div.mainLink ul li a {	color: #fff;	}
#intro4 .inner div.mainLink ul li img {width:100%;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}


/*コンセプト*/
#concept{background:#fff;text-align:center;padding:80px 0px;text-align: left;line-height:180%;letter-spacing:4px;}
#concept #inner{
	max-width:1100px;
	margin:0px auto;
	width:95%;
	}
#concept #inner #title{margin-bottom:50px;}
#concept #inner #title img{width:100%;margin-bottom:50px;} 
#concept #inner #photospace {
	max-width: 55%;
	height: 450px;
	float:left;
	clear: both;
}
#concept #inner #photospace img{width:100%;}
#concept #inner #textspace{max-width:45%;float:right;height:450px;}
#concept #inner #textspace h1{margin-bottom: 40px;}
#concept #inner #textspace h1 img{
	max-width:492px;
	width:100%;
	}

#mukashinagara{
	background:url(../images/mukashinagara/bg.png) ;
	background-size:100% auto;
	padding:80px 0px;
	}
#mukashinagara .inner{
	max-width:1100px;
	width:95%;
	margin:0px auto;
	text-align: left;
	color:#fff;
	font-size:250%;
	}

#what{background:url(../images/what/bg_pc.png) no-repeat center 15px;text-align:center;height:500px;letter-spacing:4px;}
#what .inner{max-width:1100px;margin:0px auto;text-align: left;padding-top:80px;}
#what .inner img{margin-bottom:40px;}
#what .inner div{width:500px;font-weight:bold;font-size:110%;}
#what .inner div span{font-size:200%;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 #inner{
	max-width:1100px;background:url(../images/characteristic/tit_pc.png) no-repeat center top;margin:0px auto;text-align: left;padding-top:15px;padding-top:350px;}
#characteristic #charasp img{display:none;}
#characteristic #inner h1 img{width:100%;}
#characteristic #inner article{padding:60px;background:url(../images/characteristic/line.png) repeat-x top;}
#characteristic #inner article .tokuchou img{width:100%;margin-bottom:20px;}
#characteristic #inner article .charatext img{width:400px;float: right;padding-left:30px;}
#characteristic #inner article .images img{width:100%;}

#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:1100px;margin:0px auto;padding-top:80px;}
#bio #inner .text01{width:700px;margin:0px auto;text-align:left;margin-bottom:50px;}
#bio #inner .text02 {height:300px;text-align:left;}
#bio #inner .text02 img{width:400px;margin-left:30px;float:right;}
#bio #inner img{margin-bottom:30px;}
#bio #inner h1{margin-bottom:30px;}
#bio #inner h1 img{max-width:740px;}
#bio #inner h2{margin-bottom:30px;}
#bio #inner h2 img{max-width:596px;}
#bio #inner h3{margin-bottom:30px;}
#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:4px;padding:80px;color:#333;}
#message h1{margin-bottom:80px;}
#message #inner{max-width:1100px;margin:0px auto;}
#message #inner .text01{width:65%;text-align:left;padding-bottom:80px;float:left;}
#message #inner .photo01{width:33%;float:right;height:750px;}
#message #inner .photo01 img{width:100%}
#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:1100px;margin:0px auto;text-align: left;padding-top:80px;padding-bottom: 60px;}
#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: 48%;
    margin-right: 4%;
	margin-bottom:20px;
    vertical-align: top;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	}
#shoplist li:nth-child(2n) {
    margin-right: -4%;
	
}


#shoplist .inner .shopname {
    margin: 0px;
    font-size: 110%;
    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:80px 0px;}
#company .inner{max-width:1100px;margin:0px auto;text-align: left;line-height:180%;letter-spacing: 3px;}
#company .inner .companytit{margin-bottom:50px;}
#company .inner .companytit img{width:100%;}
#company .inner .text01{width:65%;text-align:left;padding-bottom:80px;float:left;}
#company .inner .photo01{width:33%;float:right;}
#company .inner .photo01 img{width:100%}
#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:0px auto;margin-bottom:20px;margin-top:40px;}
#company .table_prof td { border:1px solid #ccc;padding:10px 20px;text-align: left;}
#company .table_prof th{ border:1px solid #ccc;text-align: center;background:#fff;} 
#company .table_prof th,
#company .table_prof tr:first-child th   { border:1px solid #ccc;padding:10px;}
#company h1{background:#E30307;padding:15px;text-align: center;margin-bottom:20px;color:#fff;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;   }



#contact {background:url(../images/contact/line.png) repeat-x top;margin:0px auto;text-align: left;padding:80px 0px;}
#contact .inner {max-width:1100px;}
#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 td { border:1px solid #ccc;padding:20px;font-weight:normal;background:#fff;color:#333;}
#contact .inner .table_entry th{ background:#ebebeb;border:1px solid #ccc;text-align:center;color:#333;} 
#contact .inner .table_entry th,
#contact .inner .table_entry tr:first-child th   { border: 1px solid #ccc;padding:15px;width:30%;}
#contact .inner .table_entry input[type="text"], form textarea {
    padding: 10px;
	width: 100%;
    }


#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:400px;}
#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:700px;}
}

@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {

#mainvisual{background:url(../images/main_bg.png)center no-repeat;background-size:100% auto;height:550px;}
#mainvisual #inner{max-width:95%;margin:0px auto;padding-top:140px;}
#mainvisual #inner img{width:100%;}
#mainsp{display:none;}

#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-right: 30px;
	padding: 0;
	width:22%;
	height: 230px;
	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:80px 0px;text-align: left;line-height:180%;letter-spacing:4px;}
#concept #inner{max-width:95%;margin:0px auto;}
#concept #inner #photospace {
	max-width: 55%;
	height: 450px;
	float:left;
	clear: both;
}


#mukashinagara .inner{max-width:95%;margin:0px auto;text-align: left;color:#fff;font-size:250%;}

#what{background:url(../images/what/bg_pc.png) no-repeat center 15px;background-size:100%;text-align:center;height:500px;letter-spacing:4px;}
#what .inner{max-width:95%;margin:0px auto;text-align: left;padding-top:80px;}

#characteristic #inner{max-width:95%;background:url(../images/characteristic/tit_pc.png) no-repeat center top;margin:0px auto;text-align: left;padding-top:15px;padding-top:350px;}
#characteristic #charasp img{display:none;}
#characteristic #inner h1 img{width:100%;}
#characteristic #inner article{padding:60px;background:url(../images/characteristic/line.png) repeat-x top;}
#characteristic #inner article .tokuchou img{width:100%;margin-bottom:20px;}
#characteristic #inner article .charatext img{width:30%;float: right;padding-left:30px;}
#characteristic #inner .images img{width:100%;}


#bio #inner{max-width:95%;margin:0px auto;padding-top:80px;}
#bio #inner .text01{width:100%;margin:0px auto;text-align:left;margin-bottom:50px;}
#bio #inner .text02 {height:300px;text-align:left;}
#bio #inner .text02 img{width:400px;margin-left:30px;float:right;}
#bio #inner h1 img{width:80%;}

#message #inner{max-width:95%;margin:0px auto;}
#message #inner .text01{width:65%;text-align:left;padding-bottom:80px;float:left;}
#message #inner .photo01{width:33%;float:right;height:750px;}


#shoplist .inner{max-width:95%;margin:0px auto;text-align: left;padding-top:80px;}
#shoplist .inner li {
    display: inline-block;
    letter-spacing: normal;
    width: 48%;
    margin-right: 4%;margin-bottom:20px;
    vertical-align: top;}
#shoplist li:nth-child(2n) {
    margin-right: -4%;
}



#company .inner{max-width:95%;margin:0px auto;text-align: left;line-height:180%;letter-spacing: 3px;}


#contact .inner {background:#fff;width:80%;margin:0px auto;text-align:left;color:#333;}
#contact .inner .table_entry{margin-bottom:20px;margin:0px 0px;}
#contact .inner .table_entry tr:first-child th   { border: 1px solid #ccc;padding:15px;width:30%;}







}


@media only screen and 
(min-device-width : 480px) and 
(max-device-width : 768px) {
	

}