/*====================================================================
● お店ＰＲページ
====================================================================*/
body {
	margin: 0px;
	background-color: #572d1c;
	color: #000;
	text-align: center;

	-webkit-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	   -moz-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	    -ms-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	        text-size-adjust: 100%;
}

img {
	margin: 0px;
	border: 0px;
}



/*===============================================
● 機器の横幅が1023px以下かつ画面の横幅が767px以下かつ縦向き(ポートレート)、機器の横幅が1024px以上かつ画面の横幅が767px以下
===============================================*/
@media screen and (max-device-width: 1023px) and (max-width: 767px) and (orientation: portrait), screen and (min-device-width: 1024px) and (max-width: 767px) {
div.sheet {
	margin: 0 auto;
	padding: 10px;
	background-color: #d8b88f;
	width:  480px;
	text-align: left;
}

div.head {
	margin:  0px;
	padding: 0px;
}

/* 屋号 */
h1.site-name {
	margin:   5px  0px  5px  0px;
	padding: 10px 25px  5px 20px;
	border-top:    3px solid #6c4c20;
	border-bottom: 3px solid #6c4c20;
	background-color: #b6976d;
	color: #6d2907;
	text-align: left;
	font-size: 29px;
}

/* メイン写真・事業者紹介文 */
div.photo-info {
	margin:  0px;
	padding: 15px 0px 15px 0px;
	overflow: hidden;  /* float 解除 */
}

/* メイン写真 */
div.top-photo {
	margin:  0px;
	padding: 0px 60px 0px 60px;
	width: 360px;
	float: left;
}

/* 事業者紹介文 */
div.top-info {
	margin:  0px;
	padding: 0px 30px 0px 30px;
	width: 420px;
	float: left;
}

/* 業種 */
h2.gyousyu {
	margin-top: 70px;
	color: #994304;
	font-size: 25px;
	font-weight: bold;
}

/* 紹介文 */
p.info {
	color: #431;
	font-size: 25px;
	line-height: 1.5em;
}



/* ギャラリー */
div.gallery {
	margin:   0px  0px  0px  0px;
	padding: 20px 90px 20px 90px;
}

ul.gallery {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	color: #93461b;
	font-size: 25px;
	line-height: 1.3em;
}

li.gallery {
	margin:   0px  0px  0px  0px;
	padding: 20px 30px 20px 30px;
	width: 240px;
}

p.gallery {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  0px  0px;
	text-align: center;
}



/* 事業者紹介 */
table.info {
	margin:  30px 0px 30px 0px;
	width: 480px;
	border-collapse: collapse;
	background-color: #fff;
	border-top:    2px solid #6c4c20;
	border-bottom: 2px solid #6c4c20;
}

table.info th {
	padding: 12px 20px 12px 20px;
	width: 79px;
	border-top:    1px solid #6c4c20;
	border-bottom: 1px solid #6c4c20;
	border-right:  1px solid #6c4c20;
	background-color: #b29876;
	font-size: 25px;
	color: #4b1c08;
	font-weight: bold;
	text-align: left;
}

table.info td {
	padding: 12px 20px 12px 20px;
	width: 320px;
	border-top:    1px solid #6c4c20;
	border-bottom: 1px solid #6c4c20;
	background-color: #feebc2;
	font-size: 25px;
	color: #553a16;
	line-height: 1.4em;
	text-align: left;
}

span.sp-none {
	display: none;
}

div.footer {
	margin: 10px 0px 0px 0px;
	border-top: 3px solid #b3663b;
	padding: 5px;
	color: #000;
	text-align: left;
	font-size: 25px;
}
}



/*===============================================
● 画面の横幅が768px以上、機器の横幅が1023px以下かつ画面の横幅が767以下かつ横向き(ランドスケープ)
===============================================*/
@media print, screen and (min-width: 768px), screen and (max-device-width: 1023px) and (max-width: 767px) and (orientation: landscape) {
div.sheet {
	margin: 0 auto;
	padding: 10px;
	background-color: #d8b88f;
	width:  940px;
	text-align: left;
}

div.head {
	margin:  0px;
	padding: 0px;
}

/* 屋号 */
h1.site-name {
	margin:   5px  0px  5px  0px;
	padding: 10px 25px 5px 20px;
	border-top:    3px solid #6c4c20;
	border-bottom: 3px solid #6c4c20;
	background-color: #b6976d;
	color: #6d2907;
	text-align: left;
	font-size: 18px;
}

/* メイン写真・事業者紹介文 */
div.photo-info {
	margin:  0px;
	padding: 15px 0px 15px 0px;
	overflow: hidden;  /* float 解除 */
}

/* メイン写真 */
div.top-photo {
	margin:  0px;
	padding: 0px 30px 0px 30px;
	width: 360px;
	float: left;
}

/* 事業者紹介文 */
div.top-info {
	margin:  0px;
	padding: 0px 20px 0px 20px;
	width: 480px;
	float: left;
}

/* 業種 */
h2.gyousyu {
	margin-top: 70px;
	color: #994304;
	font-size: 18px;
	font-weight: bold;
}

/* 紹介文 */
p.info {
	color: #431;
	font-size: 17px;
	line-height: 1.5em;
}



/* ギャラリー */
div.gallery {
	margin:   0px  0px  0px  0px;
	padding: 20px 20px 20px 20px;
/*	overflow: hidden; */ /* float 解除 */
}

ul.gallery {
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	/* フレックスボックス  参考 http://scene-live.com/page.php?page=56 */
        /* 正式採用は最後に記述し、ベンダープレフィックスは先に書く */
	display: -ms-flexbox;       /* ベンダープレフィックス IE10 (サポート終了で不要) */
	display: -webkit-box;       /* ベンダープレフィックス PC版 Safari 3.1～6.0、Android 標準ブラウザ Ver 2.1～4.3、iOS Safari Ver 3.2～6.1 */
	display: -webkit-flex;      /* ベンダープレフィックス PC版 Safari 6.1以降、iOS Safari Ver 7.0 */
	display: flex;              /* IE11、Firefox37、Chrome41、Android 標準ブラウザ Ver 4.4以降は対応 */

	/* 自動的に折り返す  参考 http://scene-live.com/page.php?page=57 */
        /* 正式採用は最後に記述し、ベンダープレフィックスは先に書く */
	    -ms-flex-wrap: wrap;    /* ベンダープレフィックス IE10 (サポート終了で不要) */
	-webkit-flex-wrap: wrap;    /* ベンダープレフィックス PC版 Safari 6.1以降 */
	        flex-wrap: wrap;
	justify-content: space-between;

	list-style-type: none;
	color: #93461b;
	font-size: 17px;
	line-height: 1.3em;
}

li.gallery {
	padding: 20px 30px 20px 30px;
	flex: 0 0 240px;
	display: -ms-flexbox;       /* ベンダープレフィックス IE10 (サポート終了で不要) */
	display: -webkit-box;       /* ベンダープレフィックス PC版 Safari 3.1～6.0、Android 標準ブラウザ Ver 2.1～4.3、iOS Safari Ver 3.2～6.1 */
	display: -webkit-flex;      /* ベンダープレフィックス PC版 Safari 6.1以降、iOS Safari Ver 7.0 */
	display: flex;              /* IE11、Firefox37、Chrome41、Android 標準ブラウザ Ver 4.4以降は対応 */
	flex-flow: column;
}

p.gallery {
	margin:   0px  0px  0px  0px;
	padding: 10px  0px  0px  0px;
	text-align: center;
}



/* 事業者紹介 */
table.info {
	margin:  30px 10px 30px 10px;
	width: 920px;
	border-collapse: collapse;
	background-color: #fff;
	border-top:    2px solid #6c4c20;
	border-bottom: 2px solid #6c4c20;
}

table.info th {
	padding: 12px 20px 12px 20px;
	width: 140px;
	border-top:    1px solid #6c4c20;
	border-bottom: 1px solid #6c4c20;
	border-right:  1px solid #6c4c20;
	background-color: #b29876;
	font-size: 17px;
	color: #4b1c08;
	font-weight: bold;
	text-align: left;
}

table.info td {
	padding: 12px 20px 12px 20px;
	width: 699px;
	border-top:    1px solid #6c4c20;
	border-bottom: 1px solid #6c4c20;
	background-color: #feebc2;
	font-size: 17px;
	color: #553a16;
	line-height: 1.4em;
	text-align: left;
}

span.pc-none {
	display: none;
}

div.footer {
	margin: 10px 0px 0px 0px;
	border-top: 3px solid #b3663b;
	padding: 5px;
	color: #000;
	text-align: left;
	font-size: 15px;
}
}