@charset "utf-8";
/* CSS Document */




@media screen and (min-width: 768px) {
/* About Us */
.about_01,.about_02,.about_03,.about_04,.about_02 table {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: center;
}
.about_01 p {
	line-height: 150%;
	margin-top: 10px;
}
.about_02 table tr td {
	padding: 15px;
	margin-bottom: 30px;
}
.about_03 {
	width: 870px;
}
.about_03 table {
	float: left;
	width: 400px;
	margin-right: 30px;
	margin-bottom: 30px;
        border-collapse: collapse;
}
.about_03 iframe {
	margin-bottom: 5px;
}
.about_03 table tr td {
	padding: 5px;
	text-align: left;
}
.about_03 table tr td img {
	margin-left: 10px;
}
.about_04 {
	width: 960px;
}

.acc_cont {
	overflow: hidden;
	margin-bottom: 30px;
}

.acc_cont .acc_txt {
	text-align: left;
	float: left;
	width: 55%;
}
.acc_cont .acc_img {
	float: left;
	width: 45%;
}
.txt_r {
	color: #F00;
}
.txt_g {
	color: #0C0;
}









/* About Us 実店舗 */

.tempo-cont {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.tempo-cont h1 {
	text-align: center;
}

.tempo-cont .main_img {
	margin-left: 10px;
}

.tempo-cont .main_img ul {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

.tempo-cont .main_img ul li {
	display: inline-block;
	list-style-type: none;
	margin-right: 3px;
	margin-bottom: 15px;
}

.tempo-cont .main_img ul li img {
	width: 230px;
	height: auto;
}


.tempo-cont .floor {
	margin-bottom: 50px;
}

.tempo-cont .floor h2 {
	font-size: 180%;
	color: #69C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69C;
	margin-bottom: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 150%;
}

.tempo-cont .floor .intro {
	overflow: hidden;
	float: left;
	width: 636px;
	margin-right: 12px;
}

.tempo-cont .floor .intro .photo {
	float: left;
	width: 312px;
}
.tempo-cont .floor .intro .txt {
	float: left;
	width: 312px;
	margin-left: 12px;
}

.tempo-cont .floor .intro .txt p img {
	float: right;
}

.tempo-cont .floor .right-img ul {
    padding-left: 0px;
}	

.tempo-cont .floor .right-img ul li {
	display: inline-block;
	margin-bottom: 15px;
	list-style-type: none;
}
.tempo-cont .floor .intro .txt p img {
	width: 110px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.tempo-cont .floor .intro .txt p {
	font-size: 110%;
	line-height: 160%;
	text-align: left;
        word-break: normal;
        word-wrap: normal;
}
.tempo-cont .floor .right-img ul .pc-midd {
	margin-right: 11px;
	margin-left: 11px;
}

}




/*スマホ用CSS*/
@media screen and (max-width: 767px){

/*About us 実店舗*/

.tempo-cont h1 {
	margin-bottom: 0px;
}

.tempo-cont .main_img ul {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin: 0px;
}
.tempo-cont .main_img,.tempo-cont .right-img {
	/*margin-left: 3%;
	width: 95%;*/
	margin-bottom: 30px;
}
.tempo-cont .floor h2 {
	line-height: 150%;
	color: #69C;
	text-align: left;
	text-indent: 10px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69C;
	font-size: 150%;
}

.tempo-cont .floor {
	overflow: hidden;
	margin-bottom: 50px;
}

.tempo-cont .floor .intro {
	overflow: hidden;
	margin-bottom: 5px;
}

.tempo-cont .floor .intro .txt {
	width: 100%;
	/*margin-left: 5%;*/
}
.tempo-cont .floor .intro .txt p {
	line-height: 170%;
        word-break: normal;
        word-wrap: normal;
		font-size: 90%;
}

.tempo-cont .floor .intro .photo {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3%;
}

.tempo-cont {
	width: 100%;
}

.tempo-cont .main_img ul li, .tempo-cont .right-img ul li{
	width: 47%;
	margin-bottom: 5px;
}

.tempo-cont .main_img ul li:nth-child(even),.tempo-cont .right-img ul li:nth-child(even) {
	float:left;
	margin-left: 5px;
}


.tempo-cont .main_img ul li:nth-child(odd), .tempo-cont .right-img ul li:nth-child(odd){
	float:left;
	clear:left;
	
}

.tempo-cont .floor .intro .txt p img {
    float: right;
    width: 90px;
    margin-left: 3%;
    margin-bottom: 10%;
	margin-right: 3%;
}

.shopinfo_all {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.acc_cont {
	margin-bottom: 30px;
}


.txt_r {
	color: #F00;
}
.txt_g {
	color: #0C0;
}



}
