/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#container{
	width:100%;
	}
	html, body {
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
	 -webkit-text-size-adjust : none;
	padding-bottom: 20px;   /* フッターの高さの分余白を取る */
	}

  div#container{
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;		/* 縦の表示領域を100% */
  }

      /* ボディ */
    /* ボディの大枠 */
    div#main{
    	width: 800px;            /* 横の幅970px */
	background-color: #FFFFFF;
    	padding-bottom: 150px;   /* フッターの高さの分余白を取る */
    }
body > #main {
    height: auto;
}

div#main2{
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
	}

/* 引用 */
	blockquote {
	    position: relative;
	    padding: 30px 15px 8px 15px;
	    box-sizing: border-box;
	    font-style: italic;
	    background: #efefef;
	    color: #555;
	}

	blockquote p {
	    padding: 0;
	    margin: 10px 0;
	    line-height: 1.7;
	}

	blockquote cite {
	    display: block;
	    text-align: right;
	    color: #888888;
	    font-size: 0.9em;
	}

    /* フッターの背景 */
    div#footer-or
    {
    	width:100%;               /* 横の幅を100% */
    	height: 30px;            /* 縦の幅を120px */
    	position: absolute;       /* 絶対位置指定することを定義 */
    	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
    	padding: 5px 0;          /* 上下に余白を取る */
    }
    /* フッターの表示領域 */
    div#footer{
		height: 20px;          /* 縦幅の指定100px */
    	width: 100%;           /* 横の幅970px */
    	margin: auto;           /* 中央揃え */
		text-align: center;
    }